:root{--navy:#102d4f;--blue:#0873b9;--light:#eef6fb;--line:#d8e2ea;--muted:#6b7b8d;--green:#16834b;--red:#c53c3c}button{cursor:pointer}.login-screen{color:#fff;background:linear-gradient(145deg,#0d2948,#164e79);flex-direction:column;align-items:center;min-height:100dvh;padding:25px;display:flex}.brand{align-items:center;gap:11px;width:min(420px,100%);display:flex}.brand>b{width:43px;height:43px;color:var(--blue);background:#fff;border-radius:11px;place-items:center;font-size:24px;display:grid}.brand strong,.brand span{display:block}.brand span{letter-spacing:1px;color:#b8d1e5;font-size:9px}.login-card{width:min(420px,100%);color:var(--navy);text-align:center;background:#fff;border-radius:22px;margin:auto;padding:25px;box-shadow:0 30px 70px #06192c88}.login-icon{width:62px;height:62px;color:var(--blue);background:#eaf6ff;border-radius:18px;place-items:center;margin:auto;font-size:34px;display:grid}.step-kicker{letter-spacing:1.4px;font-weight:900;color:var(--blue)!important;margin:15px 0 5px!important;font-size:10px!important}.login-card h1{margin:0;font-size:27px}.login-card>p{color:var(--muted);max-width:310px;margin:8px auto 17px;font-size:12px;line-height:1.55}.scan-frame{color:#fff;background:#112d48;border-radius:14px;align-content:center;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.scan-frame:before{content:"";border:2px solid #dceeff;border-radius:9px;width:72%;height:55%;position:absolute}.scan-frame i{background:#5bea9b;width:70%;height:2px;position:absolute;box-shadow:0 0 14px #5bea9b}.scan-frame span{font-size:37px}.scan-frame small{margin-top:8px;font-size:10px}.scan-entry{gap:7px;margin-top:13px;display:flex}.scan-entry input{border:1px solid var(--line);border-radius:10px;flex:1;min-width:0;padding:11px}.scan-entry button,.hero-scan>button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:0 15px;font-weight:800}.login-help{color:var(--muted);margin-top:16px;display:block}.login-footer{color:#aac7dc;font-size:9px}.inline-error{color:var(--red);background:#fff0f0;border:1px solid #efc1c1;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:11px;font-weight:700}.wizard-shell{background:#f5f7f9;max-width:760px;min-height:100dvh;margin:auto;box-shadow:0 0 40px #16304a22}.wizard-header{color:#fff;background:linear-gradient(105deg,#102d4f,#145782);align-items:center;gap:13px;height:70px;padding:0 17px;display:flex}.back-button,.home-mark{color:#fff;background:#ffffff17;border:0;border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;line-height:1;display:grid}.back-button{padding:0 0 4px;font-size:30px}.home-mark{font-size:18px;font-weight:900}.wizard-header>div:nth-child(2)>span{letter-spacing:1.3px;color:#b7d0e4;font-size:8px}.wizard-header h1{margin:1px 0;font-size:19px}.header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.user-chip{align-items:center;gap:8px;display:flex}.user-chip i{width:34px;height:34px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid}.user-chip span,.user-chip small{font-size:10px;display:block}.user-chip small{color:#b8d3e8;margin-top:2px}.logout-button{color:#fff;background:#ffffff12;border:1px solid #ffffff38;border-radius:9px;height:34px;padding:0 10px;font-size:10px;font-weight:800}.logout-button span{margin-right:6px}.stepper{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:12px 18px;display:flex}.stepper div{text-align:center;color:#8997a5;flex:1;position:relative}.stepper div:not(:last-child):after{content:"";background:#dfe6ec;height:2px;position:absolute;top:13px;left:63%;right:-37%}.stepper b{z-index:1;background:#e5ebef;border-radius:50%;place-items:center;width:27px;height:27px;margin:auto;font-size:10px;display:grid;position:relative}.stepper span{margin-top:4px;font-size:8px;font-weight:800;display:block}.stepper .active{color:var(--blue)}.stepper .active b{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #e0f2fd}.stepper .done{color:var(--green)}.stepper .done b{background:var(--green);color:#fff}.stepper .done:after{background:#65ba8b!important}.wizard-content{padding:20px 17px 30px}.screen-intro span{color:var(--blue);letter-spacing:1px;font-size:9px;font-weight:900}.screen-intro h2{color:var(--navy);margin:4px 0;font-size:22px}.screen-intro p{color:var(--muted);margin:0 0 16px;font-size:11px}.screen-intro.compact{margin-top:18px}.hero-scan{gap:8px;display:flex}.hero-scan>div{background:#fff;border:2px solid #9bc9e6;border-radius:12px;flex:1;align-items:center;padding:0 12px;display:flex}.hero-scan b{color:var(--blue);font-size:24px}.hero-scan input{border:0;outline:0;width:100%;min-width:0;padding:14px 9px}.divider{color:#9aa7b3;align-items:center;gap:10px;height:35px;font-size:8px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.search-box{border:1px solid var(--line);color:#8190a0;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;width:100%;padding:12px 0}.list-label{justify-content:space-between;margin:18px 1px 8px;font-size:11px;display:flex}.list-label span{color:var(--muted)}.selection-list{flex-direction:column;gap:8px;display:flex}.selection-list>button{border:1px solid var(--line);text-align:left;color:var(--navy);background:#fff;border-radius:12px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.selection-list i{border-radius:9px;place-items:center;width:40px;height:40px;font-style:normal;font-weight:900;display:grid}.job-symbol{color:var(--blue);background:#eaf5fd}.op-symbol{color:var(--green);background:#e7f4ec}.selection-list strong,.selection-list span,.selection-list small{display:block}.selection-list strong{font-size:13px}.selection-list span{color:var(--muted);margin-top:3px;font-size:10px}.selection-list small{color:#95a1ac;margin-top:4px;font-size:9px}.selection-list em,.product-grid em{color:var(--green);white-space:nowrap;background:#eaf7ef;border-radius:20px;padding:5px 7px;font-size:8px;font-style:normal}.selection-list>button>b{color:#9ba8b5;font-size:22px}.disabled-row{opacity:.55}.context-bar{background:#eaf3fa;border:1px solid #cfe0ed;border-radius:12px;padding:11px;display:flex}.context-bar>div{border-right:1px solid #c9dbe9;flex:1;padding:0 10px}.context-bar>div:last-child{border:0}.context-bar span,.context-bar strong,.context-bar small{display:block}.context-bar span{color:var(--blue);font-size:8px;font-weight:900}.context-bar strong{margin:2px 0;font-size:12px}.context-bar small{color:var(--muted);font-size:8px}.product-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.product-grid button{border:1px solid var(--line);text-align:left;color:var(--navy);background:#fff;border-radius:12px;padding:13px}.product-grid span{color:var(--muted);font-size:8px;font-weight:800}.product-grid strong{margin:3px 0 8px;font-size:24px;display:block}.measure-screen{padding:14px 17px 25px}.measurement-progress{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:12px 0;padding:11px;display:grid}.measurement-progress>strong{color:var(--blue);font-size:22px}.measurement-progress span{color:var(--muted);font-size:9px}.measurement-progress i{background:#e5ebef;border-radius:10px;height:6px;margin-top:5px;display:block;overflow:hidden}.measurement-progress i b{background:var(--green);height:100%;display:block}.measurement-progress em{color:var(--red);font-size:10px;font-style:normal;font-weight:800}.balloon-strip{gap:7px;padding:2px 1px 10px;display:flex;overflow:auto}.balloon-strip button{border:1px solid var(--line);height:54px;color:var(--navy);background:#fff;border-radius:9px;flex:0 0 62px}.balloon-strip strong,.balloon-strip small{display:block}.balloon-strip small{color:var(--muted);margin-top:3px;font-size:7px}.balloon-strip .selected{border:2px solid var(--blue);color:var(--blue);background:#eaf6fe}.balloon-strip .pass{color:var(--green);background:#eaf8f0}.balloon-strip .fail{color:var(--red);background:#fff0f0}.measurement-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px}.measure-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.measure-title span{color:var(--muted);font-size:9px;font-weight:800}.measure-title span b{color:var(--navy);margin-left:7px;font-size:24px}.measure-title em{border-radius:15px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:900}.measure-title em.pending{background:#edf1f4}.measure-title em.pass{color:var(--green);background:#e6f7ed}.measure-title em.fail{color:var(--red);background:#ffeaea}.measure-spec{background:#eef7fd;border-radius:10px;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin:12px 0;padding:11px;display:grid}.measure-spec span{color:var(--muted);font-size:8px;font-weight:900;display:block}.measure-spec strong{color:var(--blue);font-size:24px}.measure-spec small{font-size:10px}.measure-spec b{font-size:16px}.measurement-card>label{color:#4d6073;margin:12px 0 6px;font-size:9px;font-weight:900;display:block}.inline-scan{display:flex}.inline-scan input{border:1px solid var(--line);border-radius:10px 0 0 10px;flex:1;min-width:0;padding:12px}.inline-scan button{background:var(--blue);color:#fff;border:0;border-radius:0 10px 10px 0;width:48px;font-size:20px}.measure-input{border:2px solid #bfcbd5;border-radius:11px;align-items:center;padding:2px 11px;display:flex}.measure-input input{width:100%;min-width:0;color:var(--navy);border:0;outline:0;padding:8px 0;font-size:28px;font-weight:900}.measure-input span{color:var(--muted)}.measure-input b{border-left:1px solid var(--line);margin-left:10px;padding-left:10px;font-size:10px}.measure-input.pass{border-color:var(--green)}.measure-input.pass b{color:var(--green)}.measure-input.fail{border-color:var(--red)}.measure-input.fail b{color:var(--red)}.primary-action{color:#fff;background:linear-gradient(100deg,#0873b9,#1687c9);border:0;border-radius:11px;width:100%;margin-top:14px;padding:14px;font-weight:900}.primary-action:disabled{background:#aab5be}.result-message{text-align:center;color:var(--green);margin:9px 0 0;font-size:10px;font-weight:800}.result-message.fail{color:var(--red)}.dashboard{padding:21px 17px 35px}.welcome-row{justify-content:space-between;align-items:center;display:flex}.welcome-row span{color:var(--blue);letter-spacing:1px;font-size:8px;font-weight:900}.welcome-row h2{margin:3px 0;font-size:22px}.welcome-row p{color:var(--muted);margin:0;font-size:10px}.welcome-row button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:900}.stats-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.stats-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.stats-grid i{width:38px;height:38px;color:var(--blue);background:#eaf6fd;border-radius:10px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.stats-grid span,.stats-grid strong,.stats-grid small{display:block}.stats-grid span{color:var(--muted);font-size:7px;font-weight:900}.stats-grid strong{margin:1px 0;font-size:23px}.stats-grid small{color:var(--muted);font-size:8px}.recent-heading{justify-content:space-between;align-items:end;margin:23px 1px 9px;display:flex}.recent-heading h3{margin:0;font-size:14px}.recent-heading p{color:var(--muted);margin:3px 0 0;font-size:9px}.recent-heading>span{color:var(--blue);background:#e8f5fd;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:800}.recent-table{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.recent-table-head,.recent-table article{grid-template-columns:1.35fr 1.2fr .55fr .65fr;align-items:center;gap:10px;display:grid}.recent-table-head{color:var(--muted);background:#eef3f6;padding:9px 12px;font-size:7px;font-weight:900}.recent-table article{border-top:1px solid #e7edf1;padding:11px 12px}.recent-table article:first-of-type{border-top:0}.recent-table strong,.recent-table small,.recent-table time{display:block}.recent-table strong{font-size:10px}.recent-table small{color:var(--muted);margin-top:3px;font-size:8px}.recent-table article>div:nth-child(3){text-align:center}.recent-table article>div:nth-child(3) b{background:#eef4f8;border-radius:7px;padding:6px 9px;font-size:10px}.recent-table time{text-align:right;font-size:9px;font-weight:800}.lazy-sentinel{text-align:center;color:var(--muted);padding:16px;font-size:9px}.lazy-sentinel:before{content:"";border:2px solid #c6d6e2;border-top-color:var(--blue);border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:500px){.user-chip span{display:none}.logout-button{width:34px;padding:0}.logout-button span{display:none}.wizard-header{gap:9px;padding:0 12px}.wizard-header h1{font-size:16px}.back-button{padding-bottom:3px}.wizard-content{padding-top:17px}.stepper{padding-left:8px;padding-right:8px}.stepper span{font-size:7px}.selection-list>button{grid-template-columns:40px 1fr auto}.selection-list>button>b{display:none}.selection-list em{grid-column:3}.context-bar>div{padding:0 6px}.hero-scan>button{padding:0 11px}.measure-screen{padding:11px}.product-grid{grid-template-columns:1fr 1fr}.dashboard{padding:16px 12px 30px}.welcome-row{align-items:flex-end}.welcome-row p{max-width:200px}.welcome-row button{padding:10px;font-size:0}.welcome-row button:after{content:"＋";font-size:18px}.stats-grid{grid-template-columns:1fr;gap:7px;margin:14px 0}.stats-grid article{padding:10px}.stats-grid strong{font-size:20px}.recent-table-head{display:none}.recent-table article{grid-template-columns:1.25fr 1fr .42fr .6fr;gap:6px;padding:10px 9px}.recent-table strong{font-size:9px}.recent-table small{font-size:7px}}.login-screen{justify-content:center;gap:24px;padding:28px 20px 22px;overflow:auto}.login-card{margin:0}.login-logo{object-fit:cover;border-radius:16px;width:78px;height:78px;margin:0 auto 4px;display:block}.login-footer{color:#b9d1e3;letter-spacing:.2px;flex:none;padding:8px 18px;line-height:1.4;display:block}.brand,.login-icon{display:none}@media (max-height:650px){.login-screen{justify-content:flex-start;gap:20px}.login-card{padding:20px}.login-logo{width:62px;height:62px}.scan-frame{height:145px}.login-help{margin-top:11px}.login-footer{padding-bottom:14px}}.stats-grid i{font-size:9px}.signout-icon{font-family:Segoe UI Symbol,Arial,sans-serif;font-size:22px;line-height:1;display:block;transform:translate(-1px)}.home-logout{place-items:center;width:38px;height:38px;padding:0;display:grid}@media (max-width:500px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-grid article{display:block}.stats-grid i{margin-bottom:8px}.welcome-row button{min-width:98px;padding:11px 10px;font-size:10px!important}.welcome-row button:after{content:none!important}.home-logout{width:38px;padding:0}}.stats-grid article{text-align:center;flex-direction:column;justify-content:center;gap:7px;min-height:142px;display:flex!important}.stats-grid i{margin:0 auto!important}.stats-grid article>div{flex-direction:column;align-items:center;display:flex}.recent-search{border:1px solid var(--line);color:#7d8d9d;background:#fff;border-radius:10px;align-items:center;gap:8px;height:44px;margin:0 0 9px;padding:0 11px;display:flex}.recent-search>span{color:var(--blue);font-size:20px}.recent-search input{min-width:0;color:var(--navy);border:0;outline:0;flex:1;font-size:11px}.recent-search button{color:#66798b;background:#e9eff3;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:16px;display:grid}.recent-search small{white-space:nowrap;color:var(--muted);border-left:1px solid var(--line);padding-left:8px;font-size:8px}.recent-empty{text-align:center;padding:30px 15px}.recent-empty b,.recent-empty span{display:block}.recent-empty b{color:var(--navy);font-size:12px}.recent-empty span{color:var(--muted);margin-top:5px;font-size:9px}@media (max-width:500px){.stats-grid article{min-height:132px;padding:10px 6px}.recent-search small{display:none}}.scan-frame{cursor:pointer;border:0;width:100%;padding:0}.scan-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.scan-frame.camera-active video{opacity:1}.scan-frame.camera-active:after{content:"";background:linear-gradient(90deg,#0b1d2d88 0 9%,#0000 9% 91%,#0b1d2d88 91%);position:absolute;inset:0}.scan-frame.camera-active:before{z-index:2;border-color:#fff}.scan-frame.camera-active i{z-index:3;animation:2s ease-in-out infinite camera-scan}.scan-frame small{z-index:4;white-space:normal;background:#0b2034aa;border-radius:10px;max-width:82%;padding:5px 9px;position:relative}.scan-frame>span{z-index:4;position:relative}@keyframes camera-scan{0%,to{transform:translateY(-48px)}50%{transform:translateY(48px)}}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logout-button b{font-family:Arial,sans-serif;font-size:18px;line-height:1}.home-logout{background:#ffffff14;border-color:#ffffff45;place-items:center;width:38px;height:38px;padding:0;display:grid}.home-logout span{display:none}.welcome-row button{min-width:105px}@media (max-width:500px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-grid article{display:block}.stats-grid i{margin-bottom:8px}.welcome-row button{min-width:98px;padding:11px 10px;font-size:10px}.welcome-row button:after{content:none}.home-logout{width:38px;padding:0}}