:root{--c-bg: #f8fafc;--c-surface: #ffffff;--c-surface-2: #f1f5f9;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-text: #0f172a;--c-text-muted: #64748b;--c-text-faint: #94a3b8;--c-primary: #0f172a;--c-primary-text: #ffffff;--c-accent: #2563eb;--c-ok: #15803d;--c-ok-bg: #dcfce7;--c-low: #b45309;--c-low-bg: #fef3c7;--c-out: #b91c1c;--c-out-bg: #fee2e2;--c-danger: #dc2626;--c-danger-bg: #fee2e2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow: 0 4px 12px rgb(15 23 42 / .08);--shadow-lg: 0 12px 32px rgb(15 23 42 / .12);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--tap: 44px;--tap-lg: 56px;--nav-h: 60px;--sidebar-w: 240px}@media(prefers-color-scheme:dark){:root{--c-bg: #0b1220;--c-surface: #131c2e;--c-surface-2: #1b2639;--c-border: #263248;--c-border-strong: #33415c;--c-text: #e8eefc;--c-text-muted: #93a4c0;--c-text-faint: #64748b;--c-primary: #e8eefc;--c-primary-text: #0b1220;--c-accent: #60a5fa;--c-ok: #4ade80;--c-ok-bg: #14321f;--c-low: #fbbf24;--c-low-bg: #3a2c0a;--c-out: #f87171;--c-out-bg: #3d1518;--c-danger: #f87171;--c-danger-bg: #3d1518}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.2;font-weight:650;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}@media(min-width:1024px){h1{font-size:1.75rem}}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;padding:var(--space-4);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-4));width:100%;max-width:1400px;margin:0 auto}@media(min-width:768px){.main{padding:var(--space-5)}}@media(min-width:1024px){.app{flex-direction:row}.main{padding:var(--space-6);padding-bottom:var(--space-6);width:calc(100% - var(--sidebar-w));margin-left:var(--sidebar-w);margin-right:0}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);height:var(--nav-h);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.topbar h1{font-size:1.05rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1024px){.topbar{display:none}}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);font-size:.7rem;font-weight:550;color:var(--c-text-muted);text-decoration:none}.bottomnav a.active{color:var(--c-accent)}.bottomnav .ico{font-size:1.25rem;line-height:1}@media(min-width:1024px){.bottomnav{display:none}}.sidebar{display:none}@media(min-width:1024px){.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);background:var(--c-surface);border-right:1px solid var(--c-border);overflow-y:auto}.sidebar .brand{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;padding:0 var(--space-3) var(--space-5)}.sidebar a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);color:var(--c-text-muted);font-weight:550;font-size:.9rem;text-decoration:none}.sidebar a:hover{background:var(--c-surface-2);color:var(--c-text)}.sidebar a.active{background:var(--c-surface-2);color:var(--c-accent)}.sidebar .group{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-faint);padding:var(--space-4) var(--space-3) var(--space-1)}.sidebar .foot{margin-top:auto;padding-top:var(--space-4)}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card+.card{margin-top:var(--space-3)}.card-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.card-head h2{flex:1}.field{margin-bottom:var(--space-4)}.field label{display:block;margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;color:var(--c-text-muted)}.field .hint{font-size:.8rem;color:var(--c-text-faint);margin-top:var(--space-1)}.field .err{font-size:.85rem;color:var(--c-danger);margin-top:var(--space-1);font-weight:550}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);font-size:16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-accent);outline:2px solid color-mix(in srgb,var(--c-accent) 25%,transparent);outline-offset:0}.input[aria-invalid=true]{border-color:var(--c-danger)}.textarea{min-height:5rem;resize:vertical}.row{display:grid;gap:var(--space-3)}@media(min-width:768px){.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius);background:var(--c-surface-2);color:var(--c-text);font-weight:600;font-size:.95rem;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:var(--c-primary-text)}.btn-accent{background:var(--c-accent);color:#fff}.btn-danger{background:var(--c-danger-bg);color:var(--c-danger)}.btn-ghost{background:transparent;border-color:var(--c-border-strong)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:.85rem}.btn-block{width:100%}.btn-submit{min-height:var(--tap-lg);font-size:1.05rem;width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge-ok{background:var(--c-ok-bg);color:var(--c-ok)}.badge-low{background:var(--c-low-bg);color:var(--c-low)}.badge-out{background:var(--c-out-bg);color:var(--c-out)}.badge-neutral{background:var(--c-surface-2);color:var(--c-text-muted)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);white-space:nowrap}.table td{padding:var(--space-3);border-bottom:1px solid var(--c-border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .right{text-align:right}@media(max-width:767px){.table.stack,.table.stack thead,.table.stack tbody,.table.stack tr,.table.stack th,.table.stack td{display:block}.table.stack thead{display:none}.table.stack tr{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2)}.table.stack td{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border:0;text-align:left}.table.stack td:before{content:attr(data-label);font-size:.8rem;font-weight:600;color:var(--c-text-muted);flex-shrink:0}.table.stack td.right{text-align:left}}.vstack{display:flex;flex-direction:column;gap:var(--space-3)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.muted{color:var(--c-text-muted);font-size:.9rem}.small{font-size:.85rem}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--c-text-muted)}.alert{padding:var(--space-3);border-radius:var(--radius);font-size:.9rem;font-weight:550;border:1px solid transparent}.alert-error{background:var(--c-danger-bg);color:var(--c-danger)}.alert-warn{background:var(--c-low-bg);color:var(--c-low)}.alert-ok{background:var(--c-ok-bg);color:var(--c-ok)}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.stat .value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.picker{position:relative}.picker-results{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:55vh;overflow-y:auto;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.picker-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-lg);padding:var(--space-3);background:none;border:0;border-bottom:1px solid var(--c-border);text-align:left}.picker-item:last-child{border-bottom:0}.picker-item:hover,.picker-item:focus{background:var(--c-surface-2)}.picker-item img,.picker-thumb{width:44px;height:44px;flex-shrink:0;object-fit:cover;border-radius:var(--radius);background:var(--c-surface-2);display:grid;place-items:center;color:var(--c-text-faint)}.picker-item .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.picker-item .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-item .sub{font-size:.8rem;color:var(--c-text-muted)}.stepper{display:flex;align-items:stretch;gap:var(--space-2)}.stepper button{width:var(--tap-lg);min-height:var(--tap-lg);font-size:1.4rem;font-weight:600;background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-radius:var(--radius)}.stepper input{flex:1;min-width:0;text-align:center;font-size:1.25rem;font-weight:650;font-variant-numeric:tabular-nums;min-height:var(--tap-lg);border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface)}.line-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.line-item.invalid{border-color:var(--c-danger)}.line-item .line-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.line-item .line-no{font-size:.8rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;flex:1}.submit-bar{position:sticky;bottom:0;padding:var(--space-3) 0;background:linear-gradient(to top,var(--c-bg) 70%,transparent)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.toolbar .grow{flex:1;min-width:180px}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.page-head h1{flex:1;min-width:0}.tabs{display:flex;gap:var(--space-1);overflow-x:auto;margin-bottom:var(--space-4)}.tabs button{min-height:var(--tap);padding:0 var(--space-3);background:none;border:0;border-bottom:2px solid transparent;color:var(--c-text-muted);font-weight:600;white-space:nowrap}.tabs button.active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.langpicker{display:inline-flex;align-items:stretch;gap:2px;padding:2px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius)}.langpicker-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--c-text-muted);font:inherit;font-size:.85rem;font-weight:550;line-height:1.6;padding:0 var(--space-3);min-height:var(--tap);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap}.langpicker-opt:hover{color:var(--c-text)}.langpicker-opt.active{background:var(--c-bg);color:var(--c-accent);box-shadow:0 1px 2px #0000002e}.sidebar .langpicker{display:flex;width:100%}.sidebar .langpicker-opt{flex:1;text-align:center}.pager{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;padding:var(--space-4) 0}.pager-count{font-size:.85rem}.pager-controls{display:flex;gap:var(--space-2)}@media(min-width:768px){.pager{flex-direction:row;justify-content:space-between}}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;font-size:.85rem;color:var(--c-text-faint);text-decoration:underline;text-underline-offset:3px;padding:var(--space-3) var(--space-4);min-height:var(--tap);cursor:pointer}.linklike:hover{color:var(--c-text-muted)}.img-placeholder{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--c-surface-2);border-radius:var(--radius);color:var(--c-text-faint);flex:none}.segmented{display:flex;gap:2px;padding:2px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius)}.segmented button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:.9rem;font-weight:550;color:var(--c-text-muted);min-height:var(--tap);border-radius:calc(var(--radius) - 2px);cursor:pointer}.segmented button.active{background:var(--c-bg);color:var(--c-accent);box-shadow:0 1px 2px #0000002e}.rowlink{color:inherit;text-decoration:none}.rowlink:hover{text-decoration:underline;text-underline-offset:3px}.sortable{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.sortable:hover{color:var(--c-text)}.sort-arrow{font-size:.7em;opacity:.55}.dash-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:900px){.dash-grid{grid-template-columns:1fr 1fr}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.panel-head h2{margin:0;font-size:1rem}.dash-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-top:1px solid var(--c-border);color:inherit;text-decoration:none;min-height:44px}.dash-row:first-of-type{border-top:0}.dash-row:hover{background:var(--c-low-bg)}.dash-row .grow{flex:1;min-width:0}.dash-row .grow>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-click{cursor:pointer}.stat-click:hover{background:var(--c-low-bg)}.stat-click:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.stat-warn .value{color:var(--c-low)}.stat-bad .value{color:var(--c-danger)}.partlink{color:inherit;text-decoration:none}.partlink:hover{color:var(--c-accent);text-decoration:underline}