:root{color:#173247;font-synthesis:none;--navy:#173b57;--navy2:#0f2c42;--sky:#1678b6;--sky2:#dff1fa;--red:#e2231a;--green:#167a5a;--amber:#b66a0a;--surface:#ffffffc9;--line:#d5e3eb;--shadow:0 18px 45px #173b5714;background:#e6f0f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#d4ebf7 0,#0000 36%),linear-gradient(135deg,#e5eff5,#f6f9fb 55%,#dbeaf3);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#c2d9e7;z-index:20;background:#12364fed;border-right:1px solid #fff2;flex-direction:column;width:245px;padding:20px 14px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:.06em;align-items:center;gap:10px;padding:0 8px 21px;font-size:14px;font-weight:900;display:flex}.brand i,.mobile-brand i{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;display:grid;box-shadow:0 8px 20px #e2231a44}.brand small{letter-spacing:.08em;color:#91b6cb;margin-top:2px;font-size:9px;font-weight:500;display:block}.nav-group>span{text-transform:uppercase;letter-spacing:.13em;color:#719ab2;margin:18px 10px 6px;font-size:9px;display:block}.nav-group button,.collapse{color:#bdd5e3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:42px;padding:10px;display:flex}.nav-group button b{font-size:13px}.nav-group button.active{color:#fff;background:#ffffff18;box-shadow:inset 0 0 0 1px #ffffff1c}.nav-group button:hover{background:#ffffff0e}.nav-group em{color:#fff;background:#d72c25;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:9px;font-style:normal}.collapse{border-top:1px solid #ffffff12;border-radius:0;margin-top:auto;padding-top:17px}.workspace{grid-column:2;min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#eef5f8a8;border-bottom:1px solid #ffffffb5;justify-content:flex-end;align-items:center;height:80px;padding:0 32px;display:flex;position:sticky;top:0}.topbar__controls{align-items:center;gap:12px;display:flex}.topbar .field{min-width:190px}.topbar .field>span{font-size:8px}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.mobile-brand{display:none}main{max-width:1500px;margin:auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:.12em;color:#62849a;font-size:9px;font-weight:800}.page-header h1{margin:7px 0;font-size:29px;line-height:1.1}.page-header p{color:#638095;margin:0;font-size:13px}.live-dot{color:var(--green);background:#fff9;border:1px solid #fff;border-radius:10px;padding:9px 12px;font-size:11px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric,.panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #fff;border-radius:15px}.metric{padding:17px}.metric span{text-transform:uppercase;letter-spacing:.06em;color:#5d7a8c;font-size:10px;display:block}.metric strong{margin:7px 0 4px;font-size:27px;display:block}.metric small{color:#6c8797;font-size:10px}.metric--critical{background:#fff3f1d9}.metric--critical strong,.metric--critical small{color:#cc3931}.report-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.panel{padding:18px}.panel__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel__head h2{margin:4px 0 14px;font-size:14px}.export-link{color:var(--sky);align-items:center;gap:5px;font-size:10px;text-decoration:none;display:flex}.chart{min-height:158px}.chart-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;height:125px;padding:6px 8px 0;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar{background:linear-gradient(#55a9d4,#176e9f);border-radius:5px 5px 0 0;width:min(32px,70%)}.bar-item span{color:#637f91;white-space:nowrap;font-size:8px}.bar-item b{order:-1;font-size:9px}.chart-note{color:#698698;align-items:center;gap:5px;margin-top:10px;font-size:9px;display:flex}.field{color:#567487;gap:5px;font-size:10px;font-weight:700;display:grid}.input{border:1px solid var(--line);color:#173247;background:#ffffffdc;border-radius:10px;outline:none;min-height:40px;padding:8px 11px}.input:focus{border-color:var(--sky);box-shadow:0 0 0 3px #1678b622}.button{cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:9px 15px;font-size:12px;font-weight:750}.button--primary{background:var(--sky);color:#fff}.button--secondary{color:#15587f;background:#e6f1f7}.button--danger{color:#fff;background:#c93c34}.button--ghost{color:#547589;background:0 0}.badge{border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.badge--success{color:#126548;background:#dff4eb}.badge--info{color:#155f89;background:#dceff9}.badge--warning{color:#995805;background:#fff0d7}.badge--danger{color:#ad302a;background:#ffe4e1}.loading,.empty,.placeholder-page{text-align:center;background:#fff9;border:1px solid #fff;border-radius:15px;padding:40px}.empty{color:#658093;gap:5px;display:grid}.modal-backdrop{z-index:50;background:#0e263999;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#f8fbfd;border:1px solid #fff;border-radius:18px;width:min(520px,100%);padding:20px;box-shadow:0 25px 70px #071c2b66}.bottom-nav,.more-sheet{display:none}.is-collapsed{grid-template-columns:78px 1fr}.is-collapsed .sidebar{width:78px}.is-collapsed .brand span,.is-collapsed .nav-group>span,.is-collapsed .nav-group button b,.is-collapsed .nav-group em,.is-collapsed .collapse span{display:none}.is-collapsed .nav-group button{justify-content:center}.is-collapsed .workspace{grid-column:2}@media (width<=980px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app,.is-collapsed{padding-bottom:76px;display:block}.sidebar{display:none}.workspace{display:block}.topbar{justify-content:space-between;height:auto;min-height:70px;padding:10px 14px}.mobile-brand{align-items:center;gap:7px;display:flex}.mobile-brand i{width:30px;height:30px}.topbar__controls{gap:7px}.topbar .field{min-width:0}.topbar .field:first-child,.topbar .field>span{display:none}.topbar .input{width:130px;min-height:38px}.avatar{display:none}main{padding:20px 14px}.page-header{align-items:flex-start}.page-header h1{font-size:24px}.page-header p{max-width:270px}.live-dot{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:13px}.metric strong{font-size:24px}.report-grid{grid-template-columns:1fr}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border-top:1px solid #d9e6ed;justify-content:space-around;height:68px;padding:7px;display:flex;position:fixed;inset:auto 0 0}.bottom-nav button{color:#668394;background:0 0;border:0;place-items:center;gap:2px;min-width:52px;font-size:9px;display:grid}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:var(--sky);font-weight:800}.more-sheet{z-index:29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7fbfdf5;border:1px solid #fff;border-radius:16px;grid-template-columns:repeat(2,1fr);padding:10px;display:grid;position:fixed;bottom:68px;left:10px;right:10px;box-shadow:0 20px 60px #173b5733}.more-sheet button{color:#294c62;background:#fff;border:0;border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.button,.input{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#698393;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px;font-size:9px}td{border-bottom:1px solid #e5eef3;padding:12px 10px}tbody tr{cursor:default;transition:background .16s}tbody tr.selected,tbody tr:hover{background:#eaf5fa}.form-row,.scan-row,.action-row,.item-actions{flex-wrap:wrap;align-items:end;gap:9px;margin-top:14px;display:flex}.form-row .field,.scan-row .field{flex:1;min-width:125px}.card-list{gap:9px;display:grid}.item-card{background:#fff;border:1px solid #e0eaf0;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.item-card h3{margin:7px 0 3px;font-size:13px}.item-card p{color:#668293;margin:0;font-size:11px}.step-strip{gap:8px;margin-bottom:14px;display:flex}.step-strip b{color:#77909f;background:#ffffff80;border:1px solid #fff;border-radius:10px;padding:9px 12px;font-size:10px}.step-strip b.active{background:var(--navy);color:#fff}.focus-panel{max-width:650px}.focus-panel>.field{margin-bottom:12px}.helper{color:#6c8999;margin-top:10px;display:block}.task-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pick-card,.active-pick{box-shadow:var(--shadow);background:#fffc;border:1px solid #fff;border-radius:17px;padding:20px}.pick-card h2,.active-pick h2{margin:8px 0 4px;font-size:19px}.pick-card>.button{align-items:center;gap:8px;margin-top:18px;display:flex}.pick-facts{gap:8px;margin-top:14px;display:flex}.pick-facts b{background:var(--sky2);color:#155d87;border-radius:9px;padding:9px 12px;font-size:12px}.picking-focus{max-width:650px;margin:auto}.active-pick{color:#fff;background:#153b56ed}.active-pick .eyebrow,.active-pick p{color:#a9cada}.active-pick .pick-facts b{color:#fff;background:#ffffff16;border:1px solid #ffffff24}.scan-stack{box-shadow:var(--shadow);background:#ffffffc9;border:1px solid #fff;border-radius:17px;gap:11px;margin-top:12px;padding:17px;display:grid}.scan-stack .button{justify-content:center;align-items:center;gap:8px;min-height:52px;display:flex}.progress{background:#e3edf2;border-radius:6px;height:6px;margin-top:9px;overflow:hidden}.progress i{background:var(--sky);border-radius:6px;height:100%;display:block}.meta-row{color:#78909f;align-items:center;gap:7px;font-size:9px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.toast{z-index:60;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#153b56ed;border:1px solid #ffffff31;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0c273b55}@media (width<=900px){.two-col,.task-grid{grid-template-columns:1fr}}@media (width<=768px){.item-card{flex-direction:column;align-items:flex-start}.item-actions{width:100%}.item-actions .button{flex:1}.scan-row,.form-row{grid-template-columns:1fr;display:grid}.step-strip{overflow:auto}.step-strip b{white-space:nowrap}.form-grid{grid-template-columns:1fr}.toast{bottom:80px;left:14px;right:14px}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody{gap:8px;display:grid}tbody tr{background:#fff;border:1px solid #e0eaf0;border-radius:12px;padding:10px}td{border:0;padding:5px 4px}td:empty{display:none}.task-grid{grid-template-columns:1fr}.picking-focus .page-header{margin-bottom:14px}}.empty--error{background:#fdecea99;border-color:#f2b8b5}.empty--error b{color:#8a2a24}.page-loading{color:#658093;padding:24px}button.export-link{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}