
:root{
 --bg:#f2ede6;--paper:#fbf8f3;--ink:#17202a;--muted:#7d848c;--line:#ded6cb;
 --cobalt:#2457d6;--pink:#d64278;--amber:#f1a93b;--green:#4d9a6a;--red:#d35c56;
 --dark:#1a2330;--shadow:0 16px 38px rgba(54,47,40,.08)
}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#f7f2ec,#ece5dd);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.desktop{min-height:100vh}
.commandbar{height:72px;background:rgba(251,248,243,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:245px 1fr auto;align-items:center;gap:18px;padding:0 22px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand span{display:block;font-size:8px;color:var(--muted);letter-spacing:.15em;margin-top:3px}
.workspace-tabs{display:flex;justify-content:center;gap:5px}.tab{border:0;background:transparent;padding:9px 12px;border-radius:9px;color:#727983;font-size:10px;font-weight:700}.tab.active,.tab:hover{background:#e9e4ff;color:var(--cobalt)}.tab.active{box-shadow:inset 0 -2px var(--cobalt)}
.cmd-actions{display:flex;align-items:center;gap:8px}.lab-status{display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.lab-status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.lab-status span{font-size:8px;color:var(--muted)}.lab-status b{font-size:9px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px}.primary,.soft{border-radius:9px;padding:9px 12px;font-weight:750}.primary{background:var(--cobalt);border:1px solid var(--cobalt);color:#fff}.soft{background:#fff;border:1px solid var(--line);color:#4f5760}
.workspace{max-width:1700px;margin:auto;padding:18px}.view{display:none}.view.active{display:block}.bench-grid{display:grid;grid-template-columns:260px 1fr 290px;gap:12px;align-items:start}.rack,.workbench,.reference-card,.queue-column,.instrument-card,.standard-item,.certificate-list,.certificate-preview,.report-main,.report-summary{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.rack{padding:10px;position:sticky;top:90px}.rack-head{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 4px 11px}.eyebrow{font-size:8px;color:var(--cobalt);font-weight:800;letter-spacing:.17em}.rack h2,.reference-head h3,.measurement-head h3,.report-head h3{font-size:14px;margin:3px 0 0}.count{min-width:28px;height:28px;border-radius:8px;background:#ece7ff;color:var(--cobalt);display:grid;place-items:center;font-size:10px;font-weight:800}.rack-list{display:grid;gap:7px}.rack-item{padding:10px;border:1px solid transparent;border-radius:9px;cursor:pointer}.rack-item.active,.rack-item:hover{background:#f0ecff;border-color:#d8d0ff}.rack-item .r-top{display:flex;justify-content:space-between}.rack-item b{font-size:8px;color:var(--cobalt)}.rack-item span{font-size:7px;color:var(--muted)}.rack-item strong{display:block;font-size:10px;margin-top:5px}.rack-item small{display:block;font-size:7px;color:var(--muted);margin-top:2px}
.workbench{overflow:hidden}.specimen-head{padding:16px 16px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.specimen-head h1{font-size:24px;letter-spacing:-.03em;margin:4px 0 0}.job-state{font-size:8px;font-weight:800;padding:7px 9px;border-radius:999px;background:#e6efff;color:var(--cobalt)}.bench-meta{padding:10px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bench-meta div{background:#f5f0e9;border-radius:8px;padding:8px}.bench-meta span{display:block;font-size:7px;color:var(--muted)}.bench-meta b{display:block;font-size:9px;margin-top:2px}
.measurement-board{margin:0 12px 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.measurement-head{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.measure-actions{display:flex;gap:7px}.measurement-table{overflow:auto}.m-head,.m-row{min-width:720px;display:grid;grid-template-columns:70px 1fr 1fr 1fr 1fr 110px;align-items:center}.m-head{background:#f5f1eb;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em}.m-head span,.m-row>div{padding:9px 10px}.m-row{border-top:1px solid var(--line);font-size:9px}.m-row input{width:100%;border:1px solid var(--line);border-radius:6px;padding:7px;background:#fffcf8}.m-row .error{font-weight:800}.result-badge{padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800}.result-badge.pass{background:#e7f2e9;color:#4c805a}.result-badge.fail{background:#f8dfdc;color:#a94c46}
.bench-footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.uncertainty-card{padding:9px;background:#f5f0e9;border-radius:8px}.uncertainty-card span{display:block;font-size:7px;color:var(--muted)}.uncertainty-card strong{display:block;font-size:14px;margin-top:3px}.uncertainty-card small{font-size:7px;color:#7c848c}.certificate-btn{border:0;background:var(--pink);color:white;border-radius:8px;padding:0 14px;font-weight:800}
.reference-stack{display:grid;gap:10px;position:sticky;top:90px}.reference-card{overflow:hidden}.reference-head{padding:11px 12px;border-bottom:1px solid var(--line)}.standard-card{padding:12px}.standard-hero{height:110px;border-radius:10px;background:linear-gradient(135deg,#27364b,#17202a);display:grid;place-items:center;color:#fff;position:relative}.standard-hero:before,.standard-hero:after{content:"";position:absolute;width:70px;height:18px;background:linear-gradient(180deg,#d8dce1,#9199a5);border-radius:4px;box-shadow:0 8px 12px rgba(0,0,0,.15)}.standard-hero:before{transform:translateY(-16px)}.standard-hero:after{transform:translateY(16px)}.standard-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.standard-info div{background:#f5f0e9;border-radius:7px;padding:8px}.standard-info span{display:block;font-size:7px;color:var(--muted)}.standard-info b{display:block;font-size:9px;margin-top:2px}.environment{padding:8px 12px}.environment div{display:grid;grid-template-columns:1fr auto 9px;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.environment span,.environment strong{font-size:8px}.environment i{width:8px;height:8px;border-radius:50%;background:var(--green)}.trace-chain{padding:18px 12px;display:flex;align-items:center;justify-content:space-between}.trace-chain span{padding:7px 8px;background:#eee8ff;border-radius:7px;color:var(--cobalt);font-size:7px;font-weight:800}.trace-chain b{color:#9ca2aa}
.page-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:14px}.page-head h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 0}.page-actions{display:flex;gap:8px}
.queue-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.queue-column{padding:10px}.queue-column>header{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 10px;border-bottom:1px solid var(--line)}.queue-column header span{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.12em}.queue-column header b{font-size:9px;background:#eee8ff;color:var(--cobalt);padding:5px 7px;border-radius:999px}.job-card{padding:10px;border:1px solid var(--line);border-radius:9px;margin-top:8px;background:#fff}.job-card .j-top{display:flex;justify-content:space-between}.job-card .j-top b{font-size:8px;color:var(--cobalt)}.job-card .j-top span{font-size:7px;color:var(--muted)}.job-card strong{display:block;font-size:10px;margin-top:6px}.job-card small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.job-card .j-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.job-card .j-foot span{font-size:7px;color:#6f7780}.priority{padding:4px 6px;border-radius:999px;font-size:7px;font-weight:800}.priority.high{background:#fff0d8;color:#93671f}.priority.urgent{background:#f8dfdc;color:#a94c46}.priority.normal{background:#e9eef8;color:#5574a9}
.instrument-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.instrument-card{padding:12px}.instrument-card .i-top{display:flex;justify-content:space-between}.instrument-card .i-top strong{font-size:10px}.instrument-card .i-top span{font-size:7px;padding:5px 7px;border-radius:999px;background:#ece7ff}.instrument-visual{height:130px;margin:12px 0;border-radius:10px;background:linear-gradient(135deg,#f5f0e9,#ebe3da);display:grid;place-items:center;position:relative}.instrument-visual .caliper{width:150px;height:12px;background:#868f99;border-radius:3px;position:relative}.instrument-visual .caliper:before{content:"";position:absolute;left:12px;top:-28px;width:12px;height:65px;border-left:8px solid #67717d;border-top:8px solid #67717d;border-radius:2px}.instrument-visual .caliper:after{content:"";position:absolute;right:30px;top:-20px;width:38px;height:40px;border:8px solid #b0b7bf;border-right:0}.instrument-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.instrument-meta div{padding:8px;background:#f5f0e9;border-radius:7px}.instrument-meta span{display:block;font-size:7px;color:var(--muted)}.instrument-meta b{display:block;font-size:9px;margin-top:2px}
.standard-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.standard-item{padding:13px}.std-top{display:flex;justify-content:space-between}.std-top strong{font-size:11px}.std-top span{font-size:7px;padding:5px 7px;border-radius:999px;background:#e8f1ea}.std-visual{height:120px;margin:11px 0;background:linear-gradient(135deg,#27364b,#17202a);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px}.gauge-block{width:48px;height:25px;background:linear-gradient(180deg,#e2e5e9,#8e97a3);border-radius:3px;box-shadow:0 7px 12px rgba(0,0,0,.18)}.std-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.std-meta div{padding:8px;background:#f5f0e9;border-radius:7px}.std-meta span{display:block;font-size:7px;color:var(--muted)}.std-meta b{display:block;font-size:9px;margin-top:2px}
.certificate-layout{display:grid;grid-template-columns:260px 1fr;gap:10px}.certificate-list{padding:8px}.cert-item{padding:10px;border-radius:8px;margin-bottom:7px;border:1px solid transparent;cursor:pointer}.cert-item.active,.cert-item:hover{background:#f0ecff;border-color:#d8d0ff}.cert-item b{display:block;font-size:8px;color:var(--cobalt)}.cert-item strong{display:block;font-size:10px;margin-top:4px}.cert-item span{display:block;font-size:7px;color:var(--muted);margin-top:2px}.certificate-preview{padding:18px;background:#ddd6cd}.cert-paper{max-width:850px;margin:auto;background:white;min-height:860px;padding:36px;box-shadow:0 18px 42px rgba(0,0,0,.12)}.cert-brand{display:flex;gap:10px;align-items:center}.cert-brand img{width:48px}.cert-brand strong{display:block;font-size:13px}.cert-brand span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.cert-code{margin-top:28px;color:var(--cobalt);font-size:9px;font-weight:800;letter-spacing:.12em}.cert-paper h2{font-size:24px;margin:6px 0 18px}.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cert-grid div{padding:10px;background:#f8f5f0}.cert-grid span{font-size:7px;color:var(--muted);display:block}.cert-grid b{font-size:9px;display:block;margin-top:3px}.cert-chart-wrap{margin-top:18px;border:1px solid var(--line)}.cert-chart-wrap canvas{width:100%;height:300px;display:block}.cert-sign{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.cert-sign div{border-top:1px solid #777;padding-top:8px}.cert-sign span{display:block;font-size:7px;color:var(--muted)}.cert-sign strong{display:block;font-size:9px;margin-top:3px}
.report-tabs{display:flex;gap:5px;margin-bottom:11px}.report-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:700;color:#687078}.report-tabs button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.report-layout{display:grid;grid-template-columns:1fr 280px;gap:10px}.report-main canvas{width:100%;height:400px;display:block}.report-head{padding:12px 14px;border-bottom:1px solid var(--line)}.report-summary{padding:12px}.summary-item{padding:10px;background:#f5f0e9;border-radius:8px;margin-bottom:8px}.summary-item span{display:block;font-size:7px;color:var(--muted)}.summary-item strong{display:block;font-size:18px;margin-top:3px}
.modal{display:none;position:fixed;inset:0;background:rgba(24,32,42,.48);z-index:100;padding:20px}.modal.active{display:grid;place-items:center}.modal-card{width:min(650px,96vw);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:3px 0 0;font-size:18px}.close-modal{width:32px;height:32px;border:0;border-radius:8px;background:#ede7df;font-size:18px}.form{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label{font-size:8px;color:#687078;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px}.form .full{grid-column:1/-1}.modal-actions{padding:11px 15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:18px;bottom:18px;background:var(--dark);color:#fff;padding:10px 13px;border-radius:9px;font-size:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:150}.toast.show{opacity:1;transform:none}
@media(max-width:1300px){.commandbar{grid-template-columns:220px 1fr}.cmd-actions{display:none}.bench-grid{grid-template-columns:230px 1fr}.reference-stack{grid-column:1/-1;grid-template-columns:repeat(3,1fr);position:static}.instrument-grid{grid-template-columns:repeat(2,1fr)}.standard-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.commandbar{grid-template-columns:1fr;height:auto;padding:10px 12px}.workspace-tabs{justify-content:flex-start;overflow:auto}.workspace{padding:12px}.bench-grid,.certificate-layout,.report-layout{grid-template-columns:1fr}.rack,.reference-stack{position:static}.queue-wall{grid-template-columns:1fr 1fr}.instrument-grid,.standard-wall{grid-template-columns:1fr}.bench-footer{grid-template-columns:1fr 1fr}.certificate-btn{min-height:48px}.page-head{align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}
