:root{--b:#4f46e5;--g:#16a34a;--r:#dc2626;--y:#d97706;--bg:#f4f5fb;--c:#fff;--t:#1e1b3a;--m:#6b7280}
@media(prefers-color-scheme:dark){:root{--bg:#0f1020;--c:#1b1c34;--t:#e8e8f5;--m:#9a9cc0}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--t)}
header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--b);color:#fff;position:sticky;top:0;z-index:5}
header a,.lk{color:#fff;text-decoration:none;font-weight:600}nav{display:flex;gap:1rem;align-items:center}nav form{margin:0}
main{max-width:860px;margin:0 auto;padding:1rem}a{color:var(--b)}h1{font-size:1.5rem;margin:.5rem 0}h2{font-size:1.15rem}
.card{background:var(--c);border-radius:14px;padding:1rem;margin:.8rem 0;box-shadow:0 1px 4px #0001;display:block;color:inherit;text-decoration:none}
.row{display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.m{color:var(--m);font-size:.9rem}
label{display:block;margin:.6rem 0;font-weight:600;font-size:.9rem}
input,textarea{width:100%;padding:.7rem;border:1px solid #8885;border-radius:10px;font:inherit;background:var(--bg);color:var(--t);margin-top:.2rem}
button,.btn{background:var(--b);color:#fff;border:0;padding:.7rem 1.1rem;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.lk{background:none;padding:0;border:0}.sec{background:#8883;color:var(--t)}.dg{background:var(--r)}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.fl{background:#4f46e522;border-left:4px solid var(--b);padding:.7rem;border-radius:8px;word-break:break-all}
.bar{height:8px;background:#8883;border-radius:9px;overflow:hidden;min-width:70px}.bar i{display:block;height:100%;background:var(--g)}
.seg{display:flex;gap:4px}.seg label{margin:0;flex:1}.seg input{display:none}
.seg span{display:block;text-align:center;padding:.6rem .8rem;border-radius:9px;background:#8883;font-weight:700}
.seg input:checked+span.p{background:var(--g);color:#fff}.seg input:checked+span.a{background:var(--r);color:#fff}.seg input:checked+span.g{background:var(--y);color:#fff}
table{width:100%;border-collapse:collapse}td,th{padding:.5rem .3rem;border-bottom:1px solid #8883;text-align:left}.x{overflow-x:auto}
.auth{max-width:400px;margin:2rem auto}.off{opacity:.5}
.low td{color:var(--r);font-weight:600}.tabs button{flex:1}.card input+.tabs{margin-top:.6rem}
input,textarea{font-weight:400}.tabs .dg{background:transparent;color:var(--r);border:2px solid var(--r)}td .bar{display:inline-block;width:60px;vertical-align:middle}