: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);--ring:rgba(35,80,122,.3);--head:"Barlow Semi Condensed","Bahnschrift","DIN Alternate","Roboto Condensed","Arial Narrow",sans-serif;--body:"Segoe UI","Inter",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,Menlo,monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme: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);--ring:rgba(111,163,214,.35)}}:root[data-theme=dark]{color-scheme: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);--ring:rgba(111,163,214,.35)}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:0;height:0;display:none}::selection{background:var(--steel);color:#fff}html,body{margin:0;min-height:100%}#root{min-height:100dvh}body{background:var(--paper);color:var(--ink);font:14px/1.45 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--head);font-weight:600;margin:0;letter-spacing:.01em;text-wrap:balance}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}:focus{outline:none}:focus-visible{outline:2px solid var(--steel);outline-offset:2px;border-radius:4px}.hidden{display:none!important}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.faint{color:var(--faint)}small{font-size:11.5px}.f{display:flex;flex-direction:column;gap:5px;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:8px;padding:9px 11px;font-weight:400;font-size:14px;min-width:0;min-height:40px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.i:hover:not(:disabled){border-color:var(--faint)}.i:focus{border-color:var(--steel);box-shadow:0 0 0 3px var(--ring);background:var(--surface)}.i:disabled{background:var(--paper);color:var(--muted);cursor:not-allowed}textarea.i{min-height:64px;resize:vertical;line-height:1.5}select.i{-webkit-appearance:none;-moz-appearance:none;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;background-repeat:no-repeat;padding-right:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:13px;min-height:40px;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.btn:hover:not(:disabled){border-color:var(--steel);box-shadow:0 2px 10px #0f1e2d24;transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97);box-shadow:0 1px 3px #0f1e2d1f}.btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px;box-shadow:0 0 0 3px var(--ring)}.btn.pri{background:var(--steel);border-color:var(--steel);color:var(--on-steel)}.btn.pri:hover:not(:disabled){background:var(--steel-d);border-color:var(--steel-d)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.danger:hover:not(:disabled){border-color:var(--red);background:var(--red-l);box-shadow:0 2px 10px #b423182e}.btn.sm{padding:5px 11px;font-size:12px;min-height:32px;border-radius:7px}.btn:disabled{opacity:.5;cursor:default}.err{color:var(--red);font-size:13px;min-height:18px}.hint{font-size:12px;color:var(--muted)}#app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;overflow-x:clip}aside{background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.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:3px;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:10px 12px;border-radius:8px;cursor:pointer;color:var(--side-ink);font-size:13.5px;min-height:42px;transition:background .15s ease,color .15s ease,transform .12s ease}nav button:active{transform:scale(.98)}nav button:focus-visible{outline:2px solid #8DB8E3;outline-offset:-2px}nav button[aria-current=page]{background:var(--steel);color:var(--on-steel);font-weight:600;box-shadow:0 2px 8px #00000040}nav a.navlink{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--side-ink);font-size:13.5px;text-decoration:none;min-height:42px;transition:background .15s ease}nav a.navlink:hover{background:var(--side-2)}nav a.navlink:focus-visible{outline:2px solid #8DB8E3}nav button:hover{background:var(--side-2)}nav button:focus-visible{outline:2px solid #8DB8E3}nav button[aria-current=page]{background:var(--steel);color:var(--on-steel);font-weight:600}.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;overflow:visible}.brand{padding:12px 16px;display:flex;align-items:baseline;gap:10px}.brand b{font-size:17px}nav{flex-direction:row;overflow-x:auto;padding:8px 10px;flex:none;gap:6px;align-items:center}.ng{display:none}nav button,nav a.navlink{white-space:nowrap;min-height:38px;padding:8px 14px;flex:none}.side-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px}.side-foot .btns{margin-top:0}main{padding:16px 12px 40px}.topbar h1{font-size:20px}.tbox{max-height:none;border-radius:10px}.sync{display:none}}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}.toolbar .f{min-width:120px}.toolbar .grow{flex:1 1 220px}.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.big b{font-size:28px;color:var(--steel)}.tbox{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:calc(100vh - 230px)}.pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:8px 0;font-size:13px;color:var(--muted)}.pager .btn[disabled]{opacity:.4;cursor:default}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;box-shadow:0 1px 0 var(--line)}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}.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.x{color:var(--muted);background:var(--band)}.pill.r{color:var(--red);background:var(--red-l)}.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}.defbox b{font-weight:700}.note{font-size:12.5px;color:var(--muted);margin-top:10px}.warn{background:var(--amber-l);color:var(--amber);border-radius:6px;padding:8px 12px;font-size:13px;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,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;cursor:default;text-align:left}.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)}.ok{color:var(--green)}.bad{color:var(--red)}@media(min-width:1500px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cards{grid-template-columns:1fr}}.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;align-items:stretch}.cbox{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.cbox h3{font-family:var(--head);font-size:16px;margin:0 0 2px}.cbox .sub{color:var(--faint);font-size:12px;margin-bottom:10px}.brow{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:10px;font-size:13px;margin:7px 0}.brow .tr{height:12px;background:var(--line2);border-radius:6px;overflow:hidden;display:flex}.brow .tr span{display:block;height:100%}.brow .n{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}@media(max-width:1100px){.cgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cgrid{grid-template-columns:1fr}}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a121a8c;display:flex;align-items:flex-start;justify-content:center;padding:max(16px,0px) 16px 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 .x{all:unset;cursor:pointer;font-size:22px;line-height:1;padding:2px 8px;color:var(--muted)}.modal .x:focus-visible{outline:2px solid var(--steel)}.mb{padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mb .full{grid-column:1/-1}.modal .body{padding:16px 18px;display:grid;gap:16px}.modal h2{font-size:18px}.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}.mb>.kv,.mb>.grid2,.mb>.lock,.mb>.f:not(.full){grid-column:auto}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}@media(max-width:560px){.mb{grid-template-columns:1fr}}.addrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.addrow .i{flex:1 1 140px;width:auto}.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;max-width:calc(100vw - 32px)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}@media(max-width:1000px){.lgrid{grid-template-columns:minmax(0,1fr)}}.lbox{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.lbox h3{font-family:var(--head);font-size:16px;margin:0 0 2px}.lbox .lsub{color:var(--faint);font-size:12px;margin-bottom:10px}.lbox td.act{white-space:nowrap;text-align:right}.lbox .addrow{margin-top:10px}.tbox table.t.tight td,.tbox table.t.tight th{padding:6px 8px}#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}@media(max-width:760px){#login{grid-template-columns:1fr}.login-art{padding:28px 16px;gap:18px}}.f:focus-within{color:var(--steel)}.pill{transition:background .15s ease,color .15s ease}.card{transition:border-color .15s ease,box-shadow .15s ease}.chip{transition:transform .15s ease}tr.row{transition:background .15s ease}.modal .x{transition:color .15s ease,transform .12s ease;border-radius:8px}.modal .x:hover{color:var(--ink);transform:scale(1.1)}input[type=checkbox]{accent-color:var(--steel);width:17px;height:17px;cursor:pointer}@media(max-width:560px){h1{font-size:19px}main{padding:14px 10px 36px}.topbar{margin-bottom:12px;gap:4px 12px}.i,select.i,textarea.i{font-size:16px}.btn{min-height:44px;padding:9px 14px}.btn.sm{min-height:34px}.toolbar .btn{flex:1 1 auto}.cards{grid-template-columns:repeat(2,1fr);gap:8px}.card{padding:11px 12px}.card .v{font-size:22px}.cgrid{grid-template-columns:1fr;gap:8px}.tbox{border-radius:8px}table.t td,table.t th{padding:7px 8px}.pager{justify-content:center;flex-wrap:wrap}.ov{padding:0;align-items:flex-end;justify-content:center}.modal{max-width:none;width:100%;border-radius:14px 14px 0 0;max-height:100dvh;overflow:auto;margin:0}.mb{grid-template-columns:1fr;gap:10px;padding:14px}.modal footer{padding:10px 14px 14px}.modal footer .btn{flex:1 1 auto}#login{grid-template-columns:1fr;min-height:100dvh}.login-art{padding:26px 18px;gap:14px;justify-content:flex-start}.login-art h1{font-size:26px;margin-top:10px}.login-art p{margin:8px 0 0}.codes{display:none}.login-form{padding:24px 16px;align-items:flex-start}.side-foot small{font-size:11px}}@media(max-width:380px){.cards{grid-template-columns:1fr}}
