:root{--bg:#0d1117;--panel:#11161d;--panel-2:#161b22;--border:#21262d;--border-2:#30363d;--text:#f0f6fc;--text-2:#c9d1d9;--text-3:#e6edf3;--muted:#9aa4b0;--accent:#f9de11;--accent-ink:#141414;--nav-on:#1f2630;--ok-bg:#10b98126;--ok:#6ee7b7;--warn-bg:#fb923c29;--warn:#fdba74;--off-bg:#21262d;--err:#f87171;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:20px;font-weight:600}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mut{color:var(--muted)}.center-screen{justify-content:center;align-items:center;min-height:100%;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;width:380px;max-width:calc(100vw - 32px);padding:28px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:8px;place-items:center;font-weight:700;display:grid}.brand-name{font-size:17px;font-weight:700}.brand-sub{color:var(--muted);font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field>span,.k{color:var(--text-2);font-size:12px;font-weight:600}.inp{border:1px solid var(--border-2);background:var(--bg);height:44px;color:var(--text);border-radius:10px;width:100%;padding:0 12px;font-size:15px}.inp:focus{border-color:var(--accent);outline:none}.sel{height:44px}.btn-big{border:1px solid var(--accent);background:var(--accent);height:46px;color:var(--accent-ink);cursor:pointer;border-radius:10px;width:100%;font-size:15px;font-weight:600}.btn-big:disabled,.btn:disabled{opacity:.6;cursor:default}.note{color:var(--muted);font-size:12px;line-height:1.5}.error{color:var(--err);margin:0;font-size:13px}.success{color:var(--ok);margin:0;font-size:13px}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.shell{min-height:100%;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;width:232px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 8px 18px}.sidebar .logo{width:30px;height:30px;font-size:13px}.sidebar .brand-name{font-size:15px}.sidebar .brand-sub{font-size:12px}.nav{height:40px;color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.nav:hover{background:var(--panel-2)}.nav.nav-on{background:var(--nav-on);color:var(--text);font-weight:600}.spacer{flex-grow:1}.userbox{align-items:center;gap:10px;padding:12px 8px 0;display:flex}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.avatar-admin{background:#8957e5}.avatar-labeler{background:#1f6feb}.userbox-name{font-size:14px}.userbox-role{color:var(--muted);font-size:12px}.userbox-text{flex-grow:1;min-width:0}.logout{border:1px solid var(--border-2);height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:0 8px;font-size:12px}.logout:hover{color:var(--text);background:var(--panel-2)}.main{flex-direction:column;flex-grow:1;gap:16px;min-width:0;padding:20px 24px;display:flex}.page-head{align-items:center;gap:12px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}.th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:10px 12px;font-size:11px;font-weight:600}.td{border-top:1px solid var(--border);padding:12px;font-size:13px}.actions{white-space:nowrap;gap:6px;display:flex}.card-foot{border-top:1px solid var(--border);color:var(--muted);padding:12px 14px;font-size:12px}.st{white-space:nowrap;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.st-ok{background:var(--ok-bg);color:var(--ok)}.st-bad{background:var(--warn-bg);color:var(--warn)}.st-off{background:var(--off-bg);color:var(--muted)}.btn{border:1px solid var(--border-2);background:var(--panel-2);height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--muted)}.btn-p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);height:38px}.btn-p:hover{border-color:var(--accent);filter:brightness(1.05)}.overlay{z-index:10;background:#010409b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;width:420px;max-width:100%;max-height:100%;padding:24px;display:flex;overflow-y:auto}.modal h2{margin:0;font-size:17px;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions .btn{height:38px}.up{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.sr-only{position:absolute;left:-9999px}.mono{font-family:var(--mono)}.badge{background:var(--accent);min-width:22px;height:20px;color:var(--accent-ink);border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid}.period{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px;font-size:13px;display:flex}.work-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px;display:grid}.work-grid-modal{grid-template-columns:minmax(0,1fr) 360px}.col-img{flex-direction:column;gap:12px;min-width:0;display:flex}.stage{border:1px solid var(--border);background:#1b222b;border-radius:12px;place-items:center;min-height:240px;padding:8px;display:grid;overflow:hidden}.stage-img{max-width:100%;line-height:0;position:relative}.stage-img img{object-fit:contain;max-width:100%;max-height:62vh;display:block}.mbox{box-sizing:border-box;pointer-events:none;border:2px solid #34d399;border-radius:3px;position:absolute}.mtag{color:var(--bg);white-space:nowrap;pointer-events:none;background:#34d399;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;line-height:1.3;position:absolute}.crop-row{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.crop{border:1px solid var(--border);background-color:#1b222b;background-repeat:no-repeat;border-radius:10px;width:360px;max-width:100%;height:96px}.crop-empty{place-items:center;display:grid}.meta{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:6px 16px;font-size:13px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.lform{flex-direction:column;flex-grow:1;gap:16px;display:flex}.group{flex-direction:column;gap:8px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.opt{border:1px solid var(--border-2);background:var(--panel-2);height:44px;color:var(--text-3);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.opt-on{border-color:var(--accent);color:var(--text);background:#f9de1114;font-weight:600}.kbd{background:var(--bg);min-width:22px;height:22px;color:var(--text-2);font-family:var(--mono);border:1px solid #3d4550;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.kbd-ink{border-color:var(--accent-ink);color:var(--accent-ink);background:0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-2);background:var(--panel-2);height:30px;color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.chip-on{color:#7dd3fc;background:#38bdf81a;border-color:#7dd3fc}.plate-inp{border:1px solid var(--accent);background:var(--bg);height:48px;color:var(--text);font-family:var(--mono);letter-spacing:.08em;border-radius:10px;width:100%;padding:0 14px;font-size:22px;font-weight:600}.sel2,.note-inp{border:1px solid var(--border-2);background:var(--bg);height:40px;color:var(--text-3);border-radius:10px;width:100%;padding:0 12px;font-size:14px}.btn-main,.btn-sec{border:1px solid var(--border-2);background:var(--panel-2);height:44px;color:var(--text-3);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-main{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-main:disabled,.btn-sec:disabled{opacity:.5;cursor:default}.cards4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat{padding:16px}.stat-v{margin-top:6px;font-size:26px;font-weight:600}.stat-sub{font-size:14px;font-weight:400}.tbl-card{flex-direction:column;flex-grow:1;padding:0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--border);gap:6px;padding:12px;display:flex}.tab{height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 14px;font-size:13px}.tab-on{background:var(--nav-on);color:var(--text);border-color:var(--border-2);font-weight:600}.thumb{cursor:zoom-in;border:1px solid var(--border-2);background:#1b222b;border-radius:4px;width:96px;height:32px;padding:0;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.st-rev{color:#7dd3fc;background:#38bdf81f}.pager{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.modal-wide{width:960px}.big-img{object-fit:contain;background:#1b222b;border-radius:8px;align-self:center;max-width:100%;max-height:70vh}.flt{align-items:center;gap:8px;font-size:13px;display:flex}.flt .sel2{width:auto;min-width:140px}.korik-grid{grid-template-columns:300px minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.qlist{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-height:calc(100vh - 120px);overflow-y:auto}.qrow{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.qrow-on{background:var(--nav-on)}.qthumb{border:1px solid var(--border-2);background:#1b222b;border-radius:4px;flex-shrink:0;width:72px;height:26px;overflow:hidden}.qthumb img{object-fit:cover;width:100%;height:100%;display:block}.cmp{grid-template-columns:110px minmax(0,1fr);gap:8px 12px;font-size:13px;display:grid}.k{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:600}.ds-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.ds-grid{grid-template-columns:minmax(0,1fr)}}.ds-info{background:var(--panel-2);border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.ds-dl{align-items:center;text-decoration:none;display:inline-flex}.th-l,.td-l{text-align:left}.th-r,.td-r{text-align:right}.td-r{font-variant-numeric:tabular-nums}.warn{color:var(--warn);font-weight:600}.stat-foot{line-height:1.6}.stat-foot b{color:var(--text-3)}.prices{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding:16px;display:grid}.pcol{flex-direction:column;gap:10px;min-width:0;display:flex}.linkbtn{color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:0}.st-run{color:#7dd3fc;background:#38bdf824}.bar{background:var(--border);border-radius:3px;width:120px;height:6px;overflow:hidden}.bar>div{height:100%}.disk-chip{align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.btn-sm{height:28px}.check-line{background:#10b98114;border:1px solid #10b9814d;border-radius:8px;padding:10px 12px;font-size:13px}.check-bad{background:var(--warn-bg);border-color:#fb923c66}.model-read{border-bottom:1px solid var(--border,#21262d);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.model-read-row{align-items:center;gap:12px;display:flex}.plate-big{color:#10151c;letter-spacing:.08em;background:#f0f6fc;border:2px solid #1b2430;border-radius:8px;align-items:center;height:52px;padding:0 16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:30px;font-weight:600;display:inline-flex}