:root{color:#102a43;font-synthesis:none;text-rendering:optimizelegibility;--navy:#102a43;--navy-2:#183b56;--blue:#2f80ed;--green:#238564;--amber:#e9b949;--red:#d64545;--muted:#627d98;--border:#d9e2ec;--surface:#fff;--shadow:0 14px 36px #102a4314;background:#f3f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f3f6fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:2px;outline:3px solid #2f80ed59}.login-loading{min-height:100vh;color:var(--muted);background:#f3f6fa;align-content:center;justify-items:center;gap:14px;font-size:11px;font-weight:700;display:grid}.login-page{background:#fff;grid-template-columns:minmax(360px,.75fr) minmax(440px,1.25fr);min-height:100vh;display:grid}.login-panel{place-self:center;width:min(420px,100% - 48px);padding:38px 0}.login-brand{align-items:center;gap:12px;margin-bottom:70px;display:flex}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:var(--navy);letter-spacing:.12em;font-size:16px}.login-brand small{color:#829ab1;letter-spacing:.17em;text-transform:uppercase;margin-top:3px;font-size:8px}.login-panel h1{letter-spacing:-.045em;margin:7px 0 10px;font-size:clamp(31px,4vw,45px)}.login-copy{max-width:360px;color:var(--muted);margin:0 0 28px;font-size:11px;line-height:1.65}.login-panel form{gap:15px;display:grid}.login-panel label{gap:7px;display:grid}.login-panel label span{color:#52687c;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.login-panel input{width:100%;min-height:46px;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:9px;padding:11px 13px;font-size:13px}.login-panel input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2f80ed1a}.login-panel form .button{width:100%;min-height:46px;margin-top:5px}.login-error{color:#9f2d2d;background:#fff0f0;border:1px solid #f4c2c2;border-radius:8px;padding:10px 12px;font-size:10px}.login-security{color:#829ab1;margin-top:19px;font-size:8px;line-height:1.55;display:block}.login-visual{color:#fff;background:radial-gradient(circle at 72% 24%,#2f80ed59,#0000 32%),linear-gradient(145deg,#102a43,#183b56 62%,#0f4c5c);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff17;width:360px;height:360px;position:absolute;transform:rotate(35deg)}.login-visual:after{border-color:#e9b9491f;width:520px;height:520px}.login-visual>div{border:1px solid #ffffff40;width:320px;height:410px;position:relative;transform:skewY(-7deg)}.login-visual i{background:#e9b949;border:4px solid #fff;width:17px;height:17px;position:absolute;box-shadow:0 0 0 7px #e9b9491f}.login-visual i:first-child{top:-9px;left:-9px}.login-visual i:nth-child(2){top:-9px;right:-9px}.login-visual i:nth-child(3){bottom:-9px;left:-9px}.login-visual i:nth-child(4){bottom:-9px;right:-9px}.login-visual span{text-align:right;font-size:19px;font-weight:700;line-height:1.35;position:absolute;bottom:30px;right:24px;transform:skewY(7deg)}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{z-index:10;color:#fff;background:linear-gradient(165deg,#102a43 0%,#183b56 72%,#0f3543 100%);flex-direction:column;width:250px;padding:28px 20px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:12px;margin:0 8px 42px;text-decoration:none;display:flex}.brand-mark{color:#102a43;background:#e9b949;border-radius:12px 4px;place-items:center;width:39px;height:39px;font-weight:800;display:grid;box-shadow:0 5px 16px #0000002e}.brand strong{letter-spacing:.12em;font-size:15px;display:block}.brand small{color:#9fb3c8;letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-size:9px;display:block}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#bcccdc;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sidebar nav button span{color:#829ab1;text-align:center;width:23px;font-size:18px}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:#ffffff1c;box-shadow:inset 3px 0 #e9b949}.sidebar nav button.active span{color:#e9b949}.sidebar nav button.accent{color:#102a43;background:#e9b949;margin-top:18px;box-shadow:0 8px 22px #e9b94933}.sidebar nav button.accent span{color:#102a43}.sidebar-foot{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:15px 10px 0;display:flex}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:11px}.sidebar-foot small{color:#829ab1;margin-top:3px;font-size:9px}.connection-dot{background:#d64545;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #d6454526}.connection-dot.online{background:#2cb67d;box-shadow:0 0 0 4px #2cb67d26}.main-column{grid-column:2;min-width:0}.topbar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #d9e2eccc;justify-content:space-between;align-items:center;height:68px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-meta span,.topbar-meta strong{display:block}.topbar-meta span{color:#829ab1;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.topbar-meta strong{margin-top:2px;font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex}.network-pill{color:#9f2d2d;background:#fff0f0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.network-pill.online{color:#147d64;background:#e7f7f1}.sync-button{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700}.sync-button span{margin-right:4px;font-size:14px;display:inline-block}.user-pill{color:#52687c;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:10px;font-weight:700;overflow:hidden}.logout-button{color:#627d98;background:0 0;border:0;padding:7px 9px;font-size:10px;font-weight:700}.logout-button:hover{color:var(--red)}.spin{animation:.9s linear infinite spin}.mobile-brand,.mobile-nav{display:none}main{min-height:calc(100vh - 68px)}.page-section{max-width:1500px;margin:0 auto;padding:42px 42px 64px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px;display:flex}.section-heading h1{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(26px,3vw,38px);line-height:1.12}.eyebrow{color:#2f80ed;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.section-note{max-width:420px;color:var(--muted);text-align:right;margin:0;font-size:11px;line-height:1.6}.card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d9e2ecd1;border-radius:14px}.card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.card-header h2{letter-spacing:-.02em;margin:4px 0 0;font-size:17px}.text-button{color:#2f80ed;background:0 0;border:0;font-size:11px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:13px;flex-direction:column;min-height:144px;padding:21px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #102a430d}.metric:after{content:"";opacity:.06;background:currentColor;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-42px;right:-20px}.metric span{color:var(--muted);font-size:10px;font-weight:700}.metric strong{color:var(--navy);letter-spacing:-.04em;margin-top:auto;font-size:33px;line-height:1}.metric small{color:var(--muted);margin-top:8px;font-size:9px}.metric-navy{color:var(--navy);border-top:3px solid var(--navy)}.metric-blue{color:var(--blue);border-top:3px solid var(--blue)}.metric-green{color:var(--green);border-top:3px solid var(--green)}.metric-amber{color:#d38d16;border-top:3px solid var(--amber)}.film-alert-card{color:#52687c;border:1px solid var(--border);background:#fff;border-radius:13px;grid-template-columns:auto minmax(240px,1fr) minmax(280px,.9fr);align-items:center;gap:18px;margin-bottom:18px;padding:19px 22px;display:grid;box-shadow:0 8px 28px #102a430d}.film-alert-card.active{color:#7f1d1d;background:linear-gradient(105deg,#fff5f5,#fff);border-color:#f0b5b5;box-shadow:0 10px 30px #d645451a}.film-alert-icon{color:#fff;background:#8ca2b7;border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid}.film-alert-card.active .film-alert-icon{background:var(--red);box-shadow:0 0 0 7px #d645451a}.film-alert-copy h2{color:var(--navy);margin:4px 0;font-size:16px}.film-alert-copy p:last-child{color:#627d98;margin:0;font-size:9px;line-height:1.5}.film-alert-list{gap:5px;display:grid}.film-alert-list>div{background:#ffffffbf;border:1px solid #f5d4d4;border-radius:7px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:7px 9px;font-size:8px;display:grid}.film-alert-list strong{color:var(--navy);font-size:10px}.film-alert-list span{color:#829ab1}.film-alert-list b{color:#a73333}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.attention-card,.distribution-card{padding:24px}.attention-row{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.attention-row strong,.attention-row span{display:block}.attention-row strong{font-size:13px}.attention-row div>span{color:var(--muted);margin-top:4px;font-size:10px}.status-bars{gap:16px;display:grid}.status-bar>div{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.status-bar>div strong{font-size:12px}.status-bar>span{background:#edf2f7;border-radius:3px;height:5px;display:block;overflow:hidden}.status-bar>span i{border-radius:inherit;background:linear-gradient(90deg,#2f80ed,#65a8ff);height:100%;display:block}.status{color:#52687c;white-space:nowrap;background:#edf2f7;border-radius:999px;align-items:center;gap:5px;max-width:190px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-synced,.status-data-synced,.status-completed{color:#147d64;background:#e7f7f1}.status-read-required{color:#9f6513;background:#fff4d6}.status-reading,.status-read-local,.status-in-transit{color:#1d64b4;background:#e8f2ff}.status-maintenance{color:#9f2d2d;background:#fff0f0}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#627d98;border-bottom:1px solid var(--border);letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#f7f9fc;padding:14px 18px;font-size:9px}td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:15px 18px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}td strong,td small{display:block}td small{color:#829ab1;margin-top:4px;font-size:8px}.danger-text{color:var(--red);font-weight:700}.select-field{gap:6px;min-width:0;display:grid}.select-field span{color:#829ab1;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.select-field select{width:100%;min-width:0;max-width:100%;color:var(--navy);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:9px;padding:10px 36px 10px 12px;font-size:11px;font-weight:600;overflow:hidden}.select-field.wide{margin:12px 0 24px}.pallet-picker{grid-template-columns:minmax(220px,1fr) minmax(270px,1.15fr);gap:10px;min-width:0;display:grid}.search-field{gap:6px;min-width:0;display:grid}.search-field>span{color:#829ab1;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.search-field>div{min-width:0;position:relative}.search-field i{color:#829ab1;font-size:16px;font-style:normal;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{width:100%;min-width:0;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px 12px 10px 34px;font-size:11px}.analytics-toolbar{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(430px,1.1fr) minmax(410px,.9fr);align-items:end;gap:14px;margin-bottom:14px;padding:15px;display:grid;box-shadow:0 6px 22px #102a430a}.load-filters{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.load-filters legend{color:#829ab1;letter-spacing:.08em;text-transform:uppercase;width:100%;margin-bottom:2px;font-size:9px;font-weight:700}.load-filters button{border:1px solid var(--border);color:#627d98;background:#fff;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:700}.load-filters button.active{color:#fff;background:var(--navy);border-color:var(--navy)}.load-filters label{color:#627d98;align-items:center;gap:6px;padding:6px 2px;font-size:9px;font-weight:600;display:flex}.load-filters input{accent-color:var(--red)}.filter-empty{color:#829ab1;text-align:center;background:#fff;border:1px dashed #bcccdc;border-radius:12px;place-content:center;gap:6px;min-height:160px;margin-bottom:18px;display:grid}.filter-empty strong{color:var(--navy);font-size:13px}.filter-empty span{font-size:9px}.pallet-summary{border:1px solid var(--border);background:#edf2f7;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 6px 22px #102a430a}.pallet-summary>div{background:#fff;flex-direction:column;justify-content:center;min-height:70px;padding:14px 18px;display:flex}.pallet-summary span:first-child{color:#829ab1;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.pallet-summary strong{margin-top:5px;font-size:11px}.visualization-card{padding:24px}.segmented{background:#edf2f7;border-radius:8px;padding:3px;display:flex}.segmented button{color:#627d98;background:0 0;border:0;border-radius:6px;min-width:48px;padding:6px 10px;font-size:10px;font-weight:800}.segmented button.active{color:#fff;background:var(--navy);box-shadow:0 3px 8px #102a4333}.chart-wrap{min-height:390px}.chart-wrap svg{width:100%;min-height:300px;display:block}.chart-label{fill:#829ab1;font-size:10px}.chart-hit-area{cursor:crosshair;outline:none}.chart-tooltip-time{fill:#fff;font-size:9px;font-weight:700}.chart-tooltip-label{fill:#bcccdc;font-size:8px}.chart-tooltip-value{fill:#fff;font-size:8px;font-weight:700}.chart-hover-summary{color:#627d98;background:#f7f9fc;border:1px solid #edf2f7;border-radius:8px;gap:4px;min-height:42px;margin:12px 64px 0;padding:10px 14px;font-size:8px;line-height:1.5;display:grid}.chart-hover-summary strong{color:var(--navy);font-size:10px}.chart-legend{flex-wrap:wrap;gap:8px 16px;padding:10px 64px 0;display:flex}.chart-legend span{color:#627d98;align-items:center;gap:5px;font-size:9px;display:inline-flex}.chart-legend i{border-radius:2px;width:12px;height:3px}.empty-chart,.chart-loader{color:#829ab1;place-items:center;min-height:370px;font-size:11px;display:grid}.pressure-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px;min-height:430px;display:grid}.pressure-canvas{background:radial-gradient(circle at 50% 42%,#fff,#f5f8fb 65%);border:1px solid #edf2f7;border-radius:12px;min-width:0;position:relative;overflow:hidden}.pressure-canvas canvas{cursor:grab;touch-action:none;width:100%;height:390px;display:block}.pressure-canvas canvas:active{cursor:grabbing}.pressure-canvas canvas:focus-visible{outline-offset:-3px;outline:3px solid #2f80ed59}.pressure-direction{color:var(--navy);border:1px solid var(--border);background:#ffffffe0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 5px 16px #102a4314}.pressure-direction>i{color:#fff;background:var(--blue);border-radius:7px;place-items:center;width:26px;height:26px;font-size:17px;font-style:normal;display:grid}.pressure-direction strong,.pressure-direction small{display:block}.pressure-direction strong{text-transform:uppercase;font-size:8px}.pressure-direction small{color:#829ab1;margin-top:2px;font-size:7px}.pressure-rotate-hint{color:#52687c;border:1px solid var(--border);pointer-events:none;background:#ffffffe0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:8px;font-weight:700;display:flex;position:absolute;top:14px;right:14px}.pressure-rotate-hint span{color:var(--blue);font-size:15px}.pressure-reset{color:var(--navy);border:1px solid var(--border);cursor:pointer;background:#ffffffe6;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:700;position:absolute;top:53px;right:14px}.pressure-reset:hover{border-color:var(--blue);color:var(--blue)}.pressure-scale{color:#627d98;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:13px;left:22px;right:22px}.pressure-scale i{background:linear-gradient(90deg,#2f80ed,#e9b949,#d64545);border-radius:4px;flex:1;height:6px}.marker-table{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.marker-table>div{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:10px;padding:11px 3px;font-size:9px;display:flex}.marker-table>div:last-child{border-bottom:0}.marker-table span{grid-template-columns:8px 1fr;align-items:center;gap:6px;font-weight:700;display:grid}.marker-table span i{border-radius:50%;width:7px;height:7px}.marker-table span small{color:#829ab1;grid-column:2;font-size:7px;font-weight:500}.marker-table strong{white-space:nowrap;align-self:center}.visualization-footer{color:#829ab1;border-top:1px solid #edf2f7;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;font-size:8px;display:flex}.reading-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;display:grid}.reading-form,.safety-card{min-width:0;padding:28px}.step{align-items:flex-start;gap:12px;display:flex}.step>span{color:#fff;background:var(--navy);border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.step strong,.step small{display:block}.step>div{min-width:0}.step strong{font-size:12px}.step small{color:#829ab1;margin-top:3px;font-size:9px}.transport-options{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 24px;display:grid}.transport-options label{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:14px;display:flex}.transport-options label:has(input:checked){background:#f2f7ff;border-color:#2f80ed;box-shadow:inset 0 0 0 1px #2f80ed}.transport-options label.disabled{opacity:.55;cursor:not-allowed}.transport-options input{accent-color:#2f80ed}.transport-options strong,.transport-options small{display:block}.transport-options strong{font-size:10px}.transport-options small{color:#829ab1;margin-top:3px;font-size:8px}.button{border:0;border-radius:9px;padding:11px 17px;font-size:10px;font-weight:800}.button.primary{color:#fff;background:linear-gradient(135deg,#2f80ed,#1f6dc8);box-shadow:0 7px 18px #2f80ed3d}.read-button{width:100%;padding:13px}.read-progress{margin-top:14px}.read-progress>span{background:#edf2f7;border-radius:4px;height:7px;display:block;overflow:hidden}.read-progress i{background:linear-gradient(90deg,#2f80ed,#2cb67d);height:100%;transition:width .2s;display:block}.read-progress small{color:#627d98;text-align:right;margin-top:5px;font-size:8px;display:block}.safety-card{color:#fff;background:linear-gradient(150deg,#102a43,#183b56);border-color:#0000}.safety-card .eyebrow{color:#e9b949}.safety-card h2{max-width:300px;margin:7px 0 25px;font-size:20px;line-height:1.25}.safety-card ol{gap:16px;padding:0;list-style:none;display:grid}.safety-card li{color:#bcccdc;align-items:center;gap:12px;font-size:9px;line-height:1.5;display:flex}.safety-card li span{color:#e9b949;font-size:8px;font-weight:800}.safety-note{color:#bcccdc;background:#ffffff12;border-left:2px solid #e9b949;margin-top:24px;padding:13px;font-size:8px;line-height:1.6}.empty-state{color:#829ab1;text-align:center;padding:35px 18px;font-size:11px}.inline-error{color:#9f2d2d;background:#fff0f0;border-radius:8px;padding:15px;font-size:10px}.api-error,.fatal-error{text-align:center;border:1px solid var(--border);max-width:620px;box-shadow:var(--shadow);background:#fff;border-radius:16px;margin:60px auto;padding:44px}.api-error>span{color:#9f2d2d;background:#fff0f0;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:23px;font-weight:800;display:grid}.api-error h1,.fatal-error h1{margin:6px 0 12px;font-size:25px}.api-error>p:not(.eyebrow),.fatal-error p{color:#627d98;font-size:11px}.api-error small{color:#829ab1;margin-top:20px;font-size:8px;display:block}.toast{z-index:20;color:#fff;background:#183b56;border-radius:10px;max-width:390px;padding:13px 17px;font-size:10px;font-weight:700;animation:.25s ease-out toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 44px #102a4347}.toast-success{background:#147d64}.toast-error{background:#a73333}.skeleton{background:linear-gradient(90deg,#e9eff5 25%,#f7f9fb 50%,#e9eff5 75%) 0 0/200% 100%;border-radius:12px;animation:1.4s infinite shimmer}.skeleton.heading{width:340px;height:46px;margin-bottom:26px}.skeleton.metric{min-height:144px}.skeleton.panel{height:330px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:1050px){.app-shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding-inline:14px}.main-column{grid-column:2}.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-toolbar,.pressure-layout{grid-template-columns:1fr}.marker-table{grid-template-columns:repeat(2,1fr);gap:0 20px;display:grid}}@media (max-width:760px){.login-page{min-height:100vh;display:block}.login-panel{width:min(420px,100% - 36px);padding:42px 0}.login-brand{margin-bottom:56px}.login-visual{display:none}.app-shell{padding-bottom:64px;display:block}.sidebar{display:none}.main-column{min-width:0}.topbar{height:60px;padding:0 16px}.topbar-meta{display:none}.mobile-brand{letter-spacing:.08em;align-items:center;gap:9px;font-size:11px;display:flex}.mobile-brand .brand-mark{border-radius:9px 3px;width:30px;height:30px}.network-pill,.user-pill{display:none}.logout-button{padding-inline:4px}.page-section{padding:28px 16px 42px}.section-heading{flex-direction:column;align-items:stretch;gap:16px}.section-note{text-align:left}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:125px;padding:16px}.metric strong{font-size:27px}.film-alert-card{grid-template-columns:auto 1fr;padding:16px}.film-alert-list{grid-column:1/-1}.dashboard-grid,.reading-grid{grid-template-columns:1fr}.analytics-toolbar{padding:12px}.pallet-picker{grid-template-columns:1fr}.pallet-summary{grid-template-columns:1fr 1fr}.visualization-card{padding:17px}.visualization-card .card-header{align-items:flex-start}.pressure-canvas canvas{height:330px}.pressure-rotate-hint{top:auto;bottom:35px;right:12px}.pressure-reset{top:auto;bottom:69px;right:12px}.marker-table{grid-template-columns:1fr}.chart-wrap{min-height:300px;overflow-x:auto}.chart-wrap svg{width:760px}.chart-legend{width:760px;padding-inline:55px}.chart-hover-summary{width:650px;margin-inline:55px}.transport-options{grid-template-columns:1fr}.mobile-nav{z-index:15;height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:#829ab1;background:0 0;border:0;font-size:9px;font-weight:700}.mobile-nav button.active{color:#2f80ed;box-shadow:inset 0 3px #2f80ed}.toast{max-width:none;bottom:70px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}