:root{--bg:#0b1020;--side:#0e1428;--card:#131a2f;--bd:#222c48;--fg:#e8ecf8;--mut:#8b95b3;--pri:#7c5cff;--red:#fb7185;--amb:#fbbf24;--ok:#34d399;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--fg)}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--side);border-right:1px solid var(--bd);padding:22px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.logo{font-size:19px;font-weight:700;margin:2px 10px 26px}.sp{flex:1}.nv{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:var(--mut);text-align:left;padding:11px 14px;font-size:16px;border-radius:10px}.nv:hover{background:#7c5cff1a;color:var(--fg)}.nv.on{background:#7c5cff33;color:#fff;font-weight:600}.gl{width:22px;text-align:center;opacity:.9}.mainw{padding:30px 40px;max-width:1700px;width:100%}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px;gap:16px}.top h1{margin:0;font-size:32px;letter-spacing:-.5px}.sub{margin:2px 0 0;color:var(--mut)}.topr{display:flex;align-items:center;gap:18px}.date{color:var(--mut);font-size:14px}button{font:inherit;padding:8px 16px;border:1px solid var(--bd);background:var(--card);color:var(--fg);border-radius:10px;cursor:pointer}button:hover{border-color:var(--pri)}button.pri{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:600}button.pri:hover{filter:brightness(1.1)}button.big{padding:11px 22px}button.x{color:var(--red);border-color:transparent;background:transparent}button.ok{background:#34d3991f;border-color:var(--ok);color:var(--ok)}input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:#0e1428;color:var(--fg);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--pri);outline-offset:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:18px 20px}.card small{color:var(--mut);font-size:14px}.card h2{margin:8px 0 6px;font-size:44px;line-height:1;letter-spacing:-1px}.dl{font-size:13px;font-weight:600}.dl.up{color:var(--ok)}.dl.down{color:var(--red)}.dl.mut{color:var(--mut)}.click{cursor:pointer;transition:border-color .12s,transform .12s}.click:hover{border-color:var(--pri);transform:translateY(-2px)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width:1000px){.two,.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.mainw{padding:16px}}.panel{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px 22px;margin-bottom:16px}.two .panel{margin:0}.panel h3{margin:0 0 14px;font-size:18px}.fr{display:grid;grid-template-columns:200px 1fr 56px;gap:14px;align-items:center;margin:11px 0}.fr b{text-align:right}.bar2{height:8px;background:#0b1020;border-radius:99px;overflow:hidden}.bar2 i{display:block;height:100%;border-radius:99px;background:var(--pri)}.bar2.g i{background:var(--ok)}.hint,.mut,small{color:var(--mut)}.hint{font-size:13px;margin-top:14px}.scroll{max-height:380px;overflow:auto}.task{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--bd)}.task>div:first-child{flex:1}.task:last-child{border-bottom:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--bd);vertical-align:middle}th{cursor:pointer;color:var(--mut);font-weight:600;white-space:nowrap;font-size:14px}tr:hover td{background:#7c5cff12;cursor:pointer}a{color:#a99bff;cursor:pointer;text-decoration:none}.bar{display:flex;gap:12px;align-items:center;margin-bottom:14px}.bar input{max-width:420px}.bar select{max-width:280px}.empty{padding:30px;text-align:center;border:1px dashed var(--bd);border-radius:14px;color:var(--mut)}.red{color:var(--red);font-weight:600}.amb{color:var(--amb);font-weight:600}.msg{padding:12px 18px;background:var(--card);border:1px solid var(--bd);border-radius:12px;margin-bottom:16px;cursor:pointer}.b{padding:3px 12px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap}.s0{background:#94a3b82e;color:#cbd5e1}.s1{background:#22d3ee29;color:#67e8f9}.s2{background:#fbbf2429;color:#fcd34d}.s3{background:#34d39929;color:#6ee7b7}.s4{background:#7c5cff38;color:#c4b5fd}.s5{background:#22c55e3d;color:#86efac}.s6{background:#fb718529;color:#fda4af}.soc{display:inline-flex;gap:6px}.sb{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.sb:hover{transform:scale(1.12)}.yt{background:red}.ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.tt{background:#000;border:1px solid #444}.web{background:#0ea5e9}.fv{background:var(--pri)}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#050814b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;display:flex;align-items:center;justify-content:center;padding:20px}.md{width:min(1180px,100%);max-height:94vh;overflow:auto;background:var(--bg);border:1px solid var(--bd);border-radius:20px;box-shadow:0 30px 80px #0009}.mh{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;background:var(--card);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:1}.mh h2{margin:0 0 6px;font-size:26px}.mhr{display:flex;gap:10px;align-items:center}.mhr select{width:210px}.mb{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 26px}.mb.one{grid-template-columns:1fr;max-width:640px;margin:auto}@media (max-width:900px){.mb{grid-template-columns:1fr}}.mb section{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:18px}.mb h4{margin:0 0 10px;font-size:17px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.w2{grid-column:span 2}label{display:block;font-size:13px;color:var(--mut);margin:8px 0 3px}.row{display:flex;gap:10px;margin-top:14px}.er{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}.er b{min-width:100px}.er input{width:auto}.login{max-width:380px;margin:14vh auto;padding:28px;display:grid;gap:12px;background:var(--card);border:1px solid var(--bd);border-radius:18px}