.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eaf2ee;background:var(--forest);flex-direction:column;height:100vh;padding:24px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark,.caska-mini{width:38px;height:38px;color:var(--forest);background:var(--lime);border-radius:11px 11px 11px 3px;place-items:center;font-size:22px;font-weight:900;display:grid}.brand strong,.brand span{letter-spacing:.16em;display:block}.brand strong{font-size:15px}.brand span{color:var(--lime);margin-top:3px;font-size:9px;font-weight:800}.workspace{border-block:1px solid #ffffff1a;padding:16px 10px}.workspace>span,.sidebar nav p{color:#92a9a0;letter-spacing:.14em;font-size:9px;font-weight:800}.workspace button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:11px 0 0;display:flex}.workspace button i,.sidebar-footer>div>i{height:30px;color:var(--forest);background:#f4d06f;border-radius:8px;flex:0 0 30px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.workspace button span,.sidebar-footer div span{flex:1}.workspace strong,.workspace small,.sidebar-footer strong,.sidebar-footer small{display:block}.workspace strong,.sidebar-footer strong{font-size:12px}.workspace small,.sidebar-footer small{color:#9db0a9;margin-top:2px;font-size:10px}.workspace button b{color:#9db0a9}.sidebar nav{margin-top:20px}.sidebar nav p{margin:20px 12px 7px}.sidebar nav button,.sidebar-footer button{color:#b9c9c2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:42px;margin:3px 0;padding:0 12px;font-size:12px;display:flex}.sidebar nav button:hover,.sidebar-footer button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:var(--forest);background:var(--lime);font-weight:800}.sidebar nav button i,.sidebar-footer button i{text-align:center;width:18px;font-size:17px;font-style:normal}.sidebar nav button span{flex:1}.sidebar nav button b{color:#fff;background:#ffffff1f;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.sidebar nav button.active b{background:var(--forest)}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:12px}.sidebar-footer>div{align-items:center;gap:9px;padding:12px;display:flex}.sidebar-footer>div>i{color:var(--forest);background:#dfe7e3}.sidebar-footer>div b{color:#9db0a9}.main-area{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.search{color:#83908a;align-items:center;gap:10px;width:min(430px,50vw);display:flex}.search>span{font-size:23px}.search input{width:100%;color:var(--ink);background:0 0;border:0;font-size:12px}.search input:focus{outline:0}.search button{color:var(--muted);background:0 0;border:0;font-size:20px}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar-button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button b{color:#fff;background:var(--red);border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:absolute;top:-4px;right:-4px}.avatar-button{color:#fff;background:var(--forest);border:0;font-size:10px;font-weight:800}.content{width:min(1440px,100%);margin:0 auto;padding:32px 34px 52px}.page-heading,.panel-heading,.feature-top{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.date-line,.eyebrow{color:#7d8984;letter-spacing:.14em;font-size:9px;font-weight:900}.page-heading h1{color:var(--forest);letter-spacing:-.035em;margin:7px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.2vw,42px);font-weight:500}.page-heading p,.feature-top p{color:var(--muted);margin:0;font-size:12px}.heading-actions{align-items:flex-end;gap:10px;display:flex}.site-selector{display:block}.site-selector>span{color:#82908a;letter-spacing:.12em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.site-selector select{border:1px solid var(--line);min-width:220px;height:40px;color:var(--ink);background:#fff;border-radius:9px;padding:0 34px 0 12px;font-size:11px}.primary-button,.secondary-button{min-height:40px;color:var(--forest);background:var(--lime);border:0;border-radius:9px;padding:0 16px;font-size:11px;font-weight:800}.primary-button:hover{filter:brightness(.96)}.secondary-button{border:1px solid var(--line);background:#fff}.stats-grid{grid-template-columns:1.1fr repeat(3,1fr);gap:13px;margin-top:28px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:122px;padding:19px 20px;box-shadow:0 6px 20px #123c3206}.stat-card.primary{color:#fff;border-color:var(--forest);background:var(--forest);flex-direction:column;justify-content:space-between;display:flex}.stat-card.attention{border-top:3px solid var(--amber)}.stat-card p{color:var(--muted);margin:0 0 9px;font-size:10px;font-weight:700}.stat-card.primary p{color:#aac0b7}.stat-card strong{font-family:Georgia,serif;font-size:30px;font-weight:500;display:block}.stat-card>span,.stat-trend{color:var(--muted);align-items:center;gap:7px;margin-top:13px;font-size:9px;display:flex}.stat-card.primary .stat-trend{color:var(--forest);background:var(--lime);border-radius:12px;align-self:flex-start;margin-top:8px;padding:5px 8px;font-weight:800}.positive{font-weight:700;color:var(--forest)!important}.status-dot{background:#3fb878;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #3fb8781f}.status-dot.amber{background:var(--amber);box-shadow:0 0 0 3px #f4b94224}.operations-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:13px;margin-top:13px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 7px 24px #123c3206}.panel-heading{padding:19px 20px 15px}.panel-heading.compact{align-items:center}.panel-heading h2,.feature-top h2,.search-results h2{color:var(--forest);margin:4px 0 0;font-family:Georgia,serif;font-size:20px;font-weight:500}.live-chip{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.text-button{color:var(--forest);background:0 0;border:0;font-size:10px;font-weight:800}.map{background-color:#edf2eb;background-image:linear-gradient(30deg,#123c3209 12%,#0000 12.5% 87%,#123c3209 87.5%),linear-gradient(150deg,#123c3209 12%,#0000 12.5% 87%,#123c3209 87.5%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 90px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:9px;height:315px;margin:0 14px 14px;position:relative;overflow:hidden}.map-road{background:#fafcf9;position:absolute;box-shadow:0 0 0 1px #123c320a}.map-road.h{width:110%;height:28px;left:-5%;transform:rotate(-5deg)}.map-road.h.one{top:31%}.map-road.h.two{top:72%;transform:rotate(3deg)}.map-road.v{width:25px;height:120%;top:-10%;transform:rotate(8deg)}.map-road.v.one{left:34%}.map-road.v.two{right:19%;transform:rotate(-9deg)}.map-block{color:#8b9993;letter-spacing:.1em;background:#dde6e0;border:1px solid #cbd7d0;border-radius:5px;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute}.map-block.b1{width:25%;height:30%;top:18%;left:42%}.map-block.b2{width:20%;height:24%;bottom:11%;right:5%}.map-block.b3{width:23%;height:22%;bottom:8%;left:7%}.map-label{color:#85928c;letter-spacing:.12em;font-size:7px;position:absolute;top:8%;left:9%}.guard-pin{z-index:2;color:#fff;background:var(--forest);border:3px solid #fff;border-radius:50% 50% 50% 5px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:900;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 5px 14px #123c323d}.guard-pin span{transform:rotate(45deg)}.guard-pin.p1{top:13%;left:24%}.guard-pin.p2{top:37%;left:55%}.guard-pin.p3{top:55%;right:10%}.guard-pin.p4{bottom:17%;left:27%}.guard-pin.warning{color:var(--forest);background:var(--amber)}.guard-pin i{z-index:-1;border:2px solid #123c322e;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-9px}@keyframes pulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.map-legend{background:#ffffffe0;border:1px solid #123c3214;border-radius:8px;gap:12px;padding:8px 10px;font-size:8px;display:flex;position:absolute;bottom:12px;right:12px}.map-legend span{align-items:center;gap:6px;display:flex}.alerts-panel{flex-direction:column;display:flex}.alert-list{padding:0 14px}.alert-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 8px;display:grid}.alert-icon{color:#fff;background:var(--red);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.alert-row.warning .alert-icon{color:var(--forest);background:#ffe5a8}.alert-row.muted .alert-icon{color:#60716a;background:#e8eeea}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:10px}.alert-row small,.alert-row time{color:var(--muted);margin-top:3px;font-size:8px}.integration-note{color:#dcebe5;background:var(--forest);border-radius:9px;align-items:center;gap:10px;margin:auto 14px 14px;padding:12px;display:flex}.caska-mini{flex:0 0 30px;width:30px;height:30px;font-size:15px}.integration-note strong,.integration-note span{display:block}.integration-note strong{font-size:9px}.integration-note span{color:#9db8ae;margin-top:2px;font-size:8px}.patrol-panel{margin-top:13px}.patrol-table{padding:0 20px 10px}.table-head,.table-row{grid-template-columns:1.25fr 1.1fr .55fr 1.2fr .65fr;align-items:center;gap:16px;display:grid}.table-head{color:#89958f;border-block:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;min-height:35px;font-size:8px;font-weight:800}.table-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:57px;color:var(--ink);text-align:left;background:#fff;font-size:10px}.guard-cell{align-items:center;gap:8px;display:flex}.guard-cell i,.incident-footer i{width:26px;height:26px;color:var(--forest);background:#e5ece8;border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.progress-cell>span{background:#edf1ee;border-radius:5px;height:5px;margin-bottom:5px;display:block;overflow:hidden}.progress-cell b{border-radius:inherit;background:var(--forest-2);height:100%;display:block}.progress-cell small{color:var(--muted);font-size:8px}.status-pill{color:#67736e;background:#edf1ee;border-radius:12px;justify-self:start;padding:5px 8px;font-size:8px;font-weight:800}.feature-panel{margin-top:28px;padding:24px}.feature-top{border-bottom:1px solid var(--line);align-items:center;padding-bottom:22px}.feature-top h2{margin:5px 0;font-size:27px}.summary-strip{border-bottom:1px solid var(--line);color:var(--muted);gap:36px;padding:19px 0;font-size:10px;display:flex}.summary-strip strong{color:var(--forest);margin-right:4px;font-family:Georgia,serif;font-size:18px}.summary-strip .danger strong{color:var(--red)}.route-card{border-bottom:1px solid var(--line);grid-template-columns:42px 1.5fr .65fr .5fr 30px;align-items:center;gap:14px;min-height:70px;display:grid}.route-mark,.report-symbol{color:#fff;background:var(--forest);border-radius:9px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:900;display:grid}.route-mark.warning{color:var(--forest);background:var(--amber)}.route-copy strong,.route-copy span,.route-time strong,.route-time span{display:block}.route-copy strong,.route-time strong{font-size:11px}.route-copy span,.route-time span{color:var(--muted);margin-top:4px;font-size:9px}.row-menu{color:var(--muted);background:0 0;border:0}.incident-board{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px;display:grid}.incident-card{border:1px solid var(--line);border-radius:12px;min-height:210px;padding:18px;position:relative}.severity{color:#fff;background:var(--red);text-transform:uppercase;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:900;display:inline-block}.severity.amber{color:var(--forest);background:var(--amber)}.severity.blue{background:var(--blue)}.incident-card>time{float:right;color:var(--muted);font-size:8px}.incident-card h3{color:var(--forest);margin:24px 0 7px;font-family:Georgia,serif;font-size:18px}.incident-card p{color:var(--muted);font-size:10px;line-height:1.5}.incident-footer{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.incident-footer>span:first-child{align-items:center;gap:7px;font-size:9px;display:flex}.qr-layout{grid-template-columns:.8fr 1.2fr;gap:20px;padding-top:20px;display:grid}.qr-generator{background:#eff4ef;border-radius:12px;align-items:center;gap:18px;padding:20px;display:flex}.fake-qr{background:#fff;border-radius:7px;flex:0 0 126px;grid-template-columns:repeat(7,1fr);gap:3px;width:126px;height:126px;padding:10px;display:grid}.fake-qr i.dark{background:var(--forest);border-radius:1px}.qr-generator h3{color:var(--forest);margin:7px 0;font-family:Georgia,serif;font-size:18px}.qr-generator p{color:var(--muted);font-size:9px;line-height:1.6}.points-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.point-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:61px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:0 14px;display:grid}.point-row:last-child{border-bottom:0}.qr-code{color:var(--forest);letter-spacing:.06em;font-size:10px;font-weight:900}.point-row strong,.point-row small{display:block}.point-row strong{font-size:10px}.point-row small{color:var(--muted);margin-top:4px;font-size:8px}.orders-grid,.report-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding-top:20px;display:grid}.order-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:43px 1fr auto;align-items:center;gap:14px;min-height:112px;padding:17px;display:grid}.document-icon{width:42px;height:48px;color:var(--forest);background:#e7efea;border-radius:5px;place-items:center;font-family:Georgia,serif;font-size:22px;display:grid}.order-card h3{color:var(--forest);margin:5px 0;font-family:Georgia,serif;font-size:16px}.order-card p{color:var(--muted);margin:0;font-size:8px}.acknowledged{text-align:right}.acknowledged strong,.acknowledged span{display:block}.acknowledged strong{font-size:10px}.acknowledged span{color:var(--muted);margin-top:5px;font-size:8px}.report-card{border:1px solid var(--line);border-radius:12px;padding:20px}.report-symbol{color:var(--forest);background:#e4ece7;border-radius:50%;margin-bottom:18px}.report-card h3{color:var(--forest);margin:0 0 6px;font-family:Georgia,serif;font-size:17px}.report-card p{color:var(--muted);margin:0 0 18px;font-size:9px}.report-card>div:not(.report-symbol){border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:12px 0;font-size:8px;display:flex}.report-card .text-button{padding:8px 0 0}.search-results{margin-top:28px;padding:34px}.search-results p{color:var(--muted);font-size:11px}.search-results .secondary-button{margin-top:16px}@media (width<=1080px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:11px}.brand{justify-content:center;padding-inline:0}.brand>div:last-child,.workspace>span,.workspace button span,.workspace button b,.sidebar nav p,.sidebar nav button span,.sidebar nav button b,.sidebar-footer button span{display:none}.workspace button,.sidebar nav button{justify-content:center;padding-inline:0}.workspace{padding-inline:0}.workspace button{padding-top:11px}.sidebar-footer>div span,.sidebar-footer>div b{display:none}.sidebar-footer>div{justify-content:center;padding-inline:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:20;flex-direction:row;height:66px;padding:8px 10px;position:fixed;inset:auto 0 0}.brand,.workspace,.sidebar nav p,.sidebar-footer{display:none}.sidebar nav{width:100%;margin:0;display:flex}.sidebar nav button{flex:1;height:50px;margin:0}.sidebar nav button:nth-of-type(n+5){display:none}.sidebar nav button i{font-size:18px;display:block}.topbar{height:60px;padding-inline:18px}.search{width:calc(100vw - 120px)}.content{padding:24px 16px 92px}.page-heading{display:block}.heading-actions{margin-top:18px}.site-selector{flex:1}.site-selector select{width:100%;min-width:0}.heading-actions .primary-button{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:112px;padding:16px}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:8px;padding-block:12px}.table-row>time,.table-row>.progress-cell{display:none}.incident-board,.orders-grid,.report-grid,.qr-layout{grid-template-columns:1fr}.summary-strip{flex-wrap:wrap;gap:15px 25px}.route-card{grid-template-columns:36px 1fr auto}.route-time,.route-card .status-pill{display:none}.feature-panel{padding:18px}.feature-top{align-items:flex-start}.feature-top .primary-button{white-space:nowrap}}@media (width<=460px){.stats-grid{gap:8px}.stat-card{min-height:104px}.stat-card strong{font-size:24px}.map{height:260px}.qr-generator{display:block}.fake-qr{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar{color:#f5f7fb;background:#030810f0}.brand{gap:10px}.brand-logo{object-fit:contain;width:128px;height:auto;display:block}.brand>span{color:#776bff;letter-spacing:.18em;font-size:9px;font-weight:900}.brand-mark{display:none}.workspace button i,.sidebar-footer>div>i{color:#f5f7fb;background:#17213a}.sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#5147ff,#2d35d9);box-shadow:0 8px 18px #5046ff38}.topbar{border-color:var(--line);background:#050c17e6}.icon-button,.avatar-button{color:#f5f7fb;border-color:var(--line);background:#09111ff5}.avatar-button{background:linear-gradient(135deg,#5147ff,#2d35d9);border-color:#776bff5c}.page-heading h1,.panel-heading h2,.feature-top h2,.search-results h2{color:#f5f7fb;font-family:Arial,Helvetica,sans-serif;font-weight:800}.site-selector select{color:#f5f7fb;border-color:var(--line);background:#09111f}.primary-button{color:#fff;background:linear-gradient(135deg,#5147ff,#2d35d9);border:1px solid #776bff5c;box-shadow:0 10px 24px #5046ff2e}.secondary-button{color:#f5f7fb;border:1px solid var(--line);box-shadow:none;background:#09111f}.stat-card,.panel{border-color:var(--line);background:#09111ff5;box-shadow:0 16px 34px #0003}.stat-card.primary{background:linear-gradient(135deg,#131b34fa,#0a1223fa);border-color:#776bff5c}.stat-card.primary .stat-trend{color:#fff;background:#5147ff}.positive,.text-button{color:#b9dcff!important}.map{background-color:#07101d;background-image:linear-gradient(30deg,#52b5ff09 12%,#0000 12.5% 87%,#776bff0b 87.5%),linear-gradient(150deg,#776bff0a 12%,#0000 12.5% 87%,#52b5ff09 87.5%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 90px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.map-road{background:#101a2c;box-shadow:0 0 0 1px #8499bc14}.map-block{color:#9aa7bd;background:#111c30;border-color:#8499bc33}.guard-pin{background:#5147ff;box-shadow:0 5px 18px #5046ff66}.map-legend{border-color:var(--line);background:#09111fe6}.integration-note{color:#f5f7fb;background:#0d1630;border:1px solid #776bff4d}.caska-mini{color:#fff;background:#5147ff}.table-row,.point-row{color:#f5f7fb;background:0 0}.table-row:hover,.point-row:hover{background:#0d1728}.guard-cell i,.incident-footer i{color:#c8c2ff;background:#776bff24}.status-pill.active{color:#b9dcff;background:#52b5ff24}.status-pill.complete{color:#c8c2ff;background:#776bff26}.status-pill.warning{color:#ffd78d;background:#ffab1624}.status-pill.neutral{color:#9aa7bd;background:#8499bc1f}.route-mark,.report-symbol{color:#fff;background:#5147ff}.route-mark.complete{background:#776bff}.route-mark.neutral{color:#9aa7bd;background:#17213a}.incident-card,.qr-generator,.order-card,.report-card{border-color:var(--line);background:#07101d}.fake-qr{background:#f5f7fb}.fake-qr i.dark{background:#050914}.qr-generator h3,.order-card h3,.report-card h3,.incident-card h3{color:#f5f7fb;font-family:Arial,Helvetica,sans-serif;font-weight:800}.qr-code{color:#b9dcff}.document-icon{color:#c8c2ff;background:#776bff24}.report-symbol{color:#fff;background:#5147ff}@media (width<=1080px){.brand{padding:0 0 24px}.brand-logo{width:58px}.brand>span{display:none}}