: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;--grand:#DDE8F2;--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;--grand:#1F3A52;--shadow:0 8px 30px rgba(0,0,0,.5)}}:root[data-theme=dark]{--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;--grand:#1F3A52;--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%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px 10px;font-weight:400;font-size:14px;min-width:0}textarea.i{min-height:64px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:7px 12px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}.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{padding:4px 9px;font-size:12px}.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;max-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;max-height:none;height:auto}nav{flex-direction:row;overflow-x:auto;padding:8px;flex:none}.ng{display:none}nav button{white-space:nowrap}}.scope{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}.toolbar .f{min-width:120px}.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 28px 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)}.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}.addrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.addrow .i{flex:1 1 180px;width:auto}.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.wide{max-width:960px}.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)}.shots{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.shots img{height:96px;max-width:150px;object-fit:cover;border-radius:4px;border:1px solid var(--line);cursor:zoom-in;background:var(--band)}.rs{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:var(--paper)}.rs .meta{font:600 11.5px var(--mono);color:var(--muted);margin-bottom:4px}.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}.light{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:90;padding:16px}.light img{max-width:100%;max-height:100%;border-radius:4px}#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)}@media(max-width:760px){#login{grid-template-columns:1fr}}#root{min-height:100vh}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{overflow-x:hidden}.tbox,aside,nav,.ov,#login .login-art{overflow:auto;-webkit-overflow-scrolling:touch}.i{min-height:36px;height:36px;padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea.i{height:auto;min-height:72px;padding:8px 10px}.btn{min-height:36px;padding:6px 14px;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .05s ease}.btn.sm{min-height:28px;padding:3px 10px}.btn:active{transform:translateY(1px)}.btn.pri{box-shadow:0 1px 2px #0f1e2d47}.btn.pri:active{box-shadow:none}select.i{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.i:hover{border-color:var(--steel)}.i:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px var(--steel-l)}.i:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.i::placeholder{color:var(--faint)}.i:disabled{opacity:.55;cursor:default;background:var(--band)}.i[type=file]{padding:5px 8px;height:auto;min-height:36px}.btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.btn:disabled:active{transform:none}nav button:focus-visible,.side-foot .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}tr.row:focus-visible{outline:2px solid var(--steel);outline-offset:-2px}.card,.xcard,.chip,.tbox,.modal{transition:box-shadow .15s ease,border-color .15s ease}.card[role=button]:hover,button.card:hover{border-color:var(--steel);box-shadow:0 4px 16px #0f1e2d24}.modal .body{gap:14px}.grid2{gap:12px}.f{gap:5px}.err{min-height:20px}
