:root{--bg:#07090b;--surface:#0e1216;--surface2:#151b21;--border:#27313b;--text:#f5f7fa;--muted:#97a6b5;--accent:#3ddc97;--danger:#ff667a;--warning:#ffbe55;--good:#52e0a3;--font-scale:1;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));background:var(--bg);color:var(--text)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% -15%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34rem),var(--bg);min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}label{display:grid;gap:.42rem;color:var(--muted);font-size:.88rem}h1,h2,h3,p{margin-top:0}h1{font-size:2.2rem;margin-bottom:.65rem}h2{margin-bottom:0;font-size:1.55rem}h3{font-size:1rem;margin-bottom:1rem}.muted{color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:var(--accent);margin-bottom:.35rem}.stack{display:grid;gap:1rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(440px,100%);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface));border:1px solid var(--border);border-radius:24px;padding:2.25rem;box-shadow:var(--shadow)}.brand-mark{width:52px;height:52px;border-radius:14px;background:var(--accent);color:#04110b;display:grid;place-items:center;font-weight:900;letter-spacing:-.08em;margin-bottom:1.5rem}.brand-mark.small{width:32px;height:32px;border-radius:9px;margin:0;font-size:.78rem}.primary,.secondary,.ghost,.warning,.success{border-radius:10px;border:1px solid transparent;padding:.72rem 1rem;font-weight:750}.primary{background:var(--accent);color:#03120b}.secondary{background:color-mix(in srgb,var(--accent) 13%,var(--surface2));color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.ghost{background:transparent;color:var(--muted);border-color:var(--border)}.warning{background:color-mix(in srgb,var(--warning) 18%,var(--surface2));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}.success{background:color-mix(in srgb,var(--good) 20%,var(--surface2));color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,var(--border))}.error{color:var(--danger);min-height:1.3rem;margin:1rem 0 0}.app-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#090c0f;border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column}.brand{height:64px;display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.sidebar nav{display:grid;gap:.35rem;margin-top:1rem}.nav-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:.78rem .8rem;border-radius:9px;font-weight:650}.nav-item:hover,.nav-item.active{background:var(--surface2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;display:grid;gap:.8rem;padding-top:1rem;border-top:1px solid var(--border)}.identity{font-size:.8rem;color:var(--muted);line-height:1.45}.workspace{min-width:0}.topbar{min-height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);z-index:4}.topbar-actions{display:flex;align-items:end;gap:.8rem}.inline-field{min-width:180px}.page{display:none;padding:2rem}.page.active{display:block}.filter-row,.button-row,.export-grid,.qty-row{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.filter-row{margin-bottom:1.2rem}.filter-row label{min-width:210px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.kpi span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:.35rem}.kpi strong{font-size:1.55rem;letter-spacing:-.04em}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.panel{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 8px 28px rgba(0,0,0,.12);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-head h3{margin:0}.panel-head>span{color:var(--muted);font-size:.75rem}.status-pill{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.28rem .55rem;color:var(--muted);font-size:.72rem}.status-pill.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--border));background:color-mix(in srgb,var(--good) 8%,transparent)}.bar-chart{display:grid;gap:.75rem;min-height:210px;align-content:start}.bar-row{display:grid;grid-template-columns:110px 1fr 80px;gap:.7rem;align-items:center;font-size:.78rem}.bar-progress{width:100%;height:9px;border:0;border-radius:99px;overflow:hidden;background:var(--surface2);appearance:none}.bar-progress::-webkit-progress-bar{background:var(--surface2);border-radius:99px}.bar-progress::-webkit-progress-value{background:var(--accent);border-radius:99px}.bar-progress::-moz-progress-bar{background:var(--accent);border-radius:99px}.bar-value{text-align:right;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:650}.timer-clock{font-variant-numeric:tabular-nums;font-size:3.6rem;font-weight:800;letter-spacing:-.07em;margin:1.5rem 0;text-align:center}.operation-grid{align-items:start}.timer-card{position:sticky;top:112px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.6rem;margin-bottom:1rem}.module-option{display:flex;align-items:center;gap:.55rem;padding:.7rem;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text)}.module-option input{width:auto}.result-box{min-height:40px;white-space:pre-wrap;color:var(--muted);background:var(--surface2);border-radius:10px;padding:.8rem}.callout{padding:1rem;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:1rem}.settings-grid .check{display:flex;align-items:center;gap:.6rem}.settings-grid .check input{width:auto}.toast{position:fixed;right:1rem;bottom:1rem;z-index:20;background:var(--surface2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:.8rem 1rem;max-width:360px;transform:translateY(140%);transition:.2s}.toast.show{transform:translateY(0)}hr{border:0;border-top:1px solid var(--border);margin:1.4rem 0}
body[data-theme="graphite"]{--bg:#111315;--surface:#181b1e;--surface2:#22272b}body[data-theme="midnight"]{--bg:#050812;--surface:#0c1220;--surface2:#121c2d}body[data-theme="industrial"]{--bg:#0c0d0e;--surface:#151617;--surface2:#202224}body[data-theme="steel"]{--bg:#0a0f12;--surface:#11191e;--surface2:#1a252c;--border:#35444e}body[data-theme="navy"]{--bg:#050914;--surface:#0b1324;--surface2:#111d34;--border:#25375a}body[data-theme="forest"]{--bg:#06100c;--surface:#0d1914;--surface2:#14241c;--border:#294538}body[data-theme="burgundy"]{--bg:#10070a;--surface:#1b0d12;--surface2:#29131a;--border:#4b2832}body[data-theme="amber"]{--bg:#100d06;--surface:#1b160b;--surface2:#292111;--border:#4b3a1d}body[data-theme="high-contrast"]{--bg:#000;--surface:#060606;--surface2:#111;--border:#fff;--text:#fff;--muted:#e8e8e8}
body.compact .page{padding:1.25rem}body.compact .panel{padding:.9rem}body.reduced-motion *{animation:none!important;transition:none!important}
@media(max-width:1050px){.app-shell{grid-template-columns:76px 1fr}.brand strong,.nav-item{font-size:0}.nav-item::first-letter{font-size:1rem}.sidebar .identity{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:10;display:block;padding:.45rem;background:#090c0ff5}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin:0;overflow-x:auto}.nav-item{font-size:.72rem;white-space:nowrap;padding:.65rem}.topbar{padding:1rem;position:static;display:grid;gap:.8rem}.topbar-actions{width:100%}.inline-field{flex:1}.page{padding:1rem 1rem 5.5rem}.grid-2,.grid-3,.settings-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr 1fr}.timer-card{position:static}.timer-clock{font-size:2.9rem}.bar-row{grid-template-columns:85px 1fr 58px}}

.live-panel{margin-bottom:1rem}.warning-pill{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 8%,transparent)}

.work-instruction-steps{display:grid;gap:.75rem}.work-instruction-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:12px}.work-instruction-step.done{opacity:.75}.work-step-action{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.touch-action{min-height:48px;min-width:132px}.work-instruction-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}

.evidence-panel{margin:1rem 0}.evidence-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.8rem;align-items:end;margin-bottom:1rem}.evidence-form .button-row{grid-column:1/-1}.evidence-panel input[type=file]{padding:.55rem}.evidence-panel .warning-pill{display:inline-flex;border-width:1px;border-style:solid;border-radius:999px;padding:.28rem .55rem;font-size:.72rem}
@media(max-width:1050px){.evidence-form{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:760px){.evidence-form{grid-template-columns:1fr}.evidence-form .button-row{grid-column:auto}}

.work-instruction-governance{margin:1rem 0}.work-instruction-governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.work-instruction-compare{margin-top:1rem}.execution-queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.execution-queue-grid>section{min-width:0;border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--surface2)}.execution-queue-grid h3{margin-bottom:.75rem}
@media(max-width:1050px){.execution-queue-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.work-instruction-governance-grid,.execution-queue-grid{grid-template-columns:1fr}}