:root{--bg:#09060f;--surface:#12101b;--surface-2:#191426;--surface-3:#211a31;--line:#352b47;--line-bright:#55436e;--text:#f2edf8;--muted:#91899f;--purple:#a46bf5;--purple-2:#6f3fb4;--green:#68f2b4;--orange:#ffb55c;--red:#ff6c86;--cyan:#75d8ef;--radius:5px;--mono:"JetBrains Mono",Consolas,monospace;--sans:"Barlow","Segoe UI",sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(116,63,180,.16),transparent 28%),linear-gradient(180deg,#0d0915 0%,#08060d 100%);color:var(--text);font-family:var(--sans);font-size:14px;overflow-x:auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.3;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015),rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px)}button,input,select{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;background:var(--purple);color:#09060f;padding:12px 18px;z-index:99}.skip-link:focus{top:12px}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:stretch;justify-content:space-between;padding:0 24px;background:rgba(10,7,16,.88);backdrop-filter:blur(14px)}.brand-block{display:flex;align-items:center;gap:13px}.brand-mark{width:32px;height:34px;display:flex;align-items:flex-end;gap:3px;transform:skew(-12deg)}.brand-mark span{display:block;width:8px;background:linear-gradient(var(--purple),#5a288e)}.brand-mark span:nth-child(1){height:21px}.brand-mark span:nth-child(2){height:31px}.brand-mark span:nth-child(3){height:16px}.brand-block h1{font-size:17px;letter-spacing:1.8px;margin:0;font-weight:500}.brand-block h1 strong{color:var(--purple)}.brand-block p{font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:var(--muted);margin:4px 0 0}.system-strip{display:flex;align-items:stretch}.system-strip>div{border-left:1px solid var(--line);padding:0 20px;min-width:105px;display:flex;flex-direction:column;justify-content:center}.system-strip small{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:var(--muted)}.system-strip strong{font-family:var(--mono);font-size:12px;margin-top:3px}.cycle-state{flex-direction:row!important;align-items:center;gap:10px}.cycle-state strong{color:var(--green)}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(104,242,180,.1),0 0 14px rgba(104,242,180,.7);animation:pulse 2s infinite}.clock{text-align:right}.clock strong{font-size:16px}.icon-button{position:relative;width:58px;color:var(--muted);border:0;border-left:1px solid var(--line);background:none;cursor:pointer}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6}.icon-button:hover{color:var(--text);background:rgba(164,107,245,.08)}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);top:24px;right:18px}.console{display:grid;grid-template-columns:minmax(510px,1.05fr) minmax(500px,.95fr);grid-template-rows:minmax(320px,1fr) 280px;gap:12px;padding:12px 16px;height:calc(100vh - 104px);min-height:730px;max-height:930px}.camera-stack{display:grid;grid-template-columns:1.45fr .78fr;gap:12px;min-height:0}.panel{background:linear-gradient(145deg,rgba(24,19,35,.96),rgba(14,11,22,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px rgba(255,255,255,.025);position:relative}.panel:before,.panel:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--purple);opacity:.45;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.panel:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.camera-panel{display:flex;flex-direction:column;overflow:hidden}.panel-heading{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.panel-heading>div,.control-head>div{display:flex;align-items:center;gap:10px}.panel-heading h2,.control-head h2{font-size:11px;letter-spacing:1.5px;margin:0}.panel-heading p,.control-head p{font-family:var(--mono);font-size:8px;color:var(--muted);margin:3px 0 0;letter-spacing:.7px}.index{font-family:var(--mono);font-size:9px;color:var(--purple);border-right:1px solid var(--line);padding-right:10px}.live-badge{font-family:var(--mono);font-size:8px;color:var(--green);border:1px solid rgba(104,242,180,.22);padding:5px 7px}.live-badge i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin-right:4px}.camera-view{position:relative;flex:1;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#595260 0,#2c2931 31%,#15131a 70%);box-shadow:inset 0 0 55px #08070b}.camera-view:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 4px);pointer-events:none}.visual-rubber{position:absolute;left:16%;right:14%;top:31%;height:42%;background:linear-gradient(160deg,#9b897c 0%,#5b504b 25%,#382f2c 70%,#251e1d);clip-path:polygon(8% 6%,88% 0,100% 30%,93% 90%,18% 100%,0 73%,2% 24%);filter:drop-shadow(0 20px 12px rgba(0,0,0,.55));box-shadow:inset 0 0 30px rgba(0,0,0,.8)}.visual-rubber:before{content:"";position:absolute;inset:8%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.1),transparent 12%),radial-gradient(circle at 64% 70%,rgba(0,0,0,.2),transparent 18%)}.spot{position:absolute;width:6px;height:6px;background:#ddd7c9;border-radius:50%;box-shadow:0 0 6px white}.s1{top:25%;left:32%}.s2{top:61%;left:69%;width:4px;height:4px}.s3{top:48%;left:53%;width:3px;height:3px}.focus-frame{position:absolute;inset:17% 10% 18%;z-index:2}.focus-frame i{position:absolute;width:18px;height:18px;border-color:rgba(164,107,245,.8)}.focus-frame i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.focus-frame i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.focus-frame i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.focus-frame i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.scan-line{position:absolute;z-index:3;left:8%;right:8%;height:1px;top:20%;background:linear-gradient(90deg,transparent,var(--purple),transparent);box-shadow:0 0 10px var(--purple);animation:scan 4s linear infinite}.camera-meta{position:absolute;left:10px;right:10px;bottom:8px;display:flex;justify-content:space-between;font:7px var(--mono);color:#c9c1d1;z-index:4}.coordinate{position:absolute;right:11px;top:9px;font:7px var(--mono);color:#c9c1d1}.thermal-view{background:radial-gradient(ellipse at 52% 50%,#58287b 0,#171141 28%,#070817 73%)}.thermal-blob{position:absolute;left:10%;right:16%;top:25%;height:48%;background:radial-gradient(circle at 58% 45%,#fff7b2 0 3%,#ffb320 8%,#f44a2a 19%,#b72c77 32%,#402e96 56%,#111650 80%);clip-path:polygon(10% 8%,87% 0,100% 30%,90% 91%,18% 100%,0 73%,2% 25%);filter:blur(2px) drop-shadow(0 0 15px rgba(242,74,42,.35))}.hotpoint{position:absolute;top:43%;left:52%;color:white;font:8px var(--mono);z-index:2}.hotpoint span{display:grid;place-items:center;border:1px solid white;border-radius:50%;width:18px;height:18px}.hotpoint b{position:absolute;left:22px;top:3px}.temp-scale{position:absolute;right:8px;top:15%;bottom:15%;display:flex;flex-direction:column;align-items:center;font:7px var(--mono);color:#ddd}.temp-scale i{flex:1;width:5px;margin:3px 0;background:linear-gradient(#fff6a2,#ff7b1c,#e32e4f,#6a2c91,#10154e);border-radius:3px}.criteria-panel{grid-column:1;overflow:hidden;display:flex;flex-direction:column}.criteria-heading{height:47px}.text-action,.audit-link{border:0;background:none;color:var(--purple);font:9px var(--mono);letter-spacing:.7px;cursor:pointer}.text-action:hover,.audit-link:hover{color:#c9a7ff}.table-wrap{flex:1;overflow:hidden}table{width:100%;border-collapse:collapse}th{font:8px var(--mono);letter-spacing:.7px;color:var(--muted);text-align:left;background:#0e0b15;padding:8px 12px;border-bottom:1px solid var(--line)}td{font:10px var(--mono);padding:6px 12px;border-bottom:1px solid rgba(53,43,71,.62);color:#c5bdcd}tbody tr:last-child td{border-bottom:0}tbody tr:hover,tbody .active-row{background:rgba(164,107,245,.055)}.grade-cell{display:grid;place-items:center;width:25px;height:20px;font-weight:600;border:1px solid}.grade-a{color:var(--green);border-color:rgba(104,242,180,.4);background:rgba(104,242,180,.08)}.grade-b{color:var(--orange);border-color:rgba(255,181,92,.4)}.grade-f{color:var(--red);border-color:rgba(255,108,134,.35)}.condition{font-size:8px;padding:3px 6px;border-radius:2px}.condition.pass{color:var(--green);background:rgba(104,242,180,.08)}.condition.review{color:var(--orange);background:rgba(255,181,92,.08)}.condition.fail{color:var(--red);background:rgba(255,108,134,.08)}.criteria-foot{height:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 12px;font:7px var(--mono);color:var(--muted)}.criteria-foot span:last-child{margin-left:auto}.legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.pass-dot{background:var(--green)}.alert-dot{background:var(--red)}.right-rail{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:205px 1fr;gap:12px;min-height:0}.result-panel{padding:14px 16px;overflow:hidden;background:linear-gradient(110deg,rgba(31,20,46,.98),rgba(14,11,22,.98))}.result-panel:after{width:40%;height:100%;bottom:0;right:0;border:0;background:radial-gradient(circle at 100% 50%,rgba(164,107,245,.16),transparent 70%)}.result-head{display:flex;justify-content:space-between;align-items:start}.eyebrow{font:8px var(--mono);letter-spacing:1.2px;color:var(--purple)}.result-head h2{font-size:13px;letter-spacing:1.5px;margin:3px 0}.result-id{font:9px var(--mono);color:var(--muted)}.grade-result{position:absolute;left:18px;top:64px;width:110px}.grade-result small{font:7px var(--mono);color:var(--muted)}.grade-result strong{display:block;font:700 65px/58px var(--sans);color:var(--green);text-shadow:0 0 24px rgba(104,242,180,.22)}.grade-result span{font:8px var(--mono);color:var(--green)}.grade-result span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green)}.result-metrics{position:absolute;left:142px;right:16px;top:61px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-metrics>div{border-left:1px solid var(--line);padding:6px 5px 6px 36px;position:relative}.result-metrics small{font:7px var(--mono);color:var(--muted)}.result-metrics strong{display:block;font:600 23px var(--mono);margin-top:4px}.result-metrics em{font-style:normal;font-size:11px;color:var(--muted)}.result-metrics p{font:7px var(--mono);color:var(--muted);margin:4px 0}.metric-icon{position:absolute;left:10px;top:17px;width:18px;height:18px;border:1px solid var(--line-bright);display:grid;place-items:center;color:var(--purple);font:10px var(--mono)}.progress-track{position:absolute;left:142px;right:16px;bottom:31px;height:3px;background:#2a2238}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--purple-2),var(--purple));box-shadow:0 0 8px var(--purple)}.cycle-time{position:absolute;left:142px;right:16px;bottom:13px;display:flex;justify-content:space-between;font:7px var(--mono);color:var(--muted)}.cycle-time strong{color:var(--text)}.control-panel{overflow:hidden;display:flex;flex-direction:column}.control-head{height:51px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center}.tabs{display:grid;grid-template-columns:repeat(3,1fr);height:44px;background:#0d0a14;border-bottom:1px solid var(--line)}.tabs button{position:relative;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:9px var(--mono);letter-spacing:.6px;cursor:pointer}.tabs button:last-child{border-right:0}.tabs button[aria-selected=true]{color:var(--text);background:rgba(164,107,245,.08)}.tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--purple);box-shadow:0 0 8px var(--purple)}.tab-panel{padding:14px;flex:1;overflow:auto}.tab-panel.active{animation:reveal .3s var(--ease)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label,.range-label,.audit-filters label{font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}input,select{width:100%;height:34px;margin-top:5px;border:1px solid var(--line);border-radius:2px;background:#0d0a14;color:var(--text);padding:0 10px;font:10px var(--mono);outline:none}input:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(164,107,245,.12)}input[readonly]{color:#d4ccd9}.production-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;border:1px solid var(--line)}.production-stats>div{padding:12px;border-right:1px solid var(--line);background:rgba(164,107,245,.025)}.production-stats>div:last-child{border:0}.production-stats small{display:block;font:7px var(--mono);color:var(--muted)}.production-stats strong{font:600 20px var(--mono);display:inline-block;margin-top:5px}.production-stats span{font:7px var(--mono);color:var(--muted);margin-left:3px}.device-list{border-top:1px solid var(--line)}.device-list>div{display:flex;justify-content:space-between;padding:9px 3px;border-bottom:1px solid rgba(53,43,71,.6);font:8px var(--mono);color:var(--muted)}.device-list b{color:var(--green);font-weight:400}.device-list i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px}.online{background:var(--green);box-shadow:0 0 5px var(--green)}.unit-input{position:relative}.unit-input input{padding-right:48px}.unit-input span{position:absolute;right:8px;bottom:10px;font:7px var(--mono);color:var(--muted)}.trigger-source{border:1px solid var(--line);margin:13px 0;padding:9px 10px;display:flex;gap:10px}.trigger-source legend{font:8px var(--mono);color:var(--muted);padding:0 5px}.trigger-source label{flex:1}.trigger-source input{position:absolute;opacity:0}.trigger-source span{display:block;text-align:center;border:1px solid var(--line);padding:9px;font:8px var(--mono);color:var(--muted);cursor:pointer}.trigger-source input:checked+span{border-color:var(--purple);background:rgba(164,107,245,.1);color:var(--text)}.primary-button,.secondary-button{height:34px;border-radius:2px;padding:0 15px;font:8px var(--mono);letter-spacing:.8px;cursor:pointer}.primary-button{border:1px solid var(--purple);background:linear-gradient(135deg,#8f57dc,#69369f);color:white;box-shadow:0 5px 14px rgba(111,63,180,.22)}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-bright);background:transparent;color:#cfc6d8}.secondary-button:hover{border-color:var(--purple);color:white}.trigger-button{width:100%;height:38px}.action-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.action-row button{min-width:90px}.audit-link{width:100%;text-align:left;border-top:1px solid var(--line);margin-top:13px;padding:11px 2px}.audit-link span{float:right}.parameter-fields{gap:12px}.range-label{display:block;margin-top:14px}.range-label output{float:right;color:var(--purple)}input[type=range]{height:4px;padding:0;accent-color:var(--purple);margin-top:12px}footer{height:30px;border-top:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#08060d;color:#766e80;font:7px var(--mono);letter-spacing:.6px}.footer-center{color:var(--green)}.footer-center i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.audit-page{min-height:calc(100vh - 30px);padding:16px 20px 30px;background:radial-gradient(circle at 78% 4%,rgba(116,63,180,.16),transparent 28%),#09060f}.audit-topbar{height:70px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.audit-topbar>div{text-align:center}.audit-topbar h2{font-size:17px;letter-spacing:1.4px;margin:3px}.audit-topbar>.secondary-button{justify-self:end}.back-button{justify-self:start;background:none;border:0;color:var(--muted);font:9px var(--mono);letter-spacing:.5px;cursor:pointer}.back-button span{font-size:16px;margin-right:7px}.back-button:hover{color:var(--text)}.audit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.audit-summary article{border-left:2px solid var(--purple);background:var(--surface);padding:18px 20px}.audit-summary small,.audit-summary span{display:block;font:8px var(--mono);color:var(--muted)}.audit-summary strong{display:block;font:24px var(--mono);margin:5px 0}.audit-table{padding:16px}.audit-filters{display:flex;gap:12px;margin-bottom:16px}.audit-filters label:first-child{flex:1}.audit-filters label:last-child{width:190px}.audit-table td,.audit-table th{padding:13px}.toast{position:fixed;z-index:100;right:20px;bottom:20px;background:#171221;border:1px solid var(--purple);box-shadow:0 12px 35px rgba(0,0,0,.45);padding:12px 16px;color:var(--text);font:9px var(--mono);transform:translateY(80px);opacity:0;transition:.3s var(--ease)}.toast.show{transform:none;opacity:1}@keyframes scan{0%{top:18%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:82%;opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(104,242,180,0),0 0 14px rgba(104,242,180,.7)}}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-height:800px){.console{height:auto;min-height:700px}.right-rail{grid-template-rows:190px 1fr}.result-panel{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}