@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_40540baa-module__5a4kVq__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_40540baa-module__5a4kVq__variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.3muxcl8sz6330.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.23wrxu3xxu9-i.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.1le94j_pe_ih1.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
:root{--ink:#2d1839;--muted:#77677f;--paper:#faf6fc;--surface:#fff;--line:#eadff0;--green:#6b1fa7;--green-2:#8b2bb6;--purple:#6b1fa7;--lime:#ffd95c;--gold:#ffd95c;--red:#b84b45;--navy:#351044;--radius:18px;--shadow:0 16px 45px #5b18771a}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--font-thai), system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}.eyebrow{color:var(--green-2);font:750 11px/1.2 var(--font-thai), sans-serif;letter-spacing:.14em;margin:0 0 8px}.eyebrow.light{color:var(--lime)}.muted{color:var(--muted)}.brand-mark{width:76px;height:76px;color:var(--lime);letter-spacing:-.06em;border:1px solid #ffffff47;border-radius:20px;place-items:center;font-weight:850;display:grid}.brand-mark.small{background:var(--green);border-radius:13px;flex:none;width:42px;height:42px;font-size:13px}.login-page{background:var(--surface);grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);min-height:100svh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#681caf 0%,#9823b1 52%,#d1278c 100%);flex-direction:column;justify-content:space-between;padding:48px clamp(32px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff24;border-radius:50%;width:620px;height:620px;position:absolute;top:-220px;right:-220px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff06}.login-story:after{content:"";background:var(--lime);opacity:.1;width:240px;height:360px;position:absolute;bottom:-120px;right:8%;transform:rotate(28deg)}.login-story>*{z-index:1;position:relative}.login-story h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.08}.login-lead{color:#f0def6;max-width:560px;font-size:18px;line-height:1.8}.shift-strip{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);max-width:680px;padding-top:22px;display:grid}.shift-strip span{color:#ead5f0;flex-direction:column;font-size:13px;display:flex}.shift-strip b{color:var(--lime);font-size:18px}.login-panel{place-items:center;padding:48px clamp(28px,6vw,76px);display:grid}.login-form-wrap{width:100%;max-width:430px}.login-form-wrap h2{letter-spacing:-.04em;margin:0 0 6px;font-size:42px}.form-stack{gap:18px;margin-top:34px;display:grid}.form-stack label{gap:8px;font-size:14px;font-weight:650;display:grid}.form-stack input,.form-stack select,.form-stack textarea,.field{border:1px solid var(--line);background:#fdfbfe;border-radius:12px;outline:none;width:100%;padding:13px 14px;transition:all .15s}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.field:focus{border-color:var(--green-2);box-shadow:0 0 0 3px #8b2bb61f}.button{border:1px solid var(--line);min-height:43px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:var(--green-2)}.login-panel .button.primary{background:var(--gold);border-color:var(--gold);color:#42244c}.login-panel .button.primary:hover{background:#f2c942;border-color:#f2c942}.button.wide{width:100%;min-height:50px}.button:disabled{opacity:.55;cursor:wait}.submit-button{gap:8px}.submit-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite submit-spin}.submit-spinner.large{border-width:3px;width:28px;height:28px}.submit-blocking-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2d18396b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.submit-blocking-overlay>div{border:1px solid var(--line);min-width:min(360px,100%);color:var(--ink);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:16px;justify-items:center;gap:10px;padding:26px;display:grid}.submit-blocking-overlay small{color:var(--muted)}.submit-progress{background:#eee4f1;border-radius:999px;width:min(280px,72vw);height:24px;position:relative;overflow:hidden}.submit-progress>div{border-radius:inherit;background:linear-gradient(90deg, var(--purple), #a76cc6);height:100%;transition:width .25s}.submit-progress>span{color:var(--ink);place-items:center;font-size:11px;font-weight:850;display:grid;position:absolute;inset:0}.roster-person-actions .submit-button.is-pending>span:last-child,.personnel-order-button.is-pending>span:last-child,.sidebar-user .submit-button.is-pending>span:last-child{display:none}.roster-person-actions .submit-spinner,.personnel-order-button .submit-spinner,.sidebar-user .submit-spinner{width:12px;height:12px}@keyframes submit-spin{to{transform:rotate(360deg)}}@keyframes mobile-sheet-in{0%{opacity:.7;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.submit-spinner{animation-duration:1.5s}.mobile-menu-sheet{animation:none}}.form-error{color:#8e332f;background:#fae9e7;border-radius:9px;margin:0;padding:10px 12px;font-size:13px}.login-help{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}.invite-accept-button{margin-top:28px}.system-state-page{background:radial-gradient(circle at top left, #f1dcf6, var(--paper) 48%);place-items:center;min-height:100svh;padding:24px;display:grid}.system-state-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);padding:clamp(28px,6vw,52px)}.system-state-card h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(28px,5vw,42px)}.system-state-card>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7}.system-state-card small{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;display:block}.system-state-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.app-frame{grid-template-columns:250px minmax(0,1fr);min-height:100svh;display:grid}.app-sidebar{color:#fbf3ff;background:linear-gradient(#4d127d 0%,#68158e 55%,#7b187f 100%);flex-direction:column;height:100svh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.mobile-navigation{display:none}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.sidebar-brand>span:last-child{flex-direction:column;font-size:18px;display:flex}.sidebar-brand small{color:#d5b8df;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500}.nav-caption{color:#c5a1d3;letter-spacing:.16em;margin:20px 12px 10px;font-size:9px;font-weight:800}.sidebar-nav{scrollbar-width:thin;gap:5px;display:grid;overflow-y:auto}.sidebar-nav a{color:#e2cdea;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.sidebar-nav a:hover{color:#fff;background:#ffffff12}.sidebar-nav a.is-active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#ffffff21}.sidebar-nav a span{width:29px;height:29px;color:var(--lime);letter-spacing:.04em;border:1px solid #9c55b6;border-radius:8px;place-items:center;font-size:9px;font-weight:850;display:grid}.sidebar-nav a.is-active>span:first-child{background:#ffd95c21;border-color:#ffd95cb8}.sidebar-nav a:focus-visible,.mobile-navigation a:focus-visible,.mobile-navigation button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.navigation-link--replace.is-navigation-disabled{pointer-events:none}.navigation-link--replace .navigation-link-content{display:contents}.navigation-link--replace.is-navigation-pending .navigation-link-content{display:none}.navigation-link--replace .navigation-pending-content{justify-content:center;align-items:center;display:inline-flex}.app-sidebar .navigation-link{position:relative}.app-sidebar .navigation-link.is-navigation-disabled{pointer-events:none}.app-sidebar .navigation-link.is-navigation-pending{pointer-events:none;background:#ffffff14}.app-sidebar .navigation-link.is-navigation-pending>span:first-child{color:#0000}.app-sidebar .navigation-pending-content{color:var(--lime);letter-spacing:0;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.sidebar-nav a .navigation-pending-content{width:29px;height:29px;top:50%;left:12px;transform:translateY(-50%)}.app-sidebar .navigation-pending-content .submit-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px}.navigation-pending-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.organization-caption{margin-top:28px}.sidebar-user{border-top:1px solid #954aa8;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 4px;display:grid}.avatar{background:var(--lime);width:37px;height:37px;color:var(--green);border-radius:50%;place-items:center;font-weight:850;display:grid}.sidebar-user div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-user b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-user small{color:#d1b2dc;font-size:10px}.sidebar-user button{color:#ead8f0;background:0 0;border:0;font-size:18px}.app-content{min-width:0;padding:42px clamp(24px,4vw,60px) 72px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.15}.page-header>div>p:last-child{color:var(--muted);margin:9px 0 0}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.metric-card,.panel-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{flex-direction:column;min-height:150px;padding:22px;display:flex}.metric-card.accent{color:#fff;background:linear-gradient(135deg,#6b1fa7,#b8269b);border-color:#7a24a9}.metric-card span{color:var(--muted);font-size:12px;font-weight:650}.metric-card.accent span,.metric-card.accent small{color:#ead5f0}.metric-card strong{letter-spacing:-.05em;margin-top:auto;font-size:42px;line-height:1}.metric-card small{color:var(--muted);margin-top:7px}.status-good{color:var(--green-2);font-size:30px!important}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.panel-card{padding:24px}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.card-heading h2{margin:0;font-size:20px}.card-heading>a{color:var(--green-2);font-size:12px;font-weight:700}.shift-list{display:grid}.shift-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 0;display:grid}.shift-row>div{flex-direction:column;display:flex}.shift-row b{font-size:13px}.shift-row small,.shift-row>span:last-child{color:var(--muted);font-size:11px}.shift-badge{border-radius:11px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:850;display:grid}.shift-badge.s1{color:#324a74;background:#e7edf8}.shift-badge.s2{color:#7b5510;background:#fff0ce}.shift-badge.s3{color:#703c68;background:#f5e6f1}.activity-list{display:grid}.activity-list>div:not(.empty-state){border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.activity-list div div{flex-direction:column;display:flex}.activity-list b{font-size:12px}.activity-list small,.activity-list time{color:var(--muted);font-size:10px}.dot{border-radius:50%;width:7px;height:7px}.dot.green{background:#a52aaa}.dot.gold{background:var(--gold)}.empty-state{color:var(--muted);text-align:center;padding:32px 0;font-size:13px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toolbar .field{width:auto;min-width:150px;padding:9px 12px}.table-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--muted);letter-spacing:.06em;text-align:left;background:#fbf7fc;padding:12px 16px;font-size:10px}.data-table td{border-top:1px solid var(--line);vertical-align:top;padding:15px 16px;font-size:13px}.data-table small{color:var(--muted);display:block}.roster-month-step{width:43px;padding:0}.roster-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.roster-month-form{align-items:center;margin:0}.roster-month-form label{color:var(--muted);font-size:12px;font-weight:700}.roster-month-form .field:disabled{cursor:wait;opacity:.65}.roster-month-loading{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.roster-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;font-size:11px;display:flex}.roster-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px}.legend-dot.leader{background:var(--gold)}.legend-dot.mine{background:var(--green-2)}.legend-dot.vacant{border:1px dashed var(--red);background:#fff5f4}.roster-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.roster-metric{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;min-height:118px;padding:18px 20px;display:flex;box-shadow:0 10px 30px #5b187712}.roster-metric span{color:var(--muted);font-size:11px;font-weight:700}.roster-metric strong{margin-top:auto;font-size:30px;line-height:1}.roster-metric small{color:var(--muted);margin-top:7px;font-size:10px}.roster-metric.accent{color:#fff;background:linear-gradient(135deg,#6b1fa7,#b8269b);border-color:#7a24a9}.roster-metric.accent span,.roster-metric.accent small{color:#f0dff5}.roster-metric.warning strong{color:var(--red)}.roster-metric.good strong{color:var(--green-2)}.roster-table-card{overflow-x:auto}.roster-table{table-layout:fixed;min-width:1040px}[data-roster-today]{scroll-margin-block:90px}.roster-mobile-list{display:none}.roster-table th:first-child{width:130px}.roster-table th:last-child{width:150px}.roster-table th b{color:var(--ink);font-size:11px}.roster-table th small{letter-spacing:0;margin-top:2px;font-weight:500}.roster-table tr.is-today td{background:#fdf9ff}.roster-table tr.is-today td:first-child{box-shadow:inset 3px 0 var(--green-2)}.roster-date-cell>div{align-items:baseline;gap:7px;display:flex}.roster-date-cell>div strong{font-size:22px;line-height:1}.roster-date-cell>div span{color:var(--muted);font-size:11px}.roster-date-cell>small{margin-top:8px;font-size:9px}.roster-day-tag{border-radius:999px;width:fit-content;margin-top:7px;padding:3px 7px;font-size:9px;font-weight:750;display:inline-flex}.roster-day-tag.today{color:#fff;background:var(--green-2)}.roster-day-tag.holiday{color:#8a5b12;background:#fff0ce}.roster-shift-cell{min-width:220px}.roster-shift-count{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:9px;font-size:9px;display:flex}.roster-shift-count b{color:var(--green-2)}.roster-people{gap:5px;display:grid}.roster-person{background:#f9f5fb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 8px;display:flex}.roster-person>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.roster-person small{color:#76510d;background:var(--gold);border-radius:999px;flex:none;padding:2px 6px;font-size:8px;font-weight:800}.roster-person.is-mine,.roster-reserve span.is-mine{color:#fff;background:linear-gradient(135deg, var(--green), var(--green-2))}.roster-person.is-regular-work{color:#164f68;background:#eef8fc;border:1px solid #b9d8e8}.roster-person.is-regular-work small{color:#164f68;background:#cfeaf5}.roster-person.is-regular-work.is-mine{color:#fff;background:linear-gradient(135deg,#23799a,#35a2bd)}.legend-dot.regular-work{background:#55aeca}.roster-vacancy{min-height:30px;color:var(--red);background:snow;border:1px dashed #d9a19d;border-radius:8px;align-items:center;padding:5px 8px;font-size:10px;display:flex}.roster-reserve{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;padding-top:8px;display:flex}.roster-reserve b{color:var(--muted);text-transform:uppercase;font-size:8px}.roster-reserve span{color:var(--muted);background:#f4edf7;border-radius:999px;padding:3px 7px;font-size:9px}.roster-reserve-person{align-items:center;gap:3px;display:flex}.roster-reserve-actions{opacity:.35;align-items:center;gap:3px;transition:opacity .15s;display:flex}.roster-reserve-person:hover .roster-reserve-actions,.roster-reserve-person:focus-within .roster-reserve-actions{opacity:1}.roster-reserve-actions>form{display:flex}.roster-reserve-actions button,.roster-reserve-editor>summary{color:#674770;cursor:pointer;background:#f4edf7;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;font-size:11px;font-weight:900;list-style:none;display:grid}.roster-reserve-actions button.danger{color:var(--red);background:#fbe9e7}.roster-reserve-editor{position:relative}.roster-reserve-editor>summary::-webkit-details-marker{display:none}.roster-reserve-editor>form{z-index:5;border:1px solid var(--line);background:#fff;border-radius:9px;gap:7px;width:180px;padding:9px;display:grid;position:absolute;top:26px;right:0;box-shadow:0 10px 30px #3a224129}.roster-reserve-editor select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:#fff;border-radius:8px;padding:0 8px;font-size:10px}.roster-reserve-editor form button{color:#fff;background:var(--green-2);width:auto;height:34px}.roster-reserve-add{border-top:0}.roster-note-cell{color:var(--muted);font-size:11px!important}.roster-notice{margin:-16px 0 18px}.roster-notice a{color:var(--green-2);text-decoration:underline}.roster-person-main{flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.roster-person-main>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.roster-person-actions{opacity:.25;gap:3px;transition:opacity .15s;display:flex}.roster-person:hover .roster-person-actions,.roster-person:focus-within .roster-person-actions{opacity:1}.roster-person-actions form{display:flex}.roster-person-actions button{color:#79530e;background:#ffe8a1;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;font-size:11px;font-weight:900;display:grid}.roster-person-actions button.danger{color:var(--red);background:#fbe9e7}.roster-person.is-mine .roster-person-actions button{border:1px solid #ffffff4d}.roster-editor{border-top:1px dashed var(--line);margin-top:8px;padding-top:7px}.roster-editor summary{width:fit-content;color:var(--green-2);cursor:pointer;font-size:9px;font-weight:750;list-style:none}.roster-editor summary::-webkit-details-marker{display:none}.roster-editor form{background:#f9f5fb;border-radius:9px;gap:7px;margin-top:8px;padding:9px;display:grid}.roster-editor select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:#fff;border-radius:8px;padding:0 8px;font-size:10px}.roster-editor label{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.roster-editor .button{min-height:32px;font-size:10px}.roster-batch-shell{gap:14px;margin-bottom:22px;display:grid}.roster-batch-toolbar{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #dcc6e6;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex;position:sticky;top:12px;box-shadow:0 12px 34px #5b18771f}.roster-batch-toolbar h2{margin:2px 0 3px;font-size:17px}.roster-batch-toolbar .muted{margin:0;font-size:10px}.roster-batch-toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.roster-batch-toolbar-actions form{display:flex}.roster-batch-toolbar-actions .button{min-height:38px}.roster-batch-days{gap:9px;display:grid}.roster-batch-day{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:118px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 7px 22px #5b18770e}.roster-batch-day>header{border-right:1px solid var(--line);background:#fbf8fc;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 14px;display:flex}.roster-batch-day>header strong{font-size:14px}.roster-batch-day>header .roster-day-tag{margin-top:2px}.roster-batch-shifts{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.roster-batch-shift{align-content:start;gap:7px;min-width:0;padding:11px;display:grid}.roster-batch-shift+.roster-batch-shift{border-left:1px solid var(--line)}.roster-batch-shift-heading{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:9px;display:flex}.roster-batch-shift-heading b{color:var(--purple);font-size:11px}.roster-batch-slot{background:#f9f5fb;border:1px solid #0000;border-radius:10px;gap:5px;padding:7px;transition:border-color .15s,background .15s;display:grid}.roster-batch-slot.is-changed{box-shadow:inset 3px 0 var(--purple-2);background:#fbf1ff;border-color:#d597ed}.roster-batch-slot.is-reserve{background:#f4f8fb}.roster-batch-slot>small{color:#527085;text-transform:uppercase;font-size:8px;font-weight:800}.roster-batch-slot select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:#fff;border-radius:8px;padding:0 8px;font-size:10px}.roster-batch-slot label{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.roster-batch-slot.is-locked{background:#f5f1f7;border-color:#d8c6df}.roster-batch-slot.is-locked select:disabled{color:var(--ink);cursor:not-allowed;opacity:1}.roster-batch-lock-reason{line-height:1.45;display:block;color:#8b3d67!important;text-transform:none!important;font-weight:700!important}.roster-batch-policy{color:#164f68;background:#cfeaf5;border-radius:999px;width:fit-content;padding:3px 7px;font-size:8px;font-weight:800}.roster-workflow-status{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.roster-status{color:#6b4d12;background:#fff0ce;border-radius:999px;padding:6px 10px;font-size:10px;display:inline-flex}.roster-status.published{color:#6b1fa7;background:#f1e6f6}.roster-status.locked{color:#fff;background:var(--navy)}.roster-status.none{color:var(--muted);background:#f2edf4}.roster-workflow-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-6px 0 18px;display:flex}.roster-export-panel{border:1px solid var(--line);width:min(620px,100%);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:-6px 0 18px auto}.roster-export-panel>summary{cursor:pointer;color:var(--purple);padding:14px 18px;font-weight:800;list-style:none}.roster-export-panel>summary::-webkit-details-marker{display:none}.roster-export-panel>summary:after{content:"+";float:right;font-size:18px;line-height:1}.roster-export-panel[open]>summary:after{content:"−"}.roster-export-panel form{border-top:1px solid var(--line);padding:16px 18px 18px}.roster-export-fields{grid-template-columns:1fr 1.35fr;gap:12px;display:grid}.roster-export-fields label{color:var(--ink);gap:6px;font-size:11px;font-weight:700;display:grid}.roster-export-fields select,.roster-export-fields input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px}.swap-export-fields,.attendance-export-fields{grid-template-columns:minmax(220px,.65fr)}.roster-export-panel .muted{margin:12px 0;font-size:10px}.roster-export-panel .button{width:100%}.roster-export-error{color:var(--red);background:#fff0ee;border-radius:8px;margin:0 0 12px;padding:9px 11px;font-size:10px}.admin-rule-grid{margin-top:18px}.compact-form{margin-top:22px}.admin-record-list{border-top:1px solid var(--line);gap:0;margin-top:24px;display:grid}.admin-record-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.admin-record-list>div>div{gap:3px;min-width:0;display:grid}.admin-record-list b{font-size:12px}.admin-record-list small{color:var(--muted);font-size:10px}.admin-record-list .button{min-height:34px;padding:0 12px;font-size:10px}.personnel-list{border-top:1px solid var(--line);margin-top:24px;display:grid}.personnel-row{border-bottom:1px solid var(--line);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.personnel-position{width:28px;height:28px;color:var(--purple);background:#f3e8f7;border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.personnel-summary{gap:2px;min-width:0;display:grid}.personnel-summary b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.personnel-summary small{color:var(--muted);font-size:10px}.personnel-summary small.inactive{color:var(--red)}.personnel-controls{align-items:center;gap:5px;display:flex}.personnel-controls form{display:flex}.personnel-order-button,.personnel-state-button{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px;font-size:10px;font-weight:800}.personnel-order-button{width:32px;color:var(--purple);padding:0}.personnel-order-button:disabled{opacity:.3;cursor:not-allowed}.personnel-state-button.danger{color:var(--red);background:#fff7f6}.personnel-state-button.activate{color:#18724d;background:#eff8f3}.roster-fairness{margin-top:24px}.roster-fairness .card-heading{align-items:flex-end}.roster-fairness .card-heading p.muted{margin:5px 0 0;font-size:12px}.fairness-overview{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fairness-overview span{color:var(--muted);background:#f2eaf5;border-radius:999px;padding:7px 11px;font-size:10px}.fairness-table td:not(:first-child),.fairness-table th:not(:first-child){text-align:center}.fairness-delta{border-radius:999px;justify-content:center;min-width:48px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.fairness-delta.balanced{color:#387453;background:#e8f5ed}.fairness-delta.high{color:#8a5b12;background:#fff0ce}.fairness-delta.low{color:#8e332f;background:#fae9e7}.attendance-layout{grid-template-columns:minmax(390px,.8fr) minmax(620px,1.2fr);align-items:start}.privacy-badge{color:#387453;background:#e8f5ed;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.attendance-console{gap:18px;display:grid}.attendance-options{gap:10px;display:grid}.attendance-option{border:1px solid var(--line);background:#fdfbfe;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.attendance-option-copy{gap:2px;min-width:0;display:grid}.attendance-option-copy b{font-size:12px}.attendance-option-copy span,.attendance-option-copy small{color:var(--muted);font-size:10px}.attendance-option .button{min-width:112px;padding:0 12px;font-size:10px}.attendance-option .button.attendance-historical-action{border-color:var(--red);background:var(--red);color:#fff}.attendance-option .button.attendance-historical-action:hover{background:#963a35;border-color:#963a35}.attendance-option .button:disabled{cursor:not-allowed}.attendance-exception-fields{border-top:1px dashed var(--line);grid-column:2/-1;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr);gap:10px;padding-top:12px;display:grid}.attendance-exception-fields>p{color:#8a5b12;grid-column:1/-1;margin:0;font-size:10px;font-weight:750}.attendance-exception-fields label{color:var(--ink);gap:6px;font-size:10px;font-weight:700;display:grid}.attendance-exception-fields input,.attendance-exception-fields textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:9px 11px}.attendance-exception-fields textarea{resize:vertical}.attendance-outage-link{color:var(--green-2);text-align:right;grid-column:2/-1;font-size:9px;font-weight:800}.attendance-note{color:var(--ink);gap:7px;font-size:12px;font-weight:700;display:grid}.attendance-note textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fdfbfe;border-radius:11px;padding:10px 12px}.attendance-history{overflow-x:auto}.attendance-history table{min-width:620px}.attendance-review-card{margin-top:24px;padding:24px}.attendance-review-list{gap:12px;display:grid}.attendance-review-item{border:1px solid var(--line);background:#fdfbfe;border-radius:13px;grid-template-columns:minmax(260px,1fr) minmax(320px,.9fr);gap:18px;padding:16px;display:grid}.attendance-review-item>div:first-child{align-content:start;gap:4px;display:grid}.attendance-review-item b{font-size:13px}.attendance-review-item span,.attendance-review-item small{color:var(--muted);font-size:10px}.attendance-review-item p{margin:8px 0 0;font-size:11px}.attendance-review-actions{gap:9px;display:grid}.attendance-review-actions label{color:var(--ink);gap:5px;font-size:10px;font-weight:700;display:grid}.attendance-review-actions input{border:1px solid var(--line);width:100%;font:inherit;border-radius:9px;padding:9px 10px}.attendance-review-actions>div{justify-content:flex-end;gap:8px;display:flex}.attendance-review-actions .button{min-height:36px;font-size:10px}.button.danger{color:#8e332f;background:#fff7f6;border-color:#d7a4a1}.outage-page-notice{margin:-16px 0 18px}.outage-shift-list{gap:18px;display:grid}.outage-shift-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.outage-shift-card>header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px 24px;display:grid}.outage-shift-card>header h2{margin:2px 0;font-size:18px}.outage-shift-card>header p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.outage-shift-state{border-bottom:1px solid var(--line);background:#fdfafe;flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}.outage-shift-state span{color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.outage-items-table-wrap{border-bottom:1px solid var(--line);overflow-x:auto}.outage-items-table{min-width:860px}.outage-items-table th:last-child,.outage-items-table td:last-child{text-align:right;width:76px}.outage-items-table .button{min-height:30px;padding:0 10px;font-size:9px}.outage-editor-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;padding:24px;display:grid}.outage-editor-grid h3{margin:0 0 4px;font-size:14px}.outage-editor-grid .muted{margin:0 0 16px;font-size:11px}.outage-item-form{grid-template-columns:.8fr 1.15fr .65fr;gap:12px;display:grid}.outage-item-form label{color:var(--ink);align-content:start;gap:6px;font-size:10px;font-weight:750;display:grid}.outage-item-form label small{color:var(--muted);font-size:8px;font-weight:500}.outage-item-form input,.outage-item-form select,.outage-item-form textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fdfbfe;border-radius:10px;padding:9px 11px;font-weight:500}.outage-item-form textarea{resize:vertical}.outage-item-form select:disabled{opacity:.55}.outage-cause-field{grid-column:span 2}.outage-details-field{grid-column:1/-1}.outage-item-form>.button{grid-column:1/-1;width:fit-content}.device-combobox{gap:5px;display:grid;position:relative}.device-options{z-index:1002;background:#fff;border:1px solid #d8c5e0;border-radius:12px;max-height:280px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #2d18392e}.device-options button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.device-options button:hover,.device-options button:focus-visible{background:#f5eafa;outline:none}.device-options b{color:var(--purple);font-size:11px}.device-options span{font-size:10px}.device-options small,.device-search-status,.device-selected{color:var(--muted);font-size:8px;font-weight:500}.device-search-status.error{color:var(--red)}.device-selected{color:#286643;font-weight:750}.outage-confirm-panel{background:#f7f0fa;border-radius:14px;padding:18px}.outage-confirm-panel .notice{margin-bottom:12px}.outage-confirm-panel form,.outage-confirm-panel .button{width:100%}.outage-shift-card>.notice{margin:22px 24px}.outage-empty-card{text-align:center}.outage-empty-card p{color:var(--muted)}.outage-map-filters{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(160px,auto) auto;align-items:end;gap:10px;margin:-10px 0 16px;padding:14px;display:grid;box-shadow:0 8px 24px #5b18770d}.outage-map-filters label{color:var(--muted);gap:5px;font-size:9px;font-weight:750;display:grid}.outage-map-filters input,.outage-map-filters select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);font:inherit;background:#fdfbfe;border-radius:9px;padding:7px 9px}.outage-map-filters .outage-recurring-filter{align-self:center}.outage-recurring-filter span{color:var(--ink);white-space:nowrap;align-items:center;gap:7px;display:flex}.outage-recurring-filter input{width:auto;min-height:0}.outage-map-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.outage-map-metrics>div{border:1px solid var(--line);background:#fff;border-radius:13px;gap:3px;padding:14px 16px;display:grid}.outage-map-metrics span{color:var(--muted);font-size:9px}.outage-map-metrics b{color:var(--purple);font-size:24px}.outage-map-metrics .danger{background:#fff7f6;border-color:#efc5c2}.outage-map-metrics .danger b{color:#a93e38}.outage-map-metrics .warn{background:#fffaf0;border-color:#f0d39d}.outage-map-metrics .warn b{color:#996315}.outage-map-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:16px;margin-bottom:16px;display:grid}.outage-map-panel,.outage-watchlist{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.outage-map-legend{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:14px;padding:12px 16px;font-size:9px;display:flex}.outage-map-legend span{align-items:center;gap:5px;display:flex}.outage-map-legend i{background:var(--purple);border-radius:50%;width:9px;height:9px;display:inline-block}.outage-map-legend i.watch{background:#d9822b}.outage-map-legend i.recurring{background:#c53931}.outage-map-canvas{background:#eee8f0;width:100%;height:560px}.outage-map-popup{color:#2d1839;min-width:190px;font-family:var(--font-thai), sans-serif;gap:4px;display:grid}.outage-map-popup b{color:#6b1fa7;font-size:13px}.outage-map-popup span{font-size:10px}.outage-watchlist{align-content:start;padding:20px}.outage-watchlist h2{margin:2px 0 12px;font-size:18px}.outage-watchlist>div{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;display:grid}.outage-watchlist>div>div{gap:2px;min-width:0;display:grid}.outage-watchlist b,.outage-watchlist small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outage-watchlist b{font-size:11px}.outage-watchlist small{color:var(--muted);font-size:8px}.outage-watch-count{color:#fff;background:#c53931;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:850;display:grid}.outage-watchlist .empty-state{margin-top:10px}.outage-map-table-card{margin-bottom:28px;overflow-x:auto}.outage-map-table-card .card-heading{min-width:820px;margin-bottom:14px;padding:18px 20px 0}.outage-map-table-card table{table-layout:fixed;min-width:820px}.outage-map-table-card th,.outage-map-table-card td{white-space:normal;overflow-wrap:anywhere;padding-inline:12px;line-height:1.45}.outage-map-table-card th:first-child{width:16%}.outage-map-table-card th:nth-child(2){width:15%}.outage-map-table-card th:nth-child(3),.outage-map-table-card th:nth-child(4){width:9%}.outage-map-table-card th:nth-child(5){width:12%}.outage-map-table-card th:nth-child(6){width:14%}.outage-map-table-card th:nth-child(7){width:13%}.outage-map-table-card th:nth-child(8){width:12%}.analytics-notice{margin:-12px 0 16px}.analytics-filters{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(6,minmax(110px,1fr));align-items:end;gap:10px;margin:-10px 0 16px;padding:14px;display:grid;box-shadow:0 8px 24px #5b18770d}.analytics-filters label{min-width:0;color:var(--muted);gap:5px;font-size:9px;font-weight:750;display:grid}.analytics-filters input,.analytics-filters select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);font:inherit;background:#fdfbfe;border-radius:9px;padding:7px 9px}.analytics-filters .button{width:100%}.analytics-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.analytics-metrics article{border:1px solid var(--line);background:#fff;border-radius:13px;gap:3px;min-width:0;padding:14px 16px;display:grid}.analytics-metrics span,.analytics-metrics small{color:var(--muted);font-size:9px}.analytics-metrics b{color:var(--purple);font-size:24px}.analytics-metrics .danger{background:#fff7f6;border-color:#efc5c2}.analytics-metrics .danger b{color:#a93e38}.analytics-overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.65fr);gap:16px;margin-bottom:16px;display:grid}.analytics-panel,.analytics-dimension-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;padding:18px 20px}.analytics-panel .card-heading{margin-bottom:12px}.analytics-trend{border-bottom:1px solid var(--line);align-items:stretch;gap:7px;height:260px;padding:20px 4px 0;display:flex;overflow-x:auto}.analytics-trend>div{flex:1 0 34px;grid-template-rows:18px minmax(0,1fr) 39px;place-items:end center;gap:4px;min-width:34px;display:grid}.analytics-trend>div>span{color:var(--purple);font-size:9px;font-weight:800}.analytics-trend-bar{justify-content:center;align-self:stretch;align-items:flex-end;width:100%;display:flex}.analytics-trend-bar>i{background:linear-gradient(180deg, #9f54bd, var(--purple));border-radius:6px 6px 2px 2px;width:min(24px,74%);min-height:4px;display:block}.analytics-trend>div>small{width:48px;color:var(--muted);text-align:center;font-size:8px;line-height:1.2}.analytics-dimension-card h3{margin:0 0 14px;font-size:14px}.analytics-bar-list{gap:11px;display:grid}.analytics-bar-list>div{gap:5px;display:grid}.analytics-bar-list>div>div{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.analytics-bar-list b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.analytics-bar-list span{color:var(--muted);flex:none;font-size:8px}.analytics-bar-list i{background:#eee4f1;border-radius:999px;height:6px;overflow:hidden}.analytics-bar-list i>span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), #b36cc8);height:100%;display:block}.analytics-risk-table{margin-bottom:16px;overflow-x:auto}.analytics-risk-table .card-heading{min-width:980px;margin-bottom:10px;padding:18px 20px 0}.analytics-score-note{color:#68307d;background:#f3e9f7;border-radius:9px;min-width:980px;margin:0 20px 10px;padding:9px 11px;font-size:9px}.analytics-risk-table table{table-layout:fixed;min-width:980px}.analytics-risk-table th,.analytics-risk-table td{white-space:normal;vertical-align:top;padding-inline:11px;line-height:1.4}.analytics-risk-table th:first-child{width:6%}.analytics-risk-table th:nth-child(2){width:20%}.analytics-risk-table th:nth-child(3),.analytics-risk-table th:nth-child(4),.analytics-risk-table th:nth-child(5){width:7%}.analytics-risk-table th:nth-child(6){width:11%}.analytics-risk-table th:nth-child(7){width:29%}.analytics-risk-table th:nth-child(8){width:10%}.analytics-risk-table td small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:8px;display:block}.analytics-score{color:var(--purple);font-size:17px}.analytics-empty{padding:20px}.analytics-dimensions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.handover-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.handover-create-list{gap:12px;margin-top:16px;display:grid}.handover-create-card,.handover-link-card{border:1px solid var(--line);color:var(--ink);background:#fdfbfe;border-radius:13px;gap:12px;padding:15px;display:grid}.handover-create-card>div:first-of-type,.handover-link-card{align-items:start}.handover-create-card b,.handover-link-card b{font-size:12px}.handover-create-card small,.handover-link-card span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.handover-create-card label{color:var(--ink);align-content:start;gap:7px;font-size:11px;font-weight:750;display:grid}.handover-create-card label>span{color:var(--ink)}.handover-create-card input,.handover-create-card select{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.handover-create-card input:focus,.handover-create-card select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #702d8d1f}.handover-create-card label small{min-height:24px;margin:-2px 0 0;font-weight:500;line-height:1.35}.handover-link-card.warn{background:#fff9eb;border-color:#d8a94f}.handover-history{margin-top:18px;overflow-x:auto}.handover-history .card-heading{padding:18px 20px 0}.handover-history table{min-width:720px}.handover-detail-header{gap:18px;margin-bottom:16px;display:grid}.handover-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.handover-meta-grid>div{background:#f8f2fa;border-radius:11px;gap:4px;padding:12px;display:grid}.handover-meta-grid small{color:var(--muted);font-size:9px}.handover-meta-grid b{font-size:11px}.handover-summary,.handover-catalog-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.handover-summary>div,.handover-catalog-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;justify-items:center;gap:3px;padding:12px;display:grid}.handover-summary b,.handover-catalog-summary b{color:var(--purple);font-size:20px}.handover-summary span,.handover-catalog-summary span{color:var(--muted);font-size:9px}.handover-progress{background:#eee4f1;border-radius:999px;height:22px;position:relative;overflow:hidden}.handover-progress>div{border-radius:inherit;background:linear-gradient(90deg, var(--purple), #a76cc6);min-width:0;height:100%;transition:width .2s}.handover-progress>span{color:var(--ink);place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;inset:0}.handover-filters{z-index:3;background:var(--background);gap:7px;margin:0 -2px 14px;padding:4px 2px 9px;display:flex;position:sticky;top:0;overflow-x:auto}.handover-filters button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:7px 11px;font-size:9px;font-weight:750}.handover-filters button.active{border-color:var(--purple);color:#fff;background:var(--purple)}.handover-item-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.handover-item-card{border:1px solid var(--line);background:#fff;border-left:4px solid #62a97f;border-radius:14px;align-content:start;gap:12px;padding:15px;display:grid;box-shadow:0 7px 22px #5b18770d}.handover-item-card.abnormal{background:#fffcf5;border-left-color:#c78323}.handover-item-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.handover-item-heading>div{min-width:0}.handover-item-heading b{font-size:12px;display:block}.handover-item-heading small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.critical-warning,.critical-banner{font-weight:750}.critical-warning{color:#7c4d00;background:#fff0ce;border-radius:9px;padding:8px 10px;font-size:9px}.handover-item-controls{grid-template-columns:minmax(0,1.25fr) minmax(130px,.75fr);align-items:end;gap:10px;display:grid}.handover-item-card label{color:var(--ink);gap:5px;font-size:9px;font-weight:750;display:grid}.handover-item-card input,.handover-item-card select,.handover-item-card textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fdfbfe;border-radius:9px;padding:8px 10px}.handover-item-card textarea{resize:vertical}.quantity-field{gap:5px;min-width:0;display:grid}.quantity-stepper{grid-template-columns:46px minmax(80px,112px) 46px minmax(0,auto);align-items:stretch;gap:8px;display:grid}.quantity-stepper button{min-height:46px;color:var(--purple);font:inherit;cursor:pointer;background:#f5eafa;border:1px solid #d9c3e3;border-radius:11px;font-size:22px;font-weight:800;line-height:1;transition:border-color .15s,background .15s,transform .15s}.quantity-stepper button:hover:not(:disabled){border-color:var(--purple);background:#eddbf5}.quantity-stepper button:active:not(:disabled){transform:scale(.96)}.quantity-stepper button:focus-visible,.quantity-stepper input:focus-visible{outline-offset:2px;border-color:var(--purple);outline:3px solid #702d8d2e}.quantity-stepper button:disabled{color:#b9aabc;cursor:not-allowed;background:#f5f1f6}.handover-item-card .quantity-stepper input{min-width:80px;min-height:46px;color:var(--purple);font-variant-numeric:tabular-nums;text-align:center;background:#fff;border-color:#cdb4d8;padding-inline:8px;font-size:18px;font-weight:850}.quantity-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.quantity-stepper input[type=number]{appearance:textfield}.quantity-unit{min-width:0;color:var(--muted);overflow-wrap:anywhere;align-items:center;font-size:10px;font-weight:650;display:flex}.handover-item-readonly{flex-wrap:wrap;gap:8px;display:flex}.handover-item-readonly span{background:#f8f2fa;border-radius:8px;padding:7px 9px;font-size:10px}.handover-item-card>p{color:var(--muted);margin:0;font-size:10px}.handover-item-card>.button{justify-self:end;min-height:34px}.handover-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.handover-decision-buttons{flex-wrap:wrap;gap:10px;display:flex}.handover-audit{margin-top:18px}.handover-timeline{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.handover-timeline span{color:var(--muted);background:#f5eef8;border-radius:999px;padding:6px 9px;font-size:9px}.handover-audit details{color:var(--muted);margin-top:12px;font-size:10px}.handover-catalog-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.handover-admin-grid{align-items:start}.checkbox-row label{align-content:center}.handover-catalog-filters{grid-template-columns:minmax(220px,1fr) 160px 160px auto;align-items:end;gap:10px;margin:18px 0;display:grid}.handover-catalog-filters label{gap:5px;font-size:9px;font-weight:750;display:grid}.handover-catalog-filters input,.handover-catalog-filters select{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;background:#fdfbfe;border-radius:9px;padding:8px 10px}.catalog-record-list{gap:10px;display:grid}.catalog-record{border:1px solid var(--line);background:#fdfbfe;border-radius:12px;padding:0 14px}.catalog-record summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.catalog-record summary b,.catalog-record summary small{display:block}.catalog-record summary b{font-size:11px}.catalog-record summary small,.catalog-record summary>span:last-child{color:var(--muted);font-size:9px}.catalog-record>form{margin-bottom:14px}.swap-layout{grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);align-items:start}.swap-list-panel{min-width:0}.swap-list{gap:12px;display:grid}.swap-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;box-shadow:0 10px 30px #5b187712}.swap-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.swap-card header>div{gap:3px;display:grid}.swap-card header b{font-size:13px}.swap-card header small{color:var(--muted);font-size:10px}.swap-route{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:15px 0;display:grid}.swap-route>div{background:#f9f5fb;border-radius:10px;gap:3px;padding:10px 12px;display:grid}.swap-route small{color:var(--muted);font-size:9px}.swap-route b{font-size:12px}.swap-route>span{color:var(--green-2);font-weight:900}.swap-card>p{color:var(--muted);margin:8px 0;font-size:11px}.swap-card footer{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:14px;display:flex}.swap-card footer form{gap:7px;display:flex}.swap-card footer .button{min-height:36px;padding:0 13px;font-size:10px}.swap-inspect-form{flex:100%;justify-content:flex-end}.swap-inspect-form input{border:1px solid var(--line);min-width:210px;color:var(--ink);background:#fdfbfe;border-radius:9px;flex:1;padding:8px 10px;font-size:10px}.roster-unavailable{text-align:center;padding:44px}.roster-unavailable h2{margin:0 0 8px}.roster-unavailable p:last-child{color:var(--muted);margin:0;font-size:13px}.status-pill{color:var(--green);background:#f2e8f6;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:750;display:inline-flex}.status-pill.warn{color:#865b16;background:#fff2d8}.status-pill.danger{color:#923f39;background:#fbe9e7}.status-pill.good{color:#286643;background:#e5f5eb}.notification-runtime-status{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.notification-event-options{border:1px solid var(--line);border-radius:12px;gap:10px;padding:14px;display:grid}.notification-event-options legend{color:var(--muted);padding:0 6px;font-size:11px;font-weight:750}.notification-event-options label{font-size:12px}.notification-test-form{margin-top:10px}.notification-delivery-panel{margin-top:18px}.notification-delivery-panel h2{margin:0 0 6px}.notification-delivery-list{margin-top:18px;display:grid}.notification-delivery-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.notification-delivery-list>div>div{gap:3px;min-width:0;display:grid}.notification-delivery-list b,.notification-delivery-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-delivery-list b{font-size:12px}.notification-delivery-list small{color:var(--muted);font-size:10px}.content-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.form-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:26px}.form-card h2{margin:0 0 5px}.form-card .form-stack{margin-top:24px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notice{color:#68307d;background:#f3e9f7;border-radius:11px;padding:13px 15px;font-size:12px}.notice.error{color:#8e332f;background:#fae9e7}.notice+.notice{margin-top:8px}.platform-sidebar{background:linear-gradient(#351044 0%,#521168 52%,#71166f 100%)}.platform-notice{margin:-16px 0 20px}.platform-metrics{margin-bottom:18px}.platform-forms{align-items:start;margin-bottom:34px}.platform-organizations{gap:16px;display:grid}.platform-organizations>.card-heading{margin:8px 0 0}.platform-organization-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.organization-summary{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:20px 22px;display:grid}.organization-summary h3{margin:0;font-size:18px}.organization-summary p{color:var(--muted);margin:3px 0 0;font-size:11px}.organization-code{width:50px;height:50px;color:var(--lime);background:linear-gradient(135deg, var(--green), #b8269b);border-radius:14px;place-items:center;font-size:11px;font-weight:850;display:grid}.platform-inline-form{border-top:1px solid var(--line);background:#fdfafe;align-items:end;gap:10px;padding:14px 22px;display:flex}.platform-inline-form label{color:var(--muted);gap:5px;font-size:10px;display:grid}.platform-inline-form select,.platform-member-row select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px}.platform-members{border-top:1px solid var(--line);padding:20px 22px}.platform-members h4{margin:0 0 10px}.platform-member-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(170px,1fr) minmax(180px,.7fr) minmax(145px,.55fr) minmax(105px,.35fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.platform-member-row>div:nth-of-type(2){flex-direction:column;min-width:0;display:flex}.platform-member-row b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.platform-member-row small{color:var(--muted);font-size:10px}@media (max-width:920px){.login-page{grid-template-columns:1fr}.login-story{min-height:370px;padding:30px}.login-story h1{font-size:46px}.login-lead{margin-bottom:30px}.app-frame{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{padding:20px 10px}.sidebar-brand>span:last-child,.nav-caption,.sidebar-nav a{font-size:0}.sidebar-brand{padding-inline:7px}.sidebar-nav a{justify-content:center;padding:0}.sidebar-nav a span{font-size:9px}.sidebar-user{grid-template-columns:1fr;justify-items:center}.sidebar-user div:nth-child(2),.sidebar-user form{display:none}.metrics-grid,.roster-metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.content-grid{grid-template-columns:1fr}.outage-map-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.outage-map-layout{grid-template-columns:1fr}.outage-map-metrics,.analytics-filters,.analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-overview-grid{grid-template-columns:1fr}.analytics-dimensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-summary{grid-template-columns:auto 1fr auto}.organization-summary>.button{grid-column:2/-1;justify-self:start}.platform-member-row{grid-template-columns:auto 1fr 1fr}.platform-member-row select:first-of-type{grid-column:2}.platform-member-row button{justify-self:start}.handover-item-list{grid-template-columns:1fr}.handover-catalog-filters{grid-template-columns:1fr 1fr}}@media (max-width:620px){.login-story{min-height:330px}.login-story h1{font-size:38px}.shift-strip{display:none}.login-panel{padding:42px 24px}.app-frame{display:block}.app-sidebar{display:none}.mobile-navigation{display:block}.mobile-app-bar{z-index:30;min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 16px 8px;color:#fff;background:linear-gradient(100deg,#571080 0%,#81159a 58%,#a51b91 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid;position:sticky;top:0;box-shadow:0 8px 22px #45105b2e}.mobile-app-brand{width:42px;height:42px;color:var(--lime);letter-spacing:-.04em;background:#ffffff14;border:1px solid #ffffff52;border-radius:13px;flex:none;place-items:center;font-size:12px;font-weight:850;display:grid}.mobile-app-title{flex-direction:column;min-width:0;display:flex}.mobile-app-title small{color:#dfc8e8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.25;overflow:hidden}.mobile-app-title strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;line-height:1.35;overflow:hidden}.mobile-menu-button{color:#fff;background:#ffffff14;border:0;border-radius:12px;place-content:center;gap:4px;width:44px;height:44px;display:grid}.mobile-menu-button span{background:currentColor;border-radius:999px;width:19px;height:2px}.mobile-bottom-nav{z-index:35;min-height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #6b1fa724;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #3813461a}.mobile-bottom-link{min-width:0;min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;display:flex;position:relative}.mobile-nav-code{min-width:28px;height:25px;color:var(--purple);letter-spacing:.03em;background:#f2e8f6;border-radius:8px;place-items:center;font-size:8px;font-weight:850;transition:color .15s,background .15s,transform .15s;display:grid}.mobile-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:700;line-height:1.2;overflow:hidden}.mobile-bottom-link.is-active{color:var(--purple)}.mobile-bottom-link.is-active .mobile-nav-code{color:#432052;background:var(--lime);transform:translateY(-1px)}.mobile-bottom-link.is-active:after{content:"";background:var(--purple);border-radius:999px;height:3px;position:absolute;bottom:1px;left:28%;right:28%}.mobile-navigation .is-navigation-disabled{pointer-events:none}.mobile-bottom-link.is-navigation-pending .mobile-nav-code{color:#0000}.mobile-bottom-link .navigation-pending-content{width:28px;height:25px;color:var(--purple);place-items:center;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%)}.mobile-bottom-link .submit-spinner{border-width:2px;width:13px;height:13px}.mobile-menu-layer{z-index:60;align-items:end;display:grid;position:fixed;inset:0}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#250d2f85;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mobile-menu-sheet{max-height:min(82svh,720px);padding:10px 18px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:24px 24px 0 0;animation:.18s ease-out mobile-sheet-in;position:relative;overflow-y:auto;box-shadow:0 -22px 60px #230a3047}.mobile-menu-handle{background:#d9c9df;border-radius:999px;width:42px;height:4px;margin:0 auto 14px}.mobile-menu-sheet>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.mobile-menu-sheet>header small{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.mobile-menu-sheet h2{margin:2px 0 0;font-size:21px}.mobile-sheet-close{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#fff;border-radius:50%;flex:none;font-size:24px;line-height:1}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mobile-menu-link{border:1px solid var(--line);min-width:0;min-height:64px;color:var(--ink);background:#fdfafe;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;font-size:11px;font-weight:700;line-height:1.35;display:grid;position:relative}.mobile-menu-link.is-active{color:var(--purple);box-shadow:inset 3px 0 var(--lime);background:#f4e9f8;border-color:#6b1fa761}.mobile-menu-code{width:31px;height:31px;color:var(--purple);background:#eee0f3;border-radius:9px;place-items:center;font-size:8px;font-weight:850;display:grid}.mobile-menu-link.is-active .mobile-menu-code{color:#432052;background:var(--lime)}.mobile-menu-link.is-navigation-pending .mobile-menu-code{color:#0000}.mobile-menu-link .navigation-pending-content{width:31px;height:31px;color:var(--purple);place-items:center;display:grid;position:absolute;left:10px}.mobile-menu-link .submit-spinner{border-width:2px;width:14px;height:14px}.mobile-organization-list{border-top:1px solid var(--line);gap:7px;margin-top:18px;padding-top:15px;display:grid}.mobile-organization-list>p{color:var(--muted);margin:0 0 2px;font-size:10px;font-weight:750}.mobile-organization-list a{background:#faf5fb;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:46px;padding:6px 9px;font-size:11px;font-weight:700;display:grid}.mobile-organization-list a>span:first-child{width:32px;height:32px;color:var(--purple);background:#ead9f0;border-radius:9px;place-items:center;font-size:8px;display:grid}.mobile-menu-user{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding-top:15px;display:grid}.mobile-menu-user>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.mobile-menu-user b,.mobile-menu-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu-user b{font-size:11px}.mobile-menu-user small{color:var(--muted);font-size:9px}.mobile-signout-button{border:1px solid var(--line);min-height:38px;color:var(--purple);background:#fff;border-radius:10px;padding:0 12px;font-size:10px;font-weight:750}.app-content{padding:25px 16px calc(92px + env(safe-area-inset-bottom))}.page-header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}.roster-toolbar{flex-direction:column;align-items:stretch}.roster-month-form{align-items:stretch}.roster-month-form label{width:100%}.roster-month-form .field,.roster-month-form .button{flex:1}.roster-legend{justify-content:flex-start;overflow-x:auto}.roster-workflow-status{margin-left:0}.roster-workflow-actions{justify-content:stretch}.roster-workflow-actions form,.roster-workflow-actions .button{width:100%}.roster-export-fields{grid-template-columns:1fr}.roster-metrics{grid-template-columns:1fr 1fr}.roster-metric{min-height:105px;padding:15px}.roster-table-card{display:none}.roster-mobile-list{gap:14px;display:grid}.roster-batch-toolbar{flex-direction:column;align-items:stretch;padding:14px;position:static}.roster-batch-toolbar-actions{flex-direction:column;align-items:stretch}.roster-batch-toolbar-actions form,.roster-batch-toolbar-actions .button{width:100%}.roster-batch-day{grid-template-columns:1fr}.roster-batch-day>header{border-right:0;border-bottom:1px solid var(--line)}.roster-batch-shifts{grid-template-columns:1fr}.roster-batch-shift+.roster-batch-shift{border-left:0;border-top:1px solid var(--line)}.roster-batch-slot select{min-height:42px;font-size:11px}.roster-day-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;position:relative;box-shadow:0 10px 30px #5b187712}.roster-day-card.is-today{border-color:var(--green-2);box-shadow:0 12px 32px #7a24a924, inset 3px 0 var(--green-2)}.roster-day-card-header{z-index:3;top:calc(64px + env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex;position:sticky}.roster-day-card.is-today .roster-day-card-header{background:#fdf9fff7}.roster-day-card-date{align-items:baseline;gap:7px;display:flex}.roster-day-card-date strong{font-size:24px;line-height:1}.roster-day-card-date span{color:var(--muted);font-size:12px}.roster-day-card-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.roster-day-card-tags .roster-day-tag{margin-top:0}.roster-day-card-tags>small{color:var(--muted);font-size:9px}.roster-day-card-shifts{display:grid}.roster-day-shift{min-width:0;padding:14px}.roster-day-shift+.roster-day-shift{border-top:1px solid var(--line)}.roster-day-shift-header{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.roster-day-shift-header b{color:var(--purple);font-size:13px}.roster-day-shift-header span{color:var(--muted);font-size:10px}.roster-day-card .roster-shift-count{margin-bottom:7px;font-size:10px}.roster-day-card .roster-person{min-height:36px;padding:7px 9px}.roster-day-card .roster-person-main>span{font-size:12px}.roster-day-card .roster-person-actions,.roster-day-card .roster-reserve-actions{opacity:1}.roster-day-card-note{border-top:1px solid var(--line);color:var(--muted);gap:3px;padding:11px 14px 13px;font-size:10px;display:grid}.roster-day-card-note b{color:var(--ink)}.metric-card{min-height:125px}.form-row{grid-template-columns:1fr}.attendance-option{grid-template-columns:auto 1fr}.attendance-option .button{grid-column:1/-1;width:100%}.attendance-exception-fields{grid-column:1/-1;grid-template-columns:1fr}.attendance-exception-fields>p{grid-column:auto}.attendance-review-item{grid-template-columns:1fr}.attendance-review-actions>div,.attendance-review-actions .button{width:100%}.outage-shift-card>header{grid-template-columns:auto 1fr}.outage-shift-card>header .status-pill{grid-column:1/-1;width:fit-content}.outage-editor-grid,.outage-item-form{grid-template-columns:1fr}.outage-cause-field,.outage-details-field,.outage-item-form>.button{grid-column:auto}.outage-item-form>.button{width:100%}.outage-map-filters,.outage-map-metrics{grid-template-columns:1fr}.outage-map-canvas{height:430px}.analytics-filters,.analytics-metrics,.analytics-dimensions-grid{grid-template-columns:1fr}.analytics-trend{height:220px}.handover-dashboard-grid,.handover-action-grid{grid-template-columns:1fr}.handover-meta-grid,.handover-summary{grid-template-columns:1fr 1fr}.handover-item-controls,.handover-catalog-filters{grid-template-columns:1fr}.handover-decision-buttons,.handover-decision-buttons .button{width:100%}.catalog-record summary{grid-template-columns:auto 1fr}.catalog-record summary>span:last-child{grid-column:2}.swap-route{grid-template-columns:1fr}.swap-route>span{justify-self:center;transform:rotate(90deg)}.swap-inspect-form,.swap-card footer form{flex-wrap:wrap;width:100%}.swap-inspect-form input,.swap-card footer .button{width:100%}.table-card{overflow-x:auto}.data-table{min-width:700px}.organization-summary{grid-template-columns:auto 1fr}.organization-summary .status-pill{justify-self:start}.organization-summary>.button{grid-column:1/-1;width:100%}.platform-inline-form{flex-direction:column;align-items:stretch}.platform-member-row{grid-template-columns:auto minmax(0,1fr)}.platform-member-row select,.platform-member-row select:first-of-type,.platform-member-row button{grid-column:2;width:100%}.personnel-row{grid-template-columns:auto auto minmax(0,1fr)}.personnel-controls{flex-wrap:wrap;grid-column:2/-1}}