500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#132635;--ink:#1e303e;--muted:#77818b;--line:#e6e9eb;--bg:#f5f7f8;--teal:#17695d;--coral:#ee806f;--sans:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}a{color:var(--teal)}button:focus-visible,a:focus-visible{outline:3px solid #71b7ab;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#629c94;box-shadow:0 0 0 3px #17695d15}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-family:var(--heading)}h1{font-size:28px;font-weight:800;letter-spacing:-1.1px}h2{font-size:16px;font-weight:750;letter-spacing:-.35px}h3{font-size:14px}p{color:var(--muted);font-size:13px;line-height:1.7;margin:7px 0 15px}small{font-size:11px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:235px;background:var(--navy);color:#b4c1ca;display:flex;flex-direction:column;z-index:40}.brand{height:117px;padding:25px 28px 18px;border-bottom:1px solid #ffffff10;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.brand img{width:140px;height:49px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}.brand span{font-size:8px;font-weight:700;letter-spacing:2.7px;color:#b1bfc9}.workspace{display:flex;align-items:center;gap:9px;padding:22px 19px}.workspace-icon{background:#ffffff0e;width:32px;height:35px;border-radius:7px;display:grid;place-items:center;color:#f09281}.workspace div{flex:1;min-width:0}.workspace b{display:block;font-size:11px;color:#f2f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace small{display:block;margin-top:4px;font-size:10px;color:#879aaa}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.7px;padding:7px 23px 13px;color:#718998}.sidebar nav{padding:0 12px}.sidebar nav button{border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 13px;width:100%;font-size:12px;color:#a5b6c3;border-radius:6px;text-align:left;margin-bottom:4px}.sidebar nav button:hover{background:#ffffff09;color:#fff}.sidebar nav button.active{background:#ffffff11;color:#fff}.sidebar nav button.active svg{color:#f3917f}.active-dot{background:var(--coral);width:5px;height:5px;margin-left:auto;border-radius:50%}.nav-divider{border-top:1px solid #ffffff0d;margin:18px 10px}.sidebar-bottom{margin-top:auto;padding:26px 18px 16px}.connection{background:#ffffff06;border:1px solid #ffffff09;padding:12px;border-radius:6px;font-size:9px;margin-bottom:20px}.connection b{font-size:9px;margin-left:6px;color:#b9c9d2}.connection small{display:block;color:#738a9c;margin:6px 0 0 13px;font-size:9px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff13;padding-top:15px}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#eee7de;color:#5c554c;font:700 11px var(--heading);border-radius:50%;flex-shrink:0}.avatar.small{width:30px;height:30px;font-size:9px}.profile div:nth-child(2){min-width:0;flex:1}.profile b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#e2e8ed}.profile small{font-size:9px;display:block;margin-top:5px;color:#7f97a8}main{margin-left:235px;width:calc(100% - 235px)}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:#87929b}.breadcrumb b{font-size:11px;font-weight:600;color:#3b4b57}.top-actions{display:flex;align-items:center;gap:21px}.timezone{font-size:10px;color:#96a0a7}.icon-button{padding:6px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center}.content{max-width:1600px;margin:0 auto;padding:23px 35px 0}.filterbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:10px}.filter-left{display:flex;align-items:center;gap:10px}.date-label{font-size:10px;color:var(--muted);margin-right:2px}.filterbar input,.filterbar select{border:1px solid var(--line);background:white;padding:8px 10px;border-radius:5px;font-size:10px;color:#53616c;max-width:145px}.sync{font-size:9px;color:#8c969d;display:flex;align-items:center;gap:6px}.dot{display:inline-block;background:#c1c9ce;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.live{background:#3e9a7f;box-shadow:0 0 0 3px #3e9a7f10}.welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.7px;color:#8b969e;display:block;margin-bottom:9px}.welcome p{font-size:11px;margin:9px 0 0}.button{background:white;border:1px solid #dfe4e7;border-radius:5px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none;min-height:36px}.button:hover{border-color:#aebfbc;background:#f9fbfa}.button.primary{background:var(--teal);border-color:var(--teal);color:white}.button.primary:hover{background:#12594e}.button.small{padding:7px 10px;min-height:30px;font-size:10px}.button.wide{width:100%}.text-button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:#47776d;font-size:10px;font-weight:600;padding:3px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:7px;min-height:126px}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;font-weight:500;color:#75828a;gap:7px}.metric-top svg{color:#9aa9af}.metric strong{display:block;font-size:23px;font-weight:750;letter-spacing:-.8px;overflow-wrap:anywhere}.metric small{display:block;color:#94a0a7;font-size:9px;margin-top:9px;line-height:1.5}.metric.accent{background:#153c36;border-color:#153c36;color:white}.metric.accent .metric-top{color:#b5d1c9}.metric.accent .metric-top svg{color:#9ebfb4}.metric.accent small{color:#8eafa6}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.category-card{background:white;border:1px solid var(--line);border-radius:7px;padding:19px 21px;text-align:left;transition:transform .15s,border-color .15s}.category-card:hover{transform:translateY(-2px);border-color:#b8cdc6}.category-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category-top>svg{color:#b5bec4}.station-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:7px;flex-shrink:0}.station-icon.mother{background:#eaf3ef;color:#398572}.station-icon.daughter{background:#eaf0f7;color:#567ba0}.station-icon.ev{background:#faf0e7;color:#cb9758}.category-card h2{font-size:13px}.category-card p{font-size:10px;margin:6px 0 20px}.category-card>strong{font-size:26px;letter-spacing:-.9px;font-weight:750}.category-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0f1;margin-top:18px;padding-top:13px;font-size:9px;color:#8f9aa2;gap:4px}.category-bottom>span:first-child{color:#60747f}.category-bottom .dot{margin-right:5px;width:5px;height:5px}.overview-middle{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:27px}.panel{background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:23px;overflow:hidden}.overview-middle .panel{margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid #edf0f1}.panel-head h2{font-size:13px}.panel-head p{font-size:10px;margin:6px 0 0}.panel-head>span{font-size:9px;color:var(--muted)}.trend .panel-head{border-bottom:0}.chart{display:flex;align-items:end;justify-content:space-around;height:175px;position:relative;margin:0 23px;padding:0 10px 28px}.chart-line{position:absolute;left:0;right:0;border-top:1px dashed #e8edeb;pointer-events:none}.l1{top:20px}.l2{top:73px}.l3{top:126px}.bar-column{display:flex;flex-direction:column;align-items:center;justify-content:end;width:11%;height:100%;position:relative}.bar{width:65%;max-width:29px;border-radius:4px 4px 0 0;background:#76a194;z-index:1;min-height:2px}.bar-column:last-child .bar{background:#195e51}.bar-column>small{font-size:7px;position:absolute;top:-3px;white-space:nowrap;color:#94a49f}.bar-column>span{font-size:9px;position:absolute;bottom:-21px;color:#93a09e}.chart-note{text-align:center;font-size:9px;color:#9aa6ab;padding-bottom:19px;padding-top:5px}.shift-panel{padding-bottom:17px}.shift-panel .panel-head{border:0;padding-bottom:15px}.shift-picker{display:flex;background:#f5f7f7;border:1px solid #eaf0ee;border-radius:5px;margin:0 21px 21px;padding:3px;gap:2px}.shift-picker button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:none;border-radius:4px;color:#8e999f;font-size:9px;padding:8px 4px}.shift-picker button.selected{background:white;box-shadow:0 1px 4px #182b3310;color:#4b6a60}.shift-panel>.eyebrow,.shift-panel>h3,.shift-panel>p{margin-left:23px;margin-right:23px}.shift-panel>.eyebrow{font-size:7px;margin-bottom:7px}.shift-panel>h3{font-size:16px}.shift-panel>p{font-size:9px;margin-top:6px;margin-bottom:17px}.shift-stats{display:flex;gap:26px;margin:0 23px 17px}.shift-stats span{font-size:8px;color:#94a0a6}.shift-stats strong{display:block;color:#3b535b;font-size:15px;margin-top:6px}.shift-stats small{font-size:9px;font-weight:400;color:#98a3a8}.shift-panel>.button{margin:0 23px;width:calc(100% - 46px);font-size:10px;padding:8px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px}.section-title h2{font-size:14px}.section-title>span{font-size:9px;color:#8b969e}.period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.periodbox{padding:15px 16px;border-radius:6px;background:white;border:1px solid var(--line);text-align:left;min-width:0}.periodbox span{display:block;color:#849198;font-size:9px;margin-bottom:10px}.periodbox strong{font-size:16px;letter-spacing:-.3px;display:block;overflow-wrap:anywhere}.periodbox small{display:block;margin-top:8px;font-size:8px;color:#a0a9ae}.periodbox.selected{border-color:#90b0a5;background:#fbfdfc;box-shadow:0 0 0 1px #90b0a520}.table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 23px;border-bottom:1px solid #f0f3f4}.search{display:flex;align-items:center;gap:8px;color:#a1adb3;flex:1}.search input{border:0;min-width:0;max-width:300px;width:100%;font-size:10px;padding:7px;background:none}.search input:focus{box-shadow:none}.table-tools select{width:auto;font-size:11px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-weight:500;font-size:9px;color:#89979e;background:#fafbfc;padding:13px 22px}td{padding:15px 22px;border-top:1px solid #f0f2f4;color:#5b6d78}td small{display:block;color:#9aa6ae;margin-top:5px;font-size:9px}td b{font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;background:#f4f5f6;border:1px solid #e9ecee;padding:5px 7px;border-radius:4px;font-size:8px;white-space:nowrap;color:#929da5;font-weight:500}.badge i{width:4px;height:4px;background:#a8b2b7;border-radius:50%}.badge.good{color:#418775;background:#f0f8f4;border-color:#e0eee7}.badge.good i{background:#5c9c83}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px;gap:9px;min-height:150px;color:#b7c3c9}.empty strong{font-size:11px;font-weight:500;color:#87969f}.empty span{font-size:10px;color:#a2adb4}.setup-banner{display:flex;align-items:center;gap:12px;background:#edf4f0;border:1px solid #dce9e1;border-radius:6px;padding:13px 16px;margin-bottom:27px}.setup-icon{color:#618b78;display:grid;place-items:center}.setup-banner>div{flex:1}.setup-banner strong{display:block;font-size:10px;color:#476d5e}.setup-banner span:not(.setup-icon){display:block;font-size:9px;color:#81978b;margin-top:4px}.setup-banner button{display:flex;gap:6px;align-items:center;background:none;border:0;font-size:10px;font-weight:600;color:#477660;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 24px}.page-heading p{font-size:11px;margin:9px 0 0}.station-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}.station-intro>div:nth-child(2){flex:1}.station-intro>.station-icon{width:50px;height:50px}.station-intro h2{font-size:22px;letter-spacing:-.7px}.station-intro p{font-size:10px;margin:6px 0 0}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.unit{background:white;border:1px solid var(--line);border-radius:7px;padding:17px 17px 5px}.unit-top{display:flex;justify-content:space-between;align-items:center}.unit-top h3{font-size:12px}.unit-index{font-size:11px;color:#b9c6cc;font-family:var(--heading)}.attendant-label{font-size:9px;color:#8d9aa2;display:flex;align-items:center;gap:6px;margin:12px 0 15px}.gun{border-top:1px solid #e9eef0;padding:13px 0}.gun-top{display:flex;align-items:center;justify-content:space-between}.gun-top>strong{font-size:8px;letter-spacing:1px;color:#68828c}.gun-values{display:flex;justify-content:space-between;gap:8px;margin:15px 0}.gun-values>span{font-size:17px;font-family:var(--heading);font-weight:650;letter-spacing:-.5px}.gun-values small{display:block;font-size:8px;font-weight:400;color:#96a3a9;margin-top:5px;letter-spacing:0}.gun-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.gun-bottom>span{font-size:9px;color:#91a0a7}.gun-bottom .text-button{font-size:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.padded{padding:23px}.padded>h2{margin-bottom:10px}.padded>p{font-size:11px}.reading-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0f1;font-size:11px;color:#7b8b93}.reading-row b{color:#355361;font-size:12px}.reading-row.total{background:#f5f9f7;margin:0 -10px;padding:15px 10px;color:#3c7a64}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span{font-size:10px;color:#71848e}.field input,.field select,.field textarea,.table-tools select{border:1px solid #dfe6e8;padding:11px 12px;border-radius:5px;background:white;width:100%;color:#36505d;font-size:12px;min-height:39px}.field input:disabled,.field select:disabled{background:#f7f9fa;color:#88959c}.hint{font-size:10px!important;color:#8b9ba3!important;line-height:1.8!important;margin:15px 0}.calculated{display:flex;justify-content:space-between;align-items:center;background:#f5f8f7;border:1px solid #e3ece7;padding:14px;border-radius:5px;font-size:10px;color:#7e9386;margin:15px 0}.calculated b{color:#3c6a56}.roster-controls{display:grid;grid-template-columns:150px minmax(240px,1fr) minmax(200px,.8fr);gap:20px;align-items:center}.roster-controls .field{margin:0}.role-info{display:flex;gap:12px;align-items:center;font-size:10px;color:#82978c;line-height:1.7}.role-info b{color:#496c5b;font-size:10px}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.roster-title{display:flex;gap:10px;align-items:center;margin-bottom:20px}.roster-title h2{font-size:13px}.roster-title p{font-size:9px;line-height:1.6;margin:5px 0 0}.attendant-input{display:flex;align-items:center;gap:8px;margin:8px 0}.attendant-input label{width:42px;color:#78909c;font-size:10px;flex-shrink:0}.attendant-input input{border:1px solid #e2e9eb;border-radius:4px;width:calc(100% - 50px);font-size:10px;padding:9px}.coverage{display:grid;grid-template-columns:repeat(3,1fr);padding:23px}.coverage>div{border-right:1px solid #ecf0f2;padding:0 23px}.coverage>div:first-child{padding-left:0}.coverage>div:last-child{border:0}.coverage small{display:block;font-size:9px;color:#8d9ea6}.coverage strong{display:block;font-size:13px;margin:10px 0}.coverage span{font-size:9px;color:#8b9f98}.subnav{display:flex;gap:24px;border-bottom:1px solid #dfe6e9;margin-bottom:25px}.subnav button{background:none;border:0;padding:5px 2px 14px;font-size:11px;color:#8c9aa3;border-bottom:2px solid transparent}.subnav button.selected{color:#2e6a58;border-color:#2e6a58;font-weight:700}.panel.padded .period-grid{margin-bottom:0;margin-top:18px}.profit-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1f2;padding:18px 5px;color:#84969e;font-size:12px}.profit-row strong{color:#46636e}.profit-row.subtotal{background:#f4f8f6;padding:18px 15px;color:#3b6553}.profit-row:last-of-type{background:#173e35;color:white;border:0}.profit-row:last-of-type strong{color:white}.notice{font-size:11px;line-height:1.8;background:#f2f6f7;border:1px solid #e3ecee;padding:13px;border-radius:5px;margin:15px 0;color:#7a909a}.notice.inset{margin:15px 23px}.checklist{padding-left:18px;color:#7e919b;font-size:11px;line-height:1.8}.checklist li{padding:7px 0}.secret{border:1px solid #e4e7e9;border-radius:4px;padding:12px;margin-top:15px}.secret code{display:block;word-break:break-all;font-size:11px;margin-bottom:12px}.secret p{font-size:10px}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.code-grid h3{font-size:11px;margin:12px 0}pre{white-space:pre-wrap;word-break:break-word;background:#f4f7f8;border:1px solid #e6ecee;border-radius:5px;padding:18px;font-size:11px;line-height:1.8;color:#5b7a84}code{font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;border-top:1px solid #e3e9ec;padding:18px 0 20px;color:#a7b0b6;font-size:8px}.error-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:13px 16px;background:#fff5ee;border:1px solid #f2ddcb;border-radius:6px;font-size:11px;color:#ad7959}.error-banner a{display:flex;gap:5px;align-items:center;font-size:11px;color:#986547;white-space:nowrap}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#193e35;color:white;border-radius:7px;padding:15px 19px;font-size:12px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 30px #001a2225;z-index:100;max-width:80%}.toast button{border:0;background:none;color:#a6d6c5;padding:0;display:flex}.modal-backdrop{position:fixed;inset:0;background:#10283070;backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border:1px solid #e6ecee;border-radius:10px;padding:25px;max-width:480px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 70px #142e3730}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:18px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:25px;border-top:1px solid #eef2f4;padding-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:8px;font-size:11px;margin-bottom:20px;color:#6a828b}.login{max-width:420px;padding:30px;margin:50px auto}.login>img{width:140px;object-fit:contain;margin-bottom:30px}.login h1{font-size:23px}.login form{margin-top:25px}.mobile-menu{display:none}.mobile-shade{display:none}.share-table{margin-top:20px}.share-table th,.share-table td{width:50%;white-space:normal;text-align:left}.share-table td{font-size:24px;letter-spacing:-.7px;background:#f8fbf9;color:#315f4d}.share-table td small{font-size:10px;color:#889c91;letter-spacing:0}.equity-note{display:flex;gap:10px;align-items:center;margin-top:15px;color:#8c9e94;font-size:10px}
@media(min-width:1450px){.content{padding:28px 45px 0}.metric strong{font-size:28px}.category-card>strong{font-size:31px}.period-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.periodbox{padding:16px 12px}.periodbox strong{font-size:14px}.periodbox small{font-size:7px}.category-card{padding:23px}.metric{min-height:140px}.sidebar{width:250px}main{margin-left:250px;width:calc(100% - 250px)}}
@media(max-width:1150px){.sidebar{width:205px}main{margin-left:205px;width:calc(100% - 205px)}.content{padding:20px 23px 0}.topbar{padding:0 23px}.brand{padding-left:25px}.workspace{padding:20px 15px}.sidebar nav button{font-size:11px;gap:9px;padding:12px 10px}.metrics{gap:10px}.metric{padding:17px 14px}.metric strong{font-size:20px}.metric-top{font-size:9px}.category-card{padding:16px}.category-card>strong{font-size:23px}.overview-middle{grid-template-columns:1.3fr 1fr;gap:14px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-controls{grid-template-columns:140px 1fr}.role-info{grid-column:1/-1}.roster-grid{gap:10px}.roster-grid .padded{padding:15px}.periodbox{padding:13px 12px}.periodbox strong{font-size:14px}.profile b{font-size:9px}.category-bottom{font-size:8px}.date-label{display:none}.roster-title .station-icon{width:30px;height:30px}.roster-title p{font-size:8px}.roster-title h2{font-size:11px}}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{gap:10px}.category-card p{font-size:9px}.category-card>strong{font-size:20px}.category-bottom{flex-direction:column;gap:8px}.overview-middle{grid-template-columns:1fr}.chart{height:200px}.trend .panel-head{padding-bottom:20px}.two-col{grid-template-columns:1fr}.roster-grid{grid-template-columns:1fr}.roster-title h2{font-size:14px}.roster-title p{font-size:11px}.attendant-input input{font-size:12px}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timezone{display:none}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:24px}.welcome .button{font-size:9px}.station-intro{flex-wrap:wrap}.station-intro>.button{margin-left:64px}.metrics.three .metric strong{font-size:17px}.code-grid{grid-template-columns:1fr}.unit-grid{grid-template-columns:1fr}.filterbar{gap:8px}.filter-left{gap:6px}.filterbar input,.filterbar select{font-size:9px;padding:7px}.sync{font-size:8px}.setup-banner{align-items:flex-start}.setup-banner button{font-size:9px}.setup-banner span:not(.setup-icon){line-height:1.5}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px}.sidebar.open{transform:translateX(0)}main{margin-left:0;width:100%}.mobile-menu{display:flex}.mobile-shade{display:block;position:fixed;inset:0;background:#0c233b60;z-index:35}.topbar{height:60px;padding:0 17px;gap:12px}.breadcrumb{flex:1;font-size:9px;gap:7px}.breadcrumb b{font-size:10px}.top-actions{gap:10px}.top-actions .avatar{width:27px;height:27px}.content{padding:18px 17px 0}.filterbar{margin-bottom:20px;align-items:center;flex-wrap:wrap}.filterbar input{max-width:130px;font-size:10px}.filterbar select{max-width:120px;font-size:10px}.sync{font-size:8px}.setup-banner{padding:12px;gap:9px;flex-wrap:wrap;margin-bottom:24px}.setup-banner>div{min-width:210px}.setup-banner button{margin-left:29px}.setup-banner strong{font-size:10px}.welcome{margin-bottom:20px;align-items:flex-start}.welcome .eyebrow{font-size:7px}.welcome h1{font-size:24px}.welcome p{font-size:10px;max-width:220px;line-height:1.6}.welcome>.button{padding:9px;font-size:9px;gap:4px;margin-top:19px}.welcome>.button svg{width:13px}.metrics{gap:10px;margin-bottom:16px}.metric{min-height:113px;padding:15px}.metric-top{font-size:9px;margin-bottom:15px}.metric strong{font-size:21px}.metric small{font-size:8px;line-height:1.6}.category-grid{grid-template-columns:1fr;margin-bottom:17px}.category-card{position:relative;padding:18px 19px;display:grid;grid-template-columns:48px 1fr 100px;align-items:center;gap:3px 9px}.category-top{grid-column:1;grid-row:1/4;margin:0;align-self:center}.category-top>svg{display:none}.category-card h2{grid-column:2;grid-row:1;font-size:12px}.category-card p{grid-column:2;grid-row:2;margin:4px 0 0;font-size:9px}.category-card>strong{grid-column:3;grid-row:1/3;text-align:right;font-size:20px;letter-spacing:-.5px}.category-bottom{display:flex;flex-direction:row;grid-column:2/4;margin-top:10px;padding-top:10px;font-size:8px;gap:10px}.category-bottom>span:last-child{margin-left:auto}.category-top .station-icon{height:37px;width:37px}.overview-middle{margin-bottom:23px}.panel-head{padding:18px}.panel-head h2{font-size:12px}.period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.periodbox{padding:14px}.periodbox strong{font-size:16px}.periodbox small{font-size:8px}.periodbox span{font-size:9px}.table-tools{padding:12px 16px}.search input{font-size:9px}.table-tools .button{font-size:9px;padding:6px}.table-tools .button svg{width:12px}th,td{padding-left:17px;padding-right:17px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:260px}.page-heading .button{padding:9px;font-size:9px;gap:5px}.page-heading .badge{font-size:7px;margin-top:5px}.metrics.three{grid-template-columns:1fr}.metrics.three .metric{min-height:auto}.metrics.three .metric strong{font-size:24px}.metrics.three .metric-top{margin-bottom:12px}.station-intro h2{font-size:20px}.station-intro p{font-size:9px;line-height:1.8}.unit-grid{grid-template-columns:1fr}.unit{padding:18px}.gun-values>span{font-size:21px}.gun-top>strong{font-size:9px}.badge{font-size:8px}.gun-bottom>span{font-size:10px}.gun-bottom .text-button{font-size:10px}.attendant-label{font-size:10px}.padded{padding:20px}.roster-controls{grid-template-columns:1fr}.role-info{grid-column:auto}.coverage{padding:19px 15px;gap:10px}.coverage>div{padding:0 10px}.coverage strong{font-size:11px;line-height:1.6}.coverage span{font-size:8px;line-height:1.7;display:block}.coverage small{font-size:8px}.subnav{gap:19px}.subnav button{font-size:10px}.section-title>span{font-size:8px;text-align:right}.section-title h2{font-size:13px}.toast{left:50%;width:90%;max-width:90%;font-size:12px;bottom:20px;justify-content:space-between}.modal{padding:21px}.modal-head h2{font-size:17px}.field>span{font-size:11px}.modal .field input,.modal .field select{font-size:14px}.error-banner{flex-wrap:wrap;font-size:10px}.error-banner a{font-size:10px}footer{font-size:7px;align-items:flex-start;line-height:1.7}footer span:last-child{text-align:right;max-width:145px}.share-table td{font-size:20px}}
@media print{.sidebar,.topbar,.filterbar,.button,.subnav,.setup-banner,.toast,.modal-backdrop,.text-button{display:none!important}main{margin:0;width:100%}.content{padding:0}body{background:white}.panel,.metric{break-inside:avoid}.table-wrap{overflow:visible}.category-card,.metric.accent{color:#123!important;background:white!important}.metric.accent small,.metric.accent .metric-top{color:#555}.metrics{grid-template-columns:repeat(4,1fr)}.panel-head{border-top:1px solid #ddd}footer{margin-top:20px}.period-grid{grid-template-columns:repeat(4,1fr)}}
.report-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:15px;align-items:end}.report-controls .field{margin-bottom:0}.report-controls .button{height:39px}.report-title{display:flex;gap:20px;align-items:center;margin:30px 0 25px}.report-title img{width:105px;object-fit:contain}.report-title>div:nth-child(2){flex:1}.report-title p{font-size:10px;margin:8px 0 0}.report-title .eyebrow{font-size:7px}.report-title h2{font-size:23px}.report-buttons{display:flex;gap:8px}.report-title .button{font-size:10px;padding:9px}.generated-report .table-tools{display:none}
@media(max-width:1000px){.report-controls{grid-template-columns:1fr 1fr}.report-title{flex-wrap:wrap}.report-buttons{width:100%;justify-content:end}}
@media(max-width:680px){.report-controls{grid-template-columns:1fr}.report-title{gap:13px}.report-title img{width:80px}.report-title h2{font-size:18px}.report-title p{font-size:9px}.report-buttons{justify-content:start}}
@media print{.no-print,.table-tools,.error-banner{display:none!important}.report-title img{width:100px}.generated-report{font-size:11px}.generated-report table{font-size:10px;white-space:normal}.generated-report td,.generated-report th{padding:8px}.metrics.three{grid-template-columns:repeat(3,1fr)}.metric{padding:12px;min-height:90px}.metric strong{font-size:19px}.metric small{color:#444}.report-title{margin-top:0}.generated-report .panel{break-inside:auto}}
.receipt-actions{display:flex;gap:10px;margin:20px 0}.receipt-actions .button{flex:1}.brand img{width:78px;height:71px;object-fit:fill;padding:0;background:transparent;clip-path:inset(19% 0 0 8%);margin-top:-12px}.brand{padding-top:20px;gap:5px}.brand span{font-size:7px;letter-spacing:2px}
/* Keep date, period and shift controls usable on narrow screens. */
.filter-left{flex-wrap:wrap}.sidebar nav{overflow-y:auto;min-height:0}.brand,.workspace,.nav-label,.sidebar-bottom{flex-shrink:0}
.install-app-button{border-color:#c9dcd3;color:#34715f;gap:5px;white-space:nowrap}.install-brand{display:flex;gap:14px;align-items:center;margin:5px 0 23px}.install-brand img{width:59px;height:59px;border-radius:13px}.install-brand h3{font-size:18px}.install-brand p{margin:5px 0 0;font-size:11px}.install-modal>h3{display:flex;gap:8px;align-items:center;margin-top:20px;font-size:12px}.install-backdrop{z-index:110}.install-modal>p{font-size:12px}.install-modal .checklist{font-size:12px}.install-modal .checklist b{color:#3f6153}
@media(max-width:680px){.top-actions{gap:7px}.install-app-button{font-size:9px!important;padding:7px!important;min-height:29px!important}.install-app-button svg{width:12px}.breadcrumb{min-width:0;overflow:hidden;white-space:nowrap}.breadcrumb b{overflow:hidden;text-overflow:ellipsis}.content{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}}
@media print{.install-app-button{display:none!important}}
/* The same original company mark is shown in every dashboard role. */
.brand .brand-lockup{display:flex;align-items:center;gap:11px;width:100%}.brand .brand-lockup img{width:56px;height:45px;object-fit:contain;clip-path:none;margin:0;padding:0;border-radius:0;background:none}.brand-lockup strong{font-size:11px;letter-spacing:.4px;color:#f2f5f7;white-space:nowrap}.brand-lockup small{display:block;font-size:7px;letter-spacing:3px;margin-top:5px;color:#e79a8e}.brand{padding:23px 22px 16px;gap:12px}.brand>span{font-size:7px;letter-spacing:2px;color:#93a5b1}.header-logo{display:block;width:35px;height:28px;object-fit:contain;border-radius:2px}.header-company{font-size:11px;color:#59717c;white-space:nowrap}.report-title img{width:90px;height:72px;object-fit:contain}.login>img{width:100px;height:80px;object-fit:contain}
@media(max-width:1150px) and (min-width:681px){.brand{padding-left:16px;padding-right:14px}.brand-lockup strong{font-size:9px}.brand .brand-lockup{gap:8px}.brand .brand-lockup img{width:49px;height:40px}}
@media(max-width:680px){.header-company{display:none}.header-logo{width:28px;height:23px}.breadcrumb{gap:8px}.report-title img{width:70px;height:56px}}