:root{--paper:#F2F4F6;--surface:#FFFFFF;--ink:#17212C;--muted:#5E6B78;--faint:#8A96A3;--line:#DCE1E6;--line2:#EBEEF1;--steel:#23507A;--steel-d:#1A3D5E;--steel-l:#E6EEF5;--on-steel:#FFFFFF;--side:#132230;--side-2:#1C3043;--side-ink:#C8D4DF;--side-line:#2B435A;--red:#B42318;--red-l:#FDECEA;--amber:#B54708;--amber-l:#FEF3E2;--green:#067647;--green-l:#E7F6EC;--band:#EEF2F5;--shadow:0 8px 30px rgba(15,30,45,.22);--head:"Barlow Semi Condensed","Bahnschrift","Arial Narrow",sans-serif;--body:"Segoe UI","Inter",system-ui,-apple-system,Arial,sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,Menlo,monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0E151C;--surface:#162029;--ink:#E6ECF1;--muted:#9AA8B5;--faint:#6F7E8C;--line:#2A3947;--line2:#223039;--steel:#6FA3D6;--steel-d:#8DB8E3;--steel-l:#1B3248;--on-steel:#0E151C;--side:#0A1118;--side-2:#14212C;--side-ink:#AEBBC8;--side-line:#243543;--red:#F07A6C;--red-l:#3A1A16;--amber:#E3A948;--amber-l:#33270F;--green:#5CC98A;--green-l:#15301F;--band:#1B2630;--shadow:0 8px 30px rgba(0,0,0,.5)}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font:14px/1.45 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--head);font-weight:600;margin:0;letter-spacing:.01em}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.hidden{display:none!important}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.faint{color:var(--faint)}.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600;min-width:0}.i{width:100%;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px 12px;font-weight:400;font-size:14px;min-width:0;transition:border-color .15s ease,box-shadow .15s ease}textarea.i{height:auto;min-height:72px}select.i{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M4 6l4 4 4-4' stroke='%235E6B78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.i::placeholder{color:var(--faint)}.i:hover{border-color:var(--steel)}.i:focus{border-color:var(--steel);outline:none;box-shadow:0 0 0 3px var(--steel-l)}textarea.i:focus{box-shadow:0 0 0 3px var(--steel-l)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:0 14px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.btn:hover{border-color:var(--steel)}.btn.pri{background:var(--steel);border-color:var(--steel);color:var(--on-steel)}.btn.pri:hover{background:var(--steel-d);border-color:var(--steel-d)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.sm{height:28px;padding:0 9px;font-size:12px}.btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px;box-shadow:0 0 0 4px var(--steel-l)}.btn.pri:focus-visible{outline-color:var(--steel-d)}.btn.danger:focus-visible{outline-color:var(--red);box-shadow:0 0 0 4px var(--red-l)}nav button:focus-visible{outline:2px solid var(--steel);outline-offset:-2px}.modal .x:focus-visible{outline:2px solid var(--steel);border-radius:6px}tr.row:focus-visible{outline:2px solid var(--steel);outline-offset:-2px}[role=button]:focus-visible,.card[role=button]:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.err{color:var(--red);font-size:13px;min-height:18px}#app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}aside{background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:100vh;overflow:auto}.brand{padding:18px 18px 14px;border-bottom:1px solid var(--side-line)}.brand b{display:block;font:600 19px var(--head);color:#fff}.brand small{color:#8397aa}nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px;flex:1}.ng{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6f8499;padding:12px 10px 4px}nav button{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--side-ink);font-size:13.5px}nav button:hover{background:var(--side-2)}nav button[aria-current=page]{background:var(--steel);color:var(--on-steel);font-weight:600}nav .ct{font:11px var(--mono);opacity:.8}.side-foot{padding:14px 18px;border-top:1px solid var(--side-line);font-size:12.5px}.side-foot .btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.side-foot .btn{background:transparent;color:var(--side-ink);border-color:var(--side-line)}main{padding:22px clamp(16px,3vw,36px) 48px;min-width:0}.topbar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:16px}.topbar .sub{color:var(--muted);font-size:13px}.sync{margin-left:auto;font:12px var(--mono);color:var(--muted)}@media(max-width:860px){#app{grid-template-columns:1fr}aside{position:static;height:auto}nav{flex-direction:row;overflow-x:auto;padding:8px;flex:none}.ng{display:none}nav button{white-space:nowrap}}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}.toolbar .f{min-width:130px}.toolbar .sp{flex:1}.sumstrip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.chip{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 14px;min-width:120px}.chip span{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chip b{font:600 22px var(--head);font-variant-numeric:tabular-nums}.chip.bad b{color:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:96px}.card .k{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card .v{font:600 26px var(--head);font-variant-numeric:tabular-nums}.card .m{font-size:12.5px;color:var(--muted)}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cards{grid-template-columns:1fr}}.xgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.xgrid{grid-template-columns:1fr}}.xcard{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px;min-width:0}.xcard h3{margin:0 0 10px;font:600 16px var(--head)}.tbox{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:calc(100vh - 260px)}table.t{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}table.t th{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--band);white-space:nowrap;position:sticky;top:0;z-index:3}table.t td{padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:top}table.t td.n,table.t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.row{cursor:pointer}tr.row:hover td{background:var(--steel-l)}.pill{display:inline-flex;align-items:center;gap:5px;font:600 11.5px var(--body);padding:2px 8px;border-radius:999px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.g{color:var(--green);background:var(--green-l)}.pill.a{color:var(--amber);background:var(--amber-l)}.pill.r{color:var(--red);background:var(--red-l)}.pill.x{color:var(--muted);background:var(--band)}.pill.s{color:var(--steel);background:var(--steel-l)}.code{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--steel)}.empty{padding:36px 16px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font:600 20px var(--head);margin-bottom:6px}.defbox{background:var(--steel-l);border-left:3px solid var(--steel);border-radius:6px;padding:10px 14px;margin-bottom:12px;font-size:13.5px;line-height:1.5}.note{font-size:12.5px;color:var(--muted);margin-top:10px}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a121a8c;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow:auto;z-index:50}.modal{background:var(--surface);border-radius:10px;width:100%;max-width:760px;box-shadow:var(--shadow);margin:auto 0}.modal header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal header .faint{font-size:13px}.modal .x{all:unset;cursor:pointer;font-size:22px;line-height:1;padding:2px 8px;color:var(--muted)}.modal .body{padding:16px 18px;display:grid;gap:16px}.modal footer{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:1px solid var(--line);align-items:center}.modal footer .sp{flex:1}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kv div>span:first-child{display:block;font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:8px;font-size:13px;z-index:80}#login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.login-art{background:var(--side);color:#fff;padding:48px clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-art h1{font-size:clamp(28px,4vw,40px);color:#fff;margin-top:14px;line-height:1.1}.login-art p{color:#a9b9c9;max-width:44ch;margin:14px 0 0}.login-art .eb{color:#8397aa;font-size:13px}.codes{display:flex;flex-wrap:wrap;gap:8px}.codes span{font:600 12px var(--mono);letter-spacing:.06em;border:1px solid #2B435A;color:#c8d4df;padding:4px 9px;border-radius:4px}.login-form{display:flex;align-items:center;justify-content:center;padding:32px 16px}.login-form form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.hint{font-size:12px;color:var(--muted);margin:0}@media(max-width:760px){#login{grid-template-columns:1fr}}.sect-h{font:600 18px var(--head);margin:4px 0 10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.sect-h .faint{font:500 13px var(--body)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}::selection{background:var(--steel-l);color:var(--steel-d)}.tbox,.ov,aside,nav{overscroll-behavior:contain}.pill{transition:background-color .15s ease}.chip,.card,.xcard{transition:border-color .15s ease,box-shadow .15s ease}
