:root{--bg:#f4f6fb;--card:rgba(255,255,255,.93);--tx:#1d2433;--bd:#dde2ee;--mut:#667085;--ov:rgba(244,246,251,.80);--pri:#2457d6;--bgimg:none}
@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--bg:#12151d;--card:rgba(27,32,48,.93);--tx:#e8ecf5;--bd:#2d3550;--mut:#9aa4b8;--ov:rgba(18,21,29,.82)}}
:root[data-mode=dark]{--bg:#12151d;--card:rgba(27,32,48,.93);--tx:#e8ecf5;--bd:#2d3550;--mut:#9aa4b8;--ov:rgba(18,21,29,.82)}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;color:var(--tx);min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(var(--ov),var(--ov)),var(--bgimg) center/cover fixed;background-color:var(--bg)}
header{background:var(--card);border-bottom:1px solid var(--bd);padding:.7rem 1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
nav{display:flex;gap:.9rem;flex:1;flex-wrap:wrap}nav a.on{font-weight:700;border-bottom:2px solid var(--pri)}
a{color:var(--pri);text-decoration:none}
main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1rem;margin-bottom:1rem;overflow-x:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.grid .card{margin:0}
.big{font-size:2rem;font-weight:700}.mut{color:var(--mut);font-size:.85rem}
input,select,textarea,button{font:inherit;padding:.45rem .7rem;border:1px solid var(--bd);border-radius:7px;background:var(--card);color:var(--tx)}
button{cursor:pointer;background:var(--pri);color:#fff;border-color:var(--pri)}button.s{background:var(--card);color:var(--tx)}button.d{background:#b91c1c;border-color:#b91c1c;color:#fff}button:disabled{opacity:.4;cursor:not-allowed}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem;border-bottom:1px solid var(--bd);font-size:.92rem;vertical-align:top}
form.r{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.msg{background:var(--card);border:1px solid var(--pri);padding:.6rem 1rem;border-radius:8px}.err{color:#dc2626}
.pos{color:#16a34a}.neg{color:#dc2626}textarea{width:100%}
.tile{display:block;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1.2rem;color:var(--tx)}.tile:hover{border-color:var(--pri)}.tile b{display:block;font-size:1.1rem}.tile span{font-size:2rem}
.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tabs a{padding:.4rem .8rem;border:1px solid var(--bd);border-radius:7px;background:var(--card)}.tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.av{font-size:1.6rem;padding:.2rem .5rem;border-radius:8px;border:2px solid var(--bd);background:var(--card);cursor:pointer}input[type=radio]:checked+.av{border-color:var(--pri)}input[type=radio]{display:none}
footer{text-align:center;padding:1rem;color:var(--mut);font-size:.85rem;border-top:1px solid var(--bd);background:var(--card)}