:root{--theme-color1:#6b21a8;--theme-color2:#4c1d95;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--touch-min:44px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 4px 12px #0f172a1a;--shadow-lg:0 16px 40px #0f172a2e;--shadow-cta-accent:0 6px 16px color-mix(in srgb, var(--color-accent) 20%, transparent);--font-family-sans:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.4;--line-height-base:1.5;--line-height-snug:1.3;--line-height-display:1.2;--color-surface:#fff;--color-canvas:#f7f8fa;--color-surface-alt:#f1f3f5;--color-input-bg:#f9f9f9;--color-border:#e4e7eb;--color-accent:var(--theme-color1);--color-on-accent:#fff;--color-accent-hover:var(--theme-color2);--color-destructive:#dc3545;--color-on-destructive:#fff;--color-success:#1f9d55;--color-warning:#d97706;--color-info-soft:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));--color-warning-soft:color-mix(in srgb, #ffca2c 18%, var(--color-surface));--color-text:var(--theme-text-color,#0f172a);--color-text-muted:#475569;--color-text-subtle:#8894aa;--color-text-inverse:#fff;--color-focus-ring:color-mix(in srgb, var(--theme-color1) 55%, transparent);--z-base:0;--z-nav:100;--z-drawer:200;--z-modal:300;--z-toast:400;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.3s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-emphasized:cubic-bezier(.3, 0, 0, 1);--easing-decelerate:cubic-bezier(0, 0, .2, 1)}:root[data-theme=dark]{--color-surface:#121212;--color-canvas:#0b0b0d;--color-surface-alt:#1c1c20;--color-input-bg:#23262b;--color-border:#2c2f34;--color-accent:var(--theme-color1-dark);--color-accent-hover:var(--theme-color2-dark);--color-destructive:#ef5565;--color-success:#23c06b;--color-warning:#f59e0b;--color-info-soft:color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));--color-warning-soft:color-mix(in srgb, #ffca2c 22%, var(--color-surface));--color-text:#f5f6fa;--color-text-muted:#a1a7b3;--color-text-subtle:#6c7487;--color-text-inverse:#0f172a;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 16px 40px #000000b3;--shadow-cta-accent:0 6px 16px color-mix(in srgb, var(--color-accent) 30%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/poppins-v23-latin-regular-cpxAROuN.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/poppins-v23-latin-500-C8OXljZJ.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/poppins-v23-latin-700-Qrb0O0WB.woff2)format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fa-regular-400-HGQb6Pf5.woff2)format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fa-brands-400-Dl5dzgx0.woff2)format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fa-solid-900-Dj961VrY.woff2)format("woff2")}:root{--font-family:"Poppins", sans-serif;--primary-color:var(--color-accent);--background-color:var(--color-canvas);--main-background-color:var(--color-surface);--text-color:var(--color-text);--border-color:var(--color-border);--card-background:var(--color-surface);--hover-color:var(--color-accent-hover);--color1:var(--theme-color1);--color2:var(--theme-color2);--white:#fff;--black:#000;--grid-box-size:125px;--grid-font-size:3.2rem;--calc-min-size:480;--calc-min-size-px:480px;--calc-max-size:1800;--summer-bg-start:#87ceeb;--summer-bg-end:#1e90ff;--summer-text:#046;--summer-accent:gold;--fall-bg-start:#d2691e;--fall-bg-end:#8b4513;--fall-text:wheat;--fall-accent:#ff8c00;--winter-bg-start:#b0c4de;--winter-bg-end:#4682b4;--winter-text:#f0f8ff;--winter-accent:#fff;--spring-bg-start:#98fb98;--spring-bg-end:#3cb371;--spring-text:#006400;--spring-accent:#ff69b4}.dark-theme{--background-color:var(--theme-app-background-color-dark);--main-background-color:#101011;--text-color:#fff;--border-color:#fff;--card-background:#1b1b1b;--hover-color:var(--theme-color2)}.fa,.fa-solid,.fa-regular,.fa-brands{font-variant:normal;text-rendering:auto;font-family:"Font Awesome 6 Free",sans-serif;font-style:normal;line-height:1;display:inline-block}.fa-solid{font-weight:900}.fa-regular,.fa-brands{font-weight:400}.fa-car-side:before{content:""}.fa-sun:before{content:""}.fa-moon:before{content:""}.fa-clipboard-user:before{content:""}.fa-table-cells:before{content:""}.fa-users:before{content:""}.fa-user-gear:before{content:""}.fa-circle-question:before{content:""}.fa-arrow-right-from-bracket:before{content:""}.fa-circle-chevron-down:before{content:""}.fa-circle-xmark:before{content:""}.fa-lock:before{content:""}.fa-eye-slash:before{content:""}.fa-eye:before{content:""}.fa-arrow-up-right-from-square:before{content:""}.fa-phone:before{content:""}.fa-circle-info:before{content:""}.fa-user-lock:before{content:""}.fa-user-clock:before{content:""}.fa-user-plus:before{content:""}.fa-user-check:before{content:""}.fa-floppy-disk:before{content:""}.fa-bookmark:before{content:""}.fa-user:before{content:""}.fa-envelope:before{content:""}.fa-id-badge:before{content:""}.fa-share-nodes:before{content:""}.fa-circle-check:before{content:""}.fa-share-from-square:before{content:""}.fa-comment-dots:before{content:""}.fa-comment:before{content:""}.fa-mobile-screen-button:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-tag:before{content:""}.fa-bars:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-pencil:before{content:""}.fa-chart-line:before{content:""}.fa-school-flag:before{content:""}.fa-palette:before{content:""}.fa-triangle-exclamation:before{content:""}.fa-hashtag:before{content:"#"}.fa-clock:before{content:""}.fa-route:before{content:""}.fa-compass:before{content:""}.fa-clipboard-check:before{content:""}.fa-qrcode:before{content:""}.fa-apple:before{content:""}.fa-google-play:before{content:""}.fa-life-ring:before{content:""}.fa-chevron-down:before{content:""}.fa-magnifying-glass:before{content:""}.fa-bell:before{content:""}*,:after,:before{box-sizing:border-box}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}.hide,.hidden{display:none}img{max-width:100%;height:auto}html{font-size:62.5%}body{background-color:var(--main-background-color);color:var(--text-color);font-family:var(--font-family);font-size:1.6rem}a{color:var(--primary-color);text-decoration:none}a:hover,a:focus{color:var(--hover-color)}body.dashboard.dark-theme a{color:var(--text-color)}a:hover{color:var(--hover-color)}h1{color:var(--primary-color);font-size:3.6rem}h2,h3{color:var(--primary-color);margin-bottom:16px}h2.no-margin{margin-bottom:8px}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4{color:var(--text-color)}p{margin:24px 0}body.dashboard .dashboard{background-color:var(--main-background-color);min-height:100vh;display:flex;position:relative}body.dashboard.admin-dashboard .main-content header{z-index:1000;position:sticky;top:0;background-color:#fff!important}body.dashboard .main-content{background-color:var(--main-background-color);flex:1;width:100%;padding:0 0 0 275px;transition:padding-left .3s;position:relative;overflow-y:auto}body.dashboard.collapsed i.fa-solid.fa-chevron-right{display:inline-block}body.dashboard.collapsed i.fa-solid.fa-chevron-left,body.dashboard i.fa-solid.fa-chevron-right{display:none}body.dashboard button#close-sidebar-btn{min-width:50px;padding:10px;font-size:24px}body.dashboard header{background:var(--main-background-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dashboard header h2{margin-bottom:0}body.dashboard .card{background:var(--card-background);border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}body.dashboard.dark-theme .card{box-shadow:0 1px 8px #ffffff1a}body.dashboard .btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:12px 16px;font-size:1.8rem;transition:background-color .3s;position:relative;box-shadow:0 2px 5px #00000039}td.actions-cell button{padding:12px;font-size:1.6rem}body.dashboard .btn-primary:hover{background-color:var(--hover-color);box-shadow:0 4px 10px #00000039}button#theme-toggle{justify-content:center;align-items:center;width:50px;height:50px;display:flex}body.teacher-dashboard button#theme-toggle{width:70px}body.dashboard #logout-button{width:100%}body.dashboard .header-actions{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}body.dashboard #pickup-grid .header-actions{align-items:center}body.dashboard #pickup-grid .header-actions h2{margin:0}body.dashboard .form-group{grid-gap:16px;grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}body.dashboard #user-upload .form-group{grid-template-columns:auto}body.dashboard label{margin-bottom:.5rem;font-weight:600;display:block}body.dashboard input,body.dashboard select,body.dashboard textarea{background-color:var(--card-background);border:1px solid var(--border-color);color:var(--text-color);border-radius:4px;width:100%;padding:12px;font-size:1.6rem}body.dashboard input[type=range]{width:100%;color:var(--primary-color);--thumb-height:40px;--track-height:5px;--track-color:var(--background-color);--brightness-hover:180%;--brightness-down:80%;--clip-edges:.125em;background:#fff0;border:none;outline:none;padding:0;font-size:1.5rem;position:relative;overflow:hidden}body.dashboard input[type=range]:active{cursor:grabbing}body.dashboard input[type=range]:disabled{filter:grayscale();opacity:.3;cursor:not-allowed}body.dashboard input[type=range]{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-webkit-slider-runnable-track{position:relative}body.dashboard input[type=range]::-webkit-slider-thumb{position:relative}body.dashboard input[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * .5) - 1px);--clip-top:calc((var(--thumb-height) - var(--track-height)) * .5 - .5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 1px);--box-fill:calc(-100vmax - var(--thumb-width,var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width,var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);box-shadow:var(--box-fill);border-radius:var(--thumb-width,var(--thumb-height));filter:brightness();clip-path:polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));background-color:currentColor}body.dashboard input[type=range]:hover::-webkit-slider-thumb{filter:brightness(var(--brightness-hover));cursor:grab}body.dashboard input[type=range]:active::-webkit-slider-thumb{filter:brightness(var(--brightness-down));cursor:grabbing}body.dashboard input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px)}body.dashboard input[type=range]{appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-moz-range-thumb{appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-moz-range-track{appearance:none;height:var(--thumb-height);transition:all .1s}body.dashboard input[type=range]::-moz-range-progress{background:#fff0}body.dashboard input[type=range]::-moz-range-thumb{background:#fff0}body.dashboard input[type=range]::-moz-range-track{background:#fff0}body.dashboard input[type=range]::-moz-range-thumb{width:var(--thumb-width,var(--thumb-height));border-radius:var(--thumb-width,var(--thumb-height));cursor:grab;background:currentColor;border:0}body.dashboard input[type=range]:active::-moz-range-thumb{cursor:grabbing}body.dashboard input[type=range]::-moz-range-track{background:var(--track-color);width:100%}body.dashboard input[type=range]::-moz-range-progress{appearance:none;background:currentColor;transition-delay:30ms}body.dashboard input[type=range]::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}body.dashboard input[type=range]::-moz-range-track{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}body.dashboard input[type=range]::-moz-range-progress{filter:brightness()}body.dashboard input[type=range]::-moz-range-thumb{filter:brightness()}body.dashboard input[type=range]:hover::-moz-range-progress{filter:brightness(var(--brightness-hover))}body.dashboard input[type=range]:hover::-moz-range-thumb{filter:brightness(var(--brightness-hover))}body.dashboard input[type=range]:active::-moz-range-progress{filter:brightness(var(--brightness-down))}body.dashboard input[type=range]:active::-moz-range-thumb{filter:brightness(var(--brightness-down))}body.dashboard input#shareAccess{width:20px;height:20px}body.dashboard label[for=shareAccess],body.dashboard input#shareAccess{vertical-align:middle;display:inline-block}body.dashboard #singleUserForm .form-group p{margin:8px 0}body.dashboard #password-reset{margin-top:24px}body.dashboard .sidebar{background-color:var(--card-background);border-right:1px solid var(--border-color);z-index:2;flex-direction:column;width:275px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}body.dashboard .sidebar-header{border-bottom:1px solid var(--border-color);padding:1.5rem}body.dashboard .sidebar-nav{flex:1;padding:1rem}body.dashboard .nav-item{color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;width:100%;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 2px 5px #00000039}body.dashboard .nav-item:hover{background-color:var(--hover-color);color:#fff;box-shadow:0 4px 10px #00000039}body.dashboard .nav-item.active{background-color:var(--primary-color);color:#fff}body.dashboard .icon{margin-right:.75rem}body.dashboard .sidebar-footer{border:1px solid var(--border-color);border-right:none;justify-content:space-between;padding:1rem;display:flex}body.dashboard nav.sidebar-nav button{font-size:1.8rem}button.clearCheckinButton.btn-primary.button-spinner{margin-left:15px}div#checkin-list.active{display:block}div#checkin-list .card{margin:0}.stat-widget{flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;display:flex;position:relative}.header-title-container{align-items:center;gap:12px;display:flex}.status-indicator{cursor:help;border-radius:50%;width:16px;height:16px;display:inline-block}.status-indicator.operational{background-color:#10b981;box-shadow:0 0 8px #10b98199}.status-indicator.offline{background-color:#ef4444;box-shadow:0 0 8px #ef444499}#header-status-container .tooltip-text{width:150px;margin-left:-75px;bottom:-40px}#header-status-container .tooltip-text:after{border-color:#0000 #0000 #000c;top:-5px;bottom:auto}.stat-widget__info{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-widget__number{color:var(--primary-color);font-size:3.2rem;font-weight:700;line-height:1}.progress-ring{width:100px;height:100px;transform:rotate(-90deg)}.progress-ring__bg{stroke:#e6e6e6}.progress-ring__circle{stroke:var(--primary-color);stroke-linecap:round;stroke-dasharray:434;stroke-dashoffset:434px;transition:stroke-dashoffset .5s ease-out}.toggle-widget{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.toggle-switch-container.emergency-mode{background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;transition:all .3s;display:flex}.toggle-switch-container.emergency-mode.active{background-color:#c82333;border-color:#fff;box-shadow:0 0 10px #ff6464b3}.toggle-switch-container.emergency-mode .toggle-label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;display:flex}.toggle-switch-container.emergency-mode .label-text{color:#fff;text-align:center;text-transform:uppercase;font-weight:700;line-height:1.1}.toggle-switch-container.emergency-mode .toggle-checkbox{display:none}.toggle-switch-container.emergency-mode .toggle-switch{background-color:#ccc;border-radius:34px;width:60px;height:34px;transition:background-color .3s;position:relative}.toggle-switch-container.emergency-mode .toggle-switch:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s;position:absolute;bottom:4px;left:4px}.toggle-switch-container.emergency-mode .toggle-checkbox:checked+.toggle-switch{background-color:#dc3545}.toggle-switch-container.emergency-mode .toggle-checkbox:checked+.toggle-switch:before{transform:translate(26px)}body.dashboard .acc__card{margin:0 0 20px;position:relative}body.dashboard .acc__title{color:var(--primary-color);cursor:pointer;text-align:left;padding:10px 0;display:block;position:relative}body.dashboard .acc__title h3{color:var(--primary-color);margin:0;font-size:2.4rem}body.dashboard.dark-theme .acc__title h3{color:var(--text-color)}body.dashboard .acc__card .chevron{opacity:1;-o-transition:all .2s ease-in-out;color:var(--primary-color);font-size:2.4rem;transition:all .2s ease-in-out;position:absolute;top:10px;right:15px;transform:rotate(0)}body.dashboard .acc__card .acc__title.active .chevron{-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;top:10px;transform:rotate(180deg)}body.dashboard .acc__panel{color:var(--black);text-align:left;margin:0;padding:0;display:none;overflow:hidden}body.dashboard .acc__panel p,body.dashboard .acc__panel li{color:var(--black);font-size:1.6rem}body.dashboard.dark-theme .acc__panel,body.dashboard.dark-theme .acc__panel li{color:var(--white)}body.dashboard .check-in-table-header{justify-content:space-between;align-items:center;display:flex}body.dashboard .check-in-table-header h3{margin:0}div#checkin-list p.hint{margin:0 0 12px}body.dashboard table{background-color:var(--card-background);border-collapse:collapse;border-radius:8px;width:100%;overflow:hidden}body.dashboard th,body.dashboard td{text-align:left;border:1px solid #ccc;padding:12px;font-size:1.4rem}body.dashboard td.actions-cell{text-align:left;white-space:nowrap;width:100px}body.dashboard.dark-theme th{border-bottom:none}body.dashboard th{background-color:var(--primary-color);color:#fff;font-weight:500}body.dashboard tr:hover{background-color:#4a90e21a}body.dashboard tr.admin{background-color:#ccc;display:none}tr.admin td.actions-cell button{display:none}td.email-cell{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}td.email-cell:after{content:"Copied!";color:#fff;opacity:0;visibility:hidden;z-index:10;background-color:#28a745;border-radius:12px;padding:4px 12px;font-size:1.2rem;font-weight:700;transition:opacity .3s,visibility .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}td.email-cell.show-copy-feedback:after{opacity:1;visibility:visible}body.dashboard.admin-dashboard.global-admin tr.admin{display:table-row}body.dashboard.admin-dashboard.global-admin tr.admin td.actions-cell button{display:inline-block}body.dashboard td.actions-cell button{cursor:pointer;background:0 0;border:none;width:32px;padding:4px;font-size:1.6rem}body.dashboard tr.deactivated,body.dashboard tr.flagged,body.dashboard tr.restricted{background-color:red}body.dashboard td.role-cell,body.dashboard td.status-cell,body.dashboard td.pickup-status-cell{text-transform:capitalize}body.dashboard.dark-theme tr.admin{background-color:var(--background-color)}body.dashboard .table-sortable th{cursor:pointer}body.dashboard .table-sortable .th-sort-asc:after{content:"⮝"}body.dashboard .table-sortable .th-sort-desc:after{content:"⮟"}body.dashboard .table-sortable .th-sort-asc:after,body.dashboard .table-sortable .th-sort-desc:after{margin-left:5px}body.dashboard .table-sortable .th-sort-asc,body.dashboard .table-sortable .th-sort-desc{background:var(--primary-color);color:#fff}body.dashboard input#tableFilterInput{max-width:350px;margin:0 0 0 auto}body.dashboard input#allUsersFilterInput{margin-bottom:24px}body.dashboard #search-checkins{border:1px solid var(--border-color);border-radius:4px;width:300px;padding:.5rem}body.dashboard td.status-cell.checked-in span{background:var(--status-muted-bg);border-radius:var(--radius-full);color:var(--status-muted-text);font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}body.dashboard td.status-cell.checked-in span:before{content:"";background-color:#00875a;border-radius:50%;width:6px;height:6px;display:inline-block}body.dashboard .grid-container{background-color:var(--card-background);grid-gap:8px;grid-template-columns:repeat(auto-fill, minmax(var(--grid-box-size), 1fr));border-radius:8px;gap:8px;margin-top:24px;padding:0;display:grid}body.dashboard .grid-child{background-color:var(--card-background);border:1px solid var(--border-color);cursor:pointer;width:100%;height:var(--grid-box-size);font-weight:500;font-size:var(--grid-font-size);border-radius:4px;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 5px #00000039}body.dashboard.admin-dashboard .grid-child:hover,body.dashboard .grid-child.active{background-color:var(--primary-color);color:#fff}body.dashboard .teacher-grid .grid-child{cursor:default}body.dashboard #all-users ul,body.dashboard #user-management ul,body.dashboard #number-management ul{margin:8px 0 24px;padding-left:30px}body.dashboard #all-users ul ul,body.dashboard #user-management ul ul{margin:8px 0}body.dashboard #userCsvInput{display:none}body.dashboard .drop-zone{text-align:center;cursor:pointer;max-width:500px;height:100px;color:var(--primary-color);border:4px dashed var(--primary-color);border-radius:10px;justify-content:center;align-items:center;padding:25px;font-size:2rem;font-weight:700;display:flex}body.dashboard .drop-zone--over{border-style:solid}body.dashboard .drop-zone__thumb{background-color:var(--primary-color);background-size:cover;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}body.dashboard .drop-zone__thumb:after{content:attr(data-label);color:#fff;background:var(--primary-color);text-align:center;width:100%;padding:5px 0;font-size:1.4rem;position:absolute;top:6px;left:0}body.dashboard.dark-theme .drop-zone{color:var(--border-color);border:4px dashed var(--border-color)}body.dashboard.dark-theme .drop-zone__thumb{background-color:var(--border-color)}body.dashboard.dark-theme .drop-zone__thumb:after{background:var(--border-color)}body.dashboard .modal{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}body.dashboard .modal-content{text-align:center;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000004d}body.dashboard .modal-content button{margin:0 5px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:8px;width:80%;max-width:400px;padding:20px;position:relative;box-shadow:0 4px 8px #0003}.modal-close{cursor:pointer;font-size:30px;position:absolute;top:0;right:5px}.modal-overlay.show{animation:.3s ease-in-out fadeIn;display:flex}body.teacher-dashboard .sidebar{display:none}body.teacher-dashboard .main-content{padding:0}body.teacher-dashboard .header-buttons{align-items:center;margin-left:24px;display:flex}body.teacher-dashboard .header-buttons #theme-toggle,body.teacher-dashboard .header-buttons #logout-button{margin-left:16px}.loader2{--main-color:var(--color1);--highlight-color:#ced3ff;--bullet:25%;--size:6px;min-width:1px;min-height:1px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.loader2 span{float:left;margin:0 calc(var(--size) / 1.4);width:var(--size);height:var(--size);border-radius:var(--bullet);background:var(--main-color);transition:transform .2s ease-in-out,background .2s;animation-name:highlight;animation-duration:1.2s;animation-iteration-count:infinite}.loader2 span:first-of-type{animation-delay:0s}.loader2 span:nth-of-type(2){animation-delay:.1s}.loader2 span:nth-of-type(3){animation-delay:.2s}.loader2 span:nth-of-type(4){animation-delay:.3s}.loader2 span:nth-of-type(5){animation-delay:.4s}.loader2 span:nth-of-type(6){animation-delay:.5s}.loader2 span:nth-of-type(7){animation-delay:.6s}.loader2 span:nth-of-type(8){animation-delay:.7s}.loader2 span:nth-of-type(9){animation-delay:.8s}.loader2 span:nth-of-type(10){animation-delay:.9s}.loader2 span:nth-of-type(11){animation-delay:1s}.loader2 span:nth-of-type(12){animation-delay:1.1s}.loader{border:10px solid #ffffff80;border-top:10px solid var(--white);border-radius:50%;width:75px;height:75px;margin-left:0;animation:2s linear infinite spin;display:inline-block}.loader.color{border:10px solid #b7b7b780;border-top:10px solid var(--color1);border-radius:50%;width:75px;height:75px;margin:100px auto;animation:2s linear infinite spin;display:none}.button-loader{border:4px solid #b7b7b780;border-top:4px solid var(--color1);border-radius:50%;width:25px;height:25px;margin:0;animation:2s linear infinite spin;position:absolute;right:-35px}button.clearCheckinButton.btn-primary.button-spinner .button-loader{left:-35px}.loader-15{background:var(--color1);width:8px;height:30px;margin:100px auto;animation:1s ease-in-out .4s infinite loader-15;position:relative}.loader-15:after,.loader-15:before{content:"";width:inherit;height:inherit;background:inherit;-webkit-animation:inherit;animation:inherit;position:absolute}.loader-15:before{animation-delay:.2s;right:12px}.loader-15:after{animation-delay:.6s;left:12px}table.check-in-users.table-sortable th[data-sort=email],table.check-in-users.table-sortable th[data-sort=access],table.check-in-users.table-sortable td.email-cell,table.check-in-users.table-sortable td.pickup-access-cell{display:none}table.all-users-table.table-sortable td.pickup-cell{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}td.email-cell{text-overflow:ellipsis;max-width:250px;overflow:hidden}@media (width<=1700px){body.dashboard .card{padding:16px!important}}[data-tooltip]{position:relative}[data-tooltip]:after{opacity:0;visibility:hidden;content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:2;background:#000;border-radius:4px;padding:6px 10px;transition:opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1);position:absolute;top:1.4em;left:50%;transform:translate(-50%)translateY(-2px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;display:block;transform:translate(-50%)translateY(0)}.tooltip--left:after{top:6px;left:0;transform:translate(-112%)translateY(0)}.tooltip--left:hover:after{transform:translate(-110%)translateY(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlight{0%{transform:scale(1)}50%{background:var(--highlight-color);transform:scale(2.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes loader-15{0%,to{box-shadow:0 0 0 var(--color1), 0 0 0 var(--color1)}50%{box-shadow:0 -15px 0 var(--color1), 0 15px 0 var(--color1)}}table.all-users-table.table-sortable tr:nth-child(odd),th:nth-child(odd){background-color:#f0f0f0}table.all-users-table.table-sortable tr:hover{background-color:#e0e0e0}body.dashboard.school-admin #update-pickup-status-section,body.dashboard.school-admin #remove-user,body.dashboard.school-admin #reactivate-user,body.dashboard.school-admin button#navSchoolSettings,body.dashboard.school-admin button#reportManagement,body.school-admin form#singleUserForm #userRole option[value=schoolAdmin],body.school-admin form#singleUserForm #userRole option[value=temporary],body.school-admin form#singleUserForm #pickupStatus option[value=restricted]{display:none!important}body.dashboard.admin-dashboard.school-admin th.actions-header,body.dashboard.admin-dashboard.school-admin td.actions-cell{display:none}.modal-content.wide{max-width:1000px}div#editUserModal label{text-align:left}div#editUserModal .form-group{align-items:flex-start;margin-bottom:24px}.checkbox-group{justify-content:flex-start;align-items:center;display:flex}.checkbox-group input{width:20px;max-width:50px;height:20px}p#user-count-display{font-size:2.2rem;font-weight:700}@media (width<=1024px){body.dashboard .form-group{display:block}}.report-controls{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:0;display:flex}.report-controls .form-group{margin-bottom:0}#reportStartDate,#reportEndDate{min-width:200px}.report-table{border-collapse:collapse;width:100%;margin-top:16px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.report-table th{background-color:var(--primary-color);color:#fff;font-weight:500}.report-table tfoot tr{border-top:2px solid var(--primary-color);background-color:#f0f4f8}.dark-theme .report-table tfoot tr{background-color:#2a2a2e}.report-table tfoot td{color:var(--primary-color);border-bottom:none;font-size:1.8rem;font-weight:700}.dark-theme .report-table tfoot td{color:var(--text-color)}.report-table td:last-child,.report-table th:last-child{text-align:right}body.dashboard .report-controls .form-group{margin-bottom:0}@media (width<=1360px){.report-controls{flex-direction:column;align-items:stretch;gap:16px}.report-controls .form-group{flex-direction:column;gap:16px;display:flex}#generateReportBtn{width:100%}.report-table thead{clip:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.report-table tr{border-bottom:3px solid #000;display:block}.report-table td{text-align:right;border-bottom:1px solid #ddd;font-size:14px;display:block}.report-table td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}.report-table tfoot td{text-align:right!important}}.modal-content.wide{text-align:left;max-width:1000px}#editUserForm{margin-bottom:0}.modal-content h4{border-bottom:1px solid var(--border-color);color:var(--primary-color);margin-top:24px;margin-bottom:16px;padding-bottom:8px;font-size:1.8rem;font-weight:500}.modal-content h4:first-of-type{margin-top:0}.dark-theme .modal-content h4{color:var(--text-color)}#editUserModal .form-group{margin-bottom:20px}#editUserModal .form-group .full-width{grid-column:1/-1}#editUserModal small{opacity:.8;margin-top:6px;font-size:1.3rem;display:block}#granted-access-list-container{margin:16px 0}#granted-access-list{border:1px solid var(--border-color);border-radius:4px;max-height:160px;margin:0;padding:0;list-style:none;overflow-y:auto}#granted-access-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}#granted-access-list li:last-child{border-bottom:none}#granted-access-list li span strong{color:var(--primary-color);font-weight:700}.dark-theme #granted-access-list li span strong{color:var(--theme-color1Dark)}.modal-actions{gap:12px;margin-top:24px;display:flex}.revoke-access-btn{background-color:#c82333;padding:8px 12px!important;font-size:1.4rem!important}.revoke-access-btn:hover{background-color:#a51c29}.grant-access-form{border-top:1px solid var(--border-color);align-items:flex-end;margin-top:16px;padding-top:20px}.btn-secondary{background-color:#6c757d}@media (width<=1024px){.grant-access-form{display:block}.grant-access-form>div{margin-bottom:16px}#grantAccessBtn{width:100%}}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{flex:1;padding:16px 45px 16px 55px}.password-wrapper i{cursor:pointer;color:var(--text-color);font-size:2rem;transition:color .2s;position:absolute;top:16px;right:15px}.global-admin-only{display:none}body.global-admin .global-admin-only{display:flex}.non-editable label{margin-right:8px;font-weight:700}.non-editable span{word-break:break-all;font-family:monospace}.pagination-container{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.pagination-info{color:var(--text-color);opacity:.8;font-size:1.4rem}.pagination-buttons{align-items:center;gap:5px;display:flex}.pagination-btn{border:1px solid var(--border-color);background:var(--card-background);min-width:40px;height:40px;color:var(--text-color);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:1.4rem;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:var(--text-color);opacity:.5;padding:0 5px}@media (width<=768px){.pagination-container{text-align:center;flex-direction:column;gap:15px}}.card-0,.card-1,.card-waiting,.card-picked-up{height:auto;min-height:unset;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;display:flex;padding:14px 18px!important}.stat-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:2.4rem;display:flex}.stat-icon-circle.icon-users,body.dashboard .stat-card__icon-tile--users{color:var(--primary-color);background:#2b55de1a}.stat-icon-circle.icon-checkins{color:#10b981;background:#10b9811a}.stat-icon-circle.icon-picked-up{color:#22c55e;background:#22c55e1a}.stat-text h2{text-transform:uppercase;letter-spacing:.03em;opacity:.7;margin:0;font-size:1.8rem;font-weight:600}.stat-value-big{font-size:1.6rem;font-weight:700;line-height:1.2}div#checkin-list .card p{margin:0}.title-with-info{align-items:center;gap:8px;display:flex}.tooltip-container{line-height:1;display:inline-block;position:relative}.tooltip-container .info-icon{color:var(--primary-color);cursor:help;font-size:2.4rem;transition:opacity .2s}.tooltip-container:hover .info-icon{opacity:1}.tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1000;opacity:0;pointer-events:none;background-color:#333;border-radius:6px;width:240px;padding:10px;font-size:1.2rem;line-height:1.4;transition:opacity .3s;position:absolute;bottom:125%;right:0;box-shadow:0 4px 10px #0000004d}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;right:10px}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.card h2{opacity:1;margin:0}div#view-all-users h2{color:var(--primary-color);font-size:2.4rem}.stat-text{flex-direction:column;display:flex}.stat-value-big{color:var(--text-color);font-size:3.2rem;font-weight:700;line-height:1.2}.system-status-header{flex-direction:row;align-items:center;gap:24px;width:100%;display:flex}.status-subtext{opacity:.8;margin:5px 0 0;font-size:1.4rem}.status-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:1.5rem;font-weight:600;display:flex}.status-badge.operational{color:#00875a;background-color:#e6f6f1}.status-badge.operational:before{content:"";background-color:#00875a;border-radius:50%;width:8px;height:8px;display:inline-block}.status-badge.offline{color:#bf2600;background-color:#ffebe6}.status-badge.offline:before{content:"";background-color:#bf2600;border-radius:50%;width:8px;height:8px;display:inline-block}@media (width<=1400px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-row{grid-template-columns:1fr}}.status-badge.operational:before{animation:2s infinite status-pulse}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.status-badge-container{flex-shrink:0;justify-content:center;min-width:100px;display:flex}.stats-grid-all-users{grid-gap:24px;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card-all-users-0,.card-all-users-1,.card-all-users-2{flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;height:auto;min-height:120px;display:flex;padding:20px 30px!important}@media (width<=1400px){.stats-grid-all-users{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid-all-users{grid-template-columns:1fr}}:root{--summer-bg-start:#87ceeb;--summer-bg-end:#1e90ff;--fall-bg-start:#d2691e;--fall-bg-end:#8b4513;--winter-bg-start:#b0c4de;--winter-bg-end:#4682b4;--spring-bg-start:#98fb98;--spring-bg-end:#3cb371}body{transition:all 1.5s}body:before{content:"";z-index:-2;width:100%;height:100%;transition:all 2s;position:fixed;top:0;left:0}.range-slider{align-items:center;width:100%;max-width:350px;height:60px;display:flex;position:relative}.range-slider_input{z-index:3;appearance:none;opacity:0;cursor:pointer;width:100%;height:40px;margin:0;position:absolute}.range-slider_input::-webkit-slider-thumb{appearance:none;width:40px;height:40px}.range-slider_input::-moz-range-thumb{background:0 0;border:none;width:40px;height:40px}#grid-slider-thumb{border:3px solid var(--primary-color,#0c57a6);width:40px;height:40px;color:var(--primary-color,#0c57a6);z-index:2;background-color:#f4f4f4;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.range-slider_line{z-index:1;background-color:#e1e1e1;border-radius:2px;width:100%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}#grid-slider-line-fill{background-color:var(--primary-color,#0c57a6);border-radius:2px;width:0;height:4px;position:absolute}dialog#settings-panel .panel-header{padding:15px}.settings-panel{z-index:1001;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:8px;width:350px;display:none;position:fixed;top:150px;left:auto;right:20px;box-shadow:0 5px 15px #0003}.settings-panel[open]{display:block}.settings-panel::backdrop{background:#0006}.panel-header{cursor:move;background-color:#f7f7f7;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.panel-header h3{color:#333;margin:0;font-size:1.6rem}.panel-section{border-bottom:1px solid #eee;padding:15px 15px 20px}.panel-section label{color:#333;margin-bottom:15px;font-size:1.4rem;font-weight:500;display:block}.panel-section .range-slider{width:100%;max-width:none}.close-btn{cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:24px;line-height:1}.panel-tabs{border-bottom:1px solid #eee;display:flex}.tab-link{cursor:pointer;background-color:#f7f7f7;border:none;flex:1;padding:10px;font-size:1.4rem;transition:background-color .2s}.tab-link:hover{background-color:#e9e9e9}.tab-link.active{border-bottom:2px solid var(--primary-color,#0c57a6);background-color:#fff;font-weight:700}.panel-content{padding:15px}.panel-content .tab-content{display:none}.panel-content .tab-content.active{display:block}.panel-content p{color:#666;margin:0 0 15px;font-size:1.3rem}.theme-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-btn{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;font-size:1.4rem;transition:all .2s}.theme-btn:hover,.theme-btn.active{background-color:var(--primary-color,#0c57a6);color:#fff;border-color:var(--primary-color,#0c57a6)}.panel-footer{text-align:right;border-top:1px solid #eee;padding:10px 15px}.btn-secondary{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:5px;padding:8px 12px;font-size:1.4rem}.btn-secondary:hover{background-color:#5a6268}.custom-color-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.custom-color-row:last-child{border-bottom:none;margin-bottom:0}.custom-color-row label{font-size:1.4rem;font-weight:500}.color-input-group{gap:10px;display:flex}.color-input-wrapper{cursor:pointer;width:40px;height:40px;position:relative}.color-swatch{pointer-events:none;border:2px solid #ccc;border-radius:6px;width:100%;height:100%;display:block}.panel-color-picker{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}body.dashboard.admin-dashboard #pickup-grid-body .grid-child{background-color:var(--custom-cell-default-bg,var(--card-background));color:var(--custom-cell-default-text,var(--text-color));border:1px solid #ccc}body.dashboard.admin-dashboard #pickup-grid-body .grid-child:hover,body.dashboard.admin-dashboard #pickup-grid-body .grid-child.active{background-color:var(--custom-cell-active-bg,var(--primary-color));color:var(--custom-cell-active-text,white)}body.dashboard #pickup-grid-body .grid-child.picked-up{border-color:#16a34a;color:#fff!important;background-color:#22c55e!important}body.dashboard #pickup-grid-body .grid-child.picked-up:hover{background-color:#16a34a!important}body.dashboard #pickup-grid-body .grid-child{position:relative}.confirm-pickup-icon{opacity:.85;cursor:pointer;font-size:.6em;line-height:1;transition:opacity .2s;display:none;position:absolute;bottom:2px;right:3px}.confirm-pickup-icon:hover{opacity:1;transform:scale(1.15)}body.dashboard #pickup-grid-body .grid-child.active .confirm-pickup-icon{display:block}body.dashboard #pickup-grid-body .grid-child.picked-up .confirm-pickup-icon{display:none}.pickup-status-cell.pickup-confirmed span{color:#00875a;background-color:#e6f6f1;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:1.4rem;font-weight:400;line-height:1;display:inline-flex}.pickup-status-cell.pickup-confirmed span:before{content:"";background-color:#00875a;border-radius:50%;width:6px;height:6px;display:inline-block}.pickup-status-cell.pickup-waiting span{color:#d97706;background-color:#fef3c7;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:1.4rem;font-weight:400;line-height:1;display:inline-flex}.pickup-status-cell.pickup-waiting span:before{content:"";background-color:#d97706;border-radius:50%;width:6px;height:6px;display:inline-block}.nm-stats{background:var(--card-background,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:12px 16px;font-size:.95rem;display:flex}.nm-stats span{align-items:center;gap:4px;display:inline-flex}.nm-preview-table{border-collapse:collapse;width:100%}.nm-preview-table th,.nm-preview-table td{text-align:left;border-bottom:1px solid var(--border-color,#e5e7eb);padding:10px 12px;font-size:.9rem}.nm-preview-table th{background:var(--card-background,#f9fafb);font-weight:600}.nm-id-input{border:1px solid var(--border-color,#d1d5db);text-align:center;background:var(--input-bg,#fff);width:80px;color:var(--text-color,#111);border-radius:6px;padding:6px 8px;font-size:.9rem}.nm-id-input:focus{border-color:var(--primary-color,#2b55de);outline:none;box-shadow:0 0 0 2px #2b55de26}.nm-status-ok{color:#10b981;font-weight:600}.nm-status-warning{color:#f59e0b;font-weight:600}.nm-status-error{color:#ef4444;font-weight:600}.nm-progress-bar{background:var(--border-color,#e5e7eb);border-radius:4px;width:100%;height:8px;margin-top:8px;margin-bottom:16px;overflow:hidden}.nm-progress-fill{background:var(--primary-color,#2b55de);border-radius:4px;height:100%;transition:width .3s}.table-responsive{overflow-x:auto}@media (width<=768px){.nm-stats{flex-direction:column;gap:8px}.nm-id-input{width:60px}.nm-preview-table th,.nm-preview-table td{padding:8px 6px;font-size:.8rem}}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stats-row .card{margin-bottom:0}.stat-icon-circle.icon-waiting{color:#f59e0b;background:#f59e0b1a}.sidebar-emergency{border-top:1px solid var(--border-color);padding:12px 1rem}.sidebar-emergency .nav-item{margin-bottom:10px}.sidebar-emergency-toggle{background:#ef44440d;border:1px solid #ef444426;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sidebar-emergency-label{color:#dc2626;align-items:center;gap:8px;font-size:1.4rem;font-weight:600;display:flex}.sidebar-emergency-label i{font-size:1.6rem}.grid-resizer-toolbar{background:var(--card-background);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000014}.grid-resizer-label{color:#888;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:1.3rem;font-weight:500}.grid-resizer-slider-wrap{flex:1;min-width:120px;max-width:300px}.grid-resizer-slider-wrap .range-slider{width:100%;max-width:none;height:50px}.grid-nudge-btn{border:1px solid var(--border-color);background:var(--card-background);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}.grid-nudge-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dashboard{--status-waiting-bg:oklch(96% .05 50);--status-waiting-text:oklch(50% .18 35);--status-waiting-dot:#ef4444;--status-checked-in-bg:oklch(95% .05 252);--status-checked-in-text:oklch(40% .15 252);--status-checked-in-dot:oklch(52% .16 252);--status-picked-up-bg:oklch(95% .05 155);--status-picked-up-text:oklch(38% .12 155);--status-picked-up-dot:oklch(68% .15 155);--status-danger-bg:oklch(95% .04 25);--status-danger-text:oklch(45% .17 25);--status-danger-dot:oklch(62% .18 25);--status-muted-bg:oklch(95% .005 260);--status-muted-text:oklch(45% .02 260);--status-muted-dot:oklch(72% .02 260)}html.dark-theme body.dashboard,body.dashboard.dark-theme{--status-waiting-bg:color-mix(in srgb, var(--status-waiting-dot) 16%, var(--color-surface));--status-waiting-text:oklch(78% .14 50);--status-checked-in-bg:color-mix(in srgb, var(--status-checked-in-dot) 18%, var(--color-surface));--status-checked-in-text:oklch(78% .12 252);--status-picked-up-bg:color-mix(in srgb, var(--status-picked-up-dot) 18%, var(--color-surface));--status-picked-up-text:oklch(80% .14 155);--status-danger-bg:color-mix(in srgb, var(--status-danger-dot) 18%, var(--color-surface));--status-danger-text:oklch(82% .16 25);--status-muted-bg:color-mix(in srgb, var(--color-text-muted) 16%, var(--color-surface));--status-muted-text:var(--color-text-muted)}:root{--color-text-soft:var(--color-text)}body.dashboard{background:var(--color-canvas);color:var(--color-text)}body.dashboard .sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:248px}body.dashboard .sidebar-header{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);display:flex}body.dashboard .sidebar-header .school-logo{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:36px;height:36px}body.dashboard .sidebar-header .sidebar-brand-text{flex-direction:column;gap:2px;min-width:0;line-height:1.15;display:flex}body.dashboard .sidebar-header .school-name{color:var(--color-text);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}body.dashboard .sidebar-header .school-name:empty{display:none}body.dashboard .sidebar-header .school-grades{color:var(--color-text-muted);letter-spacing:0;font-size:11px;font-weight:500}body.dashboard.collapsed .sidebar-header .sidebar-brand-text{display:none}body.dashboard .sidebar-nav{padding:var(--space-3);flex-direction:column;gap:2px;display:flex;overflow-y:auto}body.dashboard .sidebar-nav .nav-item{border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family-sans);font-size:13.5px;font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-3);letter-spacing:-.1px;line-height:var(--line-height-tight);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:none;width:100%;margin-bottom:0;display:flex}body.dashboard .sidebar-nav .nav-item .nav-icon{flex-shrink:0;justify-content:center;width:18px;margin-right:0;display:inline-flex}body.dashboard .sidebar-nav .nav-item .nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.dashboard .sidebar-nav .nav-item:hover{background:var(--color-canvas);box-shadow:none;color:var(--color-text)}body.dashboard .sidebar-nav .nav-item.active{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-semibold);box-shadow:none}body.dashboard .sidebar-nav .nav-item.active:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}body.dashboard .sidebar-emergency{border-top:1px solid var(--color-border);padding:var(--space-3);margin:0}body.dashboard .sidebar-emergency-toggle{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}body.dashboard.emergency-active .sidebar-emergency-toggle{background:var(--status-danger-bg);border-color:color-mix(in srgb, var(--status-danger-dot) 33%, transparent)}body.dashboard .sidebar-emergency-label{color:var(--color-text);font-size:12.5px;font-weight:var(--font-weight-semibold)}body.dashboard.emergency-active .sidebar-emergency-label{color:var(--status-danger-text)}body.dashboard .sidebar-footer{border:none;border-top:1px solid var(--color-border);padding:var(--space-3)}body.dashboard .sidebar-footer #logout-button.btn-primary{background:var(--color-accent);border-radius:var(--radius-md);box-shadow:none;color:var(--color-on-accent);cursor:pointer;font-family:var(--font-family-sans);font-size:13px;font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);letter-spacing:-.1px;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:none;justify-content:center;width:100%;display:inline-flex}body.dashboard .sidebar-footer #logout-button.btn-primary:hover{background:var(--color-accent-hover);box-shadow:none}body.dashboard.admin-dashboard .main-content header.topbar{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);z-index:var(--z-drawer);padding:18px 28px;display:flex;position:sticky;top:0;background:var(--color-surface)!important}body.dashboard .topbar-collapse{flex-shrink:0}body.dashboard #close-sidebar-btn.btn-primary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-muted);justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;font-size:14px;display:inline-flex}body.dashboard #close-sidebar-btn.btn-primary:hover{background:var(--color-canvas);border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border));box-shadow:none;color:var(--color-text)}body.dashboard .topbar-titles{flex:1;min-width:0}body.dashboard .topbar .header-title-container{flex-direction:column;align-items:flex-start;gap:2px;display:flex}body.dashboard .topbar .title-row{align-items:center;gap:var(--space-3);display:flex}body.dashboard .topbar .title-row h1{color:var(--color-text);font-size:22px;font-weight:var(--font-weight-semibold);letter-spacing:-.6px;margin:0}body.dashboard .topbar .live-dot{background:var(--status-checked-in-dot);border-radius:var(--radius-full);box-shadow:0 0 0 4px color-mix(in srgb, var(--status-checked-in-dot) 20%, transparent);flex-shrink:0;width:8px;height:8px;display:inline-block}body.dashboard .topbar .live-label{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-medium)}body.dashboard .topbar .page-subtitle{color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-medium);margin:0}body.dashboard .topbar-search{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);flex-shrink:0;min-width:260px;padding:8px 12px;display:flex}body.dashboard .topbar-search>i{color:var(--color-text-muted);font-size:14px}body.dashboard .topbar-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;width:auto;padding:0;font-size:13px}body.dashboard .topbar-search input:focus{box-shadow:none}body.dashboard .topbar-search kbd{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:10.5px;font-weight:var(--font-weight-semibold);border-radius:5px;padding:2px 6px}body.dashboard .main-content header.topbar .header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;margin-bottom:0;display:flex}body.dashboard #open-help-btn.help-trigger-btn,body.dashboard .topbar-icon-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:15px;display:inline-flex;position:relative}body.dashboard #open-help-btn.help-trigger-btn:hover,body.dashboard .topbar-icon-btn:hover{background:var(--color-canvas);border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border));color:var(--color-text)}body.dashboard .topbar-icon-btn .bell-unread{background:var(--status-danger-dot);border:2px solid var(--color-surface);border-radius:var(--radius-full);width:7px;height:7px;position:absolute;top:6px;right:6px}body.dashboard .admin-avatar{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}body.dashboard .admin-avatar__initials{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));border-radius:var(--radius-full);color:var(--color-on-accent);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:-.2px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}body.dashboard .admin-avatar__copy{min-width:0;line-height:1.15}body.dashboard .admin-avatar__name{color:var(--color-text);font-size:12.5px;font-weight:var(--font-weight-semibold)}body.dashboard .admin-avatar__role{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-medium)}body.dashboard .topbar .status-indicator{background:var(--color-text-muted);border-radius:var(--radius-full);width:10px;height:10px;display:inline-block}body.dashboard .topbar .status-indicator.operational{background:var(--color-success)}body.dashboard .topbar .tooltip-container{position:relative}body.dashboard .topbar .tooltip-container:hover .tooltip-text,body.dashboard .topbar .tooltip-container:focus-within .tooltip-text{opacity:1;visibility:visible}body.dashboard .topbar .tooltip-text{background:var(--color-text);border-radius:var(--radius-sm);bottom:calc(100% + var(--space-2));color:var(--color-surface);font-size:var(--font-size-sm);opacity:0;padding:var(--space-2) var(--space-3);transition:opacity var(--duration-base) var(--easing-standard);visibility:hidden;white-space:nowrap;z-index:var(--z-toast);position:absolute;left:50%;transform:translate(-50%)}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-danger-dot) 60%, transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb, var(--status-danger-dot) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-danger-dot) 0%, transparent)}}body.dashboard .emergency-banner{background:var(--status-danger-bg);border:2px solid var(--status-danger-dot);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);margin:var(--space-4) 28px 0;padding:14px 22px;display:flex}body.dashboard .emergency-banner[hidden]{display:none}body.dashboard .emergency-banner__chip{background:var(--color-surface);border:1px solid var(--status-danger-dot);border-radius:var(--radius-md);color:var(--status-danger-dot);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;animation:1.8s ease-out infinite pulse-ring;display:flex}body.dashboard .emergency-banner__copy{flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}body.dashboard .emergency-banner__title{color:var(--status-danger-text);font-size:14.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px}body.dashboard .emergency-banner__detail{color:var(--status-danger-text);font-size:13px;font-weight:var(--font-weight-medium);opacity:.85}html.dark-theme body.dashboard .sidebar,body.dashboard.dark-theme .sidebar{background:var(--color-surface);border-right-color:var(--color-border)}html.dark-theme body.dashboard .sidebar-header,body.dashboard.dark-theme .sidebar-header{border-bottom-color:var(--color-border)}html.dark-theme body.dashboard .sidebar-header .school-name,body.dashboard.dark-theme .sidebar-header .school-name{color:var(--color-text)}html.dark-theme body.dashboard .sidebar-header .school-grades,body.dashboard.dark-theme .sidebar-header .school-grades,html.dark-theme body.dashboard .sidebar-nav .nav-item,body.dashboard.dark-theme .sidebar-nav .nav-item{color:var(--color-text-muted)}html.dark-theme body.dashboard .sidebar-nav .nav-item:hover,body.dashboard.dark-theme .sidebar-nav .nav-item:hover{background:var(--color-canvas);color:var(--color-text)}html.dark-theme body.dashboard .sidebar-nav .nav-item.active,body.dashboard.dark-theme .sidebar-nav .nav-item.active{background:var(--color-accent);color:var(--color-on-accent)}html.dark-theme body.dashboard .sidebar-emergency-toggle,body.dashboard.dark-theme .sidebar-emergency-toggle{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme body.dashboard .sidebar-footer,body.dashboard.dark-theme .sidebar-footer{border-top-color:var(--color-border)}html.dark-theme body.dashboard.admin-dashboard .main-content header.topbar,body.dashboard.admin-dashboard.dark-theme .main-content header.topbar{border-bottom-color:var(--color-border);background:var(--color-surface)!important}html.dark-theme body.dashboard .topbar .title-row h1,body.dashboard.dark-theme .topbar .title-row h1{color:var(--color-text)}html.dark-theme body.dashboard .topbar .live-label,body.dashboard.dark-theme .topbar .live-label,html.dark-theme body.dashboard .topbar .page-subtitle,body.dashboard.dark-theme .topbar .page-subtitle{color:var(--color-text-muted)}html.dark-theme body.dashboard .topbar-search,body.dashboard.dark-theme .topbar-search{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme body.dashboard .topbar-search input,body.dashboard.dark-theme .topbar-search input{color:var(--color-text);background:0 0}html.dark-theme body.dashboard .topbar-search kbd,body.dashboard.dark-theme .topbar-search kbd,html.dark-theme body.dashboard #open-help-btn.help-trigger-btn,html.dark-theme body.dashboard .topbar-icon-btn,body.dashboard.dark-theme #open-help-btn.help-trigger-btn,body.dashboard.dark-theme .topbar-icon-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}html.dark-theme body.dashboard .topbar-icon-btn .bell-unread,body.dashboard.dark-theme .topbar-icon-btn .bell-unread{border-color:var(--color-surface)}html.dark-theme body.dashboard .admin-avatar,body.dashboard.dark-theme .admin-avatar{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme body.dashboard .admin-avatar__name,body.dashboard.dark-theme .admin-avatar__name{color:var(--color-text)}html.dark-theme body.dashboard .admin-avatar__role,body.dashboard.dark-theme .admin-avatar__role{color:var(--color-text-muted)}html.dark-theme body.dashboard .emergency-banner,body.dashboard.dark-theme .emergency-banner{background:var(--status-danger-bg);border-color:var(--status-danger-dot)}html.dark-theme body.dashboard .emergency-banner__chip,body.dashboard.dark-theme .emergency-banner__chip{background:var(--color-surface);border-color:var(--status-danger-dot);color:var(--status-danger-dot)}html.dark-theme body.dashboard .emergency-banner__title,html.dark-theme body.dashboard .emergency-banner__detail,body.dashboard.dark-theme .emergency-banner__title,body.dashboard.dark-theme .emergency-banner__detail{color:var(--status-danger-text)}body.dashboard.collapsed .sidebar{transform:translate(-248px)}body.dashboard.collapsed .main-content{padding-left:0}body.dashboard .main-content{padding-left:248px}body.dashboard .tab-content{display:none}body.dashboard .tab-content.active{display:block}body.dashboard .main-inner{padding:var(--space-5)}body.dashboard .main-inner .card,body.dashboard #checkin-list .card,body.dashboard #pickup-grid .card,body.dashboard #all-users .card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;margin-bottom:var(--space-5);padding:var(--space-5);border-radius:16px}body.dashboard #view-all-users.card{margin-top:var(--space-5)}body.dashboard .stats-row{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}body.dashboard .stats-row .card,body.dashboard div#all-users .stats-grid-all-users .card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;align-items:center;gap:var(--space-3);border-radius:14px;min-height:auto;margin-bottom:0;display:flex;padding:18px!important}body.dashboard .stats-row .stat-widget{flex-shrink:0;justify-content:center;align-items:center;display:flex}body.dashboard .stats-row .stat-text{flex-direction:column;gap:6px;min-width:0;display:flex}body.dashboard .stats-row .stat-text h2,body.dashboard .stats-grid-all-users h2{color:var(--color-text-muted);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:.6px;opacity:1;text-transform:uppercase;margin:0;line-height:1}body.dashboard .stats-row .stat-text .stat-value-big{color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:32px;font-weight:var(--font-weight-semibold);letter-spacing:-1px;line-height:1}body.dashboard .stat-card__icon-tile{border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:2.4rem;display:flex}body.dashboard .stat-card__icon-tile--total,body.dashboard .stat-icon-circle.icon-users.stat-card__icon-tile{background:color-mix(in srgb, var(--color-text-muted) 14%, transparent);color:var(--color-text-muted)}body.dashboard .stat-card__icon-tile--guardians{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard .stat-card__icon-tile--shared{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard .stat-card__icon-tile--checkin,body.dashboard .stat-icon-circle.icon-checkins{background:var(--status-checked-in-bg);color:var(--status-checked-in-text)}body.dashboard .stat-card__icon-tile--waiting,body.dashboard .stat-icon-circle.icon-waiting{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard .stat-card__icon-tile--picked-up,body.dashboard .stat-icon-circle.icon-picked-up{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard .badge{border-radius:var(--radius-full);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}body.dashboard .badge__dot{border-radius:var(--radius-full);width:6px;height:6px}body.dashboard .badge--waiting{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard .badge--waiting .badge__dot{background:var(--status-waiting-dot)}body.dashboard .badge--checked-in{background:var(--status-checked-in-bg);color:var(--status-checked-in-text)}body.dashboard .badge--checked-in .badge__dot{background:var(--status-checked-in-dot)}body.dashboard .badge--picked-up{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard .badge--picked-up .badge__dot{background:var(--status-picked-up-dot)}body.dashboard .badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}body.dashboard .badge--danger .badge__dot{background:var(--status-danger-dot)}body.dashboard .badge--muted{background:var(--status-muted-bg);color:var(--status-muted-text)}body.dashboard .badge--muted .badge__dot{background:var(--status-muted-dot)}body.dashboard td.status-cell,body.dashboard td.pickup-status-cell{padding:var(--space-3) var(--space-4)}body.dashboard td.status-cell span,body.dashboard td.pickup-status-cell span{background:var(--status-muted-bg);border-radius:var(--radius-full);color:var(--status-muted-text);font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}body.dashboard td.status-cell span:before,body.dashboard td.pickup-status-cell span:before{background:var(--status-muted-dot);border-radius:var(--radius-full);content:"";width:6px;height:6px}body.dashboard td.status-cell.checked-in span{background:var(--status-checked-in-bg);color:var(--status-checked-in-text)}body.dashboard td.status-cell.checked-in span:before{background:var(--status-checked-in-dot)}body.dashboard td.status-cell.waiting span{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard td.status-cell.waiting span:before{background:var(--status-waiting-dot)}body.dashboard td.status-cell.picked-up span,body.dashboard td.pickup-status-cell.pickup-confirmed span{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard td.status-cell.picked-up span:before,body.dashboard td.pickup-status-cell.pickup-confirmed span:before{background:var(--status-picked-up-dot)}body.dashboard td.pickup-status-cell.pickup-waiting span{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard td.pickup-status-cell.pickup-waiting span:before{background:var(--status-waiting-dot)}body.dashboard td.status-cell.deactivated span,body.dashboard td.status-cell.restricted span{background:var(--status-danger-bg);color:var(--status-danger-text)}body.dashboard td.status-cell.deactivated span:before,body.dashboard td.status-cell.restricted span:before{background:var(--status-danger-dot)}body.dashboard .check-in-users.table-sortable,body.dashboard .all-users-table.table-sortable,body.dashboard .data-table{background:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-lg);width:100%;overflow:hidden}body.dashboard .check-in-users.table-sortable thead,body.dashboard .all-users-table.table-sortable thead,body.dashboard .data-table thead{background:var(--color-canvas);z-index:1;position:sticky;top:0}body.dashboard .check-in-users.table-sortable th,body.dashboard .all-users-table.table-sortable th,body.dashboard .data-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:.6px;line-height:var(--line-height-tight);padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}body.dashboard .check-in-users.table-sortable td,body.dashboard .all-users-table.table-sortable td,body.dashboard .data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4);font-size:13.5px}body.dashboard .check-in-users.table-sortable tbody tr,body.dashboard .all-users-table.table-sortable tbody tr,body.dashboard .data-table tbody tr{transition:background var(--duration-fast) var(--easing-standard)}body.dashboard .check-in-users.table-sortable tbody tr:hover,body.dashboard .all-users-table.table-sortable tbody tr:hover,body.dashboard .data-table tbody tr:hover{background:var(--color-canvas)}body.dashboard table.all-users-table.table-sortable tr:nth-child(odd),body.dashboard table.all-users-table.table-sortable tr:nth-child(2n){background:0 0}body.dashboard table.all-users-table.table-sortable tr:hover,body.dashboard table.all-users-table.table-sortable tbody tr:hover{background:var(--color-canvas)}body.dashboard .check-in-table-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}body.dashboard .check-in-table-header h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;flex:1 0 auto;margin:0}body.dashboard .check-in-table-header input[type=search]{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-sans);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);flex:240px;width:auto;font-size:13.5px}body.dashboard .check-in-table-header input[type=search]:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}body.dashboard .clearCheckinButton.btn-primary{background:var(--color-accent);border-radius:var(--radius-md);box-shadow:none;color:var(--color-on-accent);font-family:var(--font-family-sans);font-size:13.5px;font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border:none;margin-left:0}body.dashboard .clearCheckinButton.btn-primary:hover{background:var(--color-accent-hover);box-shadow:none}body.dashboard div#checkin-list .hint{color:var(--color-text-muted);margin:0 0 var(--space-3);font-size:12.5px}body.dashboard #view-all-users h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 6px}body.dashboard #view-all-users>p{color:var(--color-text-muted);margin:0 0 var(--space-4);font-size:13px}body.dashboard #allUsersFilterInput{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-sans);margin-bottom:var(--space-4);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font-size:13.5px}body.dashboard #allUsersFilterInput:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}body.dashboard .user-row{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:40px 1fr auto auto;display:grid}body.dashboard .user-row__avatar{border-radius:var(--radius-full);width:36px;height:36px}body.dashboard .user-row__name{color:var(--color-text);font-size:13.5px;font-weight:var(--font-weight-semibold)}body.dashboard .user-row__email,body.dashboard .user-row__role{color:var(--color-text-muted);font-size:12px}body.dashboard .user-row__last-active{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}body.dashboard #pickup-grid>.header-actions{margin-bottom:var(--space-4);align-items:center}body.dashboard #pickup-grid>.header-actions h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0}body.dashboard #pickup-grid .grid-resizer-toolbar{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;padding:var(--space-3) var(--space-4);border-bottom:none;border-radius:16px 16px 0 0;margin-bottom:0}body.dashboard #pickup-grid #pickup-grid-body.grid-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0}body.dashboard #pickup-grid .pickup-grid__legend{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:none;border-radius:0 0 16px 16px;flex-wrap:wrap;display:flex}body.dashboard #pickup-grid .pickup-grid__legend-item{align-items:center;gap:var(--space-2);display:inline-flex}body.dashboard #pickup-grid .pickup-grid__legend-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:14px;height:14px;display:inline-block}body.dashboard #pickup-grid .pickup-grid__legend-swatch--idle{background:var(--status-muted-bg);border:1px solid var(--status-muted-dot)}html.dark-theme body.dashboard .main-inner .card,html.dark-theme body.dashboard #checkin-list .card,html.dark-theme body.dashboard #pickup-grid .card,html.dark-theme body.dashboard #all-users .card,html.dark-theme body.dashboard .stats-row .card,body.dashboard.dark-theme .main-inner .card,body.dashboard.dark-theme #checkin-list .card,body.dashboard.dark-theme #pickup-grid .card,body.dashboard.dark-theme #all-users .card,body.dashboard.dark-theme .stats-row .card{background:var(--color-surface);border-color:var(--color-border)}html.dark-theme body.dashboard .stats-row .stat-text h2,body.dashboard.dark-theme .stats-row .stat-text h2{color:var(--color-text-muted)}html.dark-theme body.dashboard .stats-row .stat-text .stat-value-big,body.dashboard.dark-theme .stats-row .stat-text .stat-value-big{color:var(--color-text)}html.dark-theme body.dashboard .check-in-users.table-sortable thead,html.dark-theme body.dashboard .all-users-table.table-sortable thead,body.dashboard.dark-theme .check-in-users.table-sortable thead,body.dashboard.dark-theme .all-users-table.table-sortable thead{background:var(--color-canvas)}html.dark-theme body.dashboard .check-in-users.table-sortable th,html.dark-theme body.dashboard .all-users-table.table-sortable th,body.dashboard.dark-theme .check-in-users.table-sortable th,body.dashboard.dark-theme .all-users-table.table-sortable th{color:var(--color-text-muted);border-bottom-color:var(--color-border)}html.dark-theme body.dashboard .check-in-users.table-sortable td,html.dark-theme body.dashboard .all-users-table.table-sortable td,body.dashboard.dark-theme .check-in-users.table-sortable td,body.dashboard.dark-theme .all-users-table.table-sortable td{color:var(--color-text);border-bottom-color:var(--color-border)}html.dark-theme body.dashboard .check-in-users.table-sortable tbody tr:hover,html.dark-theme body.dashboard .all-users-table.table-sortable tbody tr:hover,body.dashboard.dark-theme .check-in-users.table-sortable tbody tr:hover,body.dashboard.dark-theme .all-users-table.table-sortable tbody tr:hover{background:var(--color-canvas)}html.dark-theme body.dashboard .check-in-table-header h2,body.dashboard.dark-theme .check-in-table-header h2,html.dark-theme body.dashboard #view-all-users h2,body.dashboard.dark-theme #view-all-users h2{color:var(--color-text)}html.dark-theme body.dashboard .check-in-table-header input[type=search],html.dark-theme body.dashboard #allUsersFilterInput,body.dashboard.dark-theme .check-in-table-header input[type=search],body.dashboard.dark-theme #allUsersFilterInput{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text)}html.dark-theme body.dashboard #pickup-grid .grid-resizer-toolbar,html.dark-theme body.dashboard #pickup-grid #pickup-grid-body.grid-container,html.dark-theme body.dashboard #pickup-grid .pickup-grid__legend,body.dashboard.dark-theme #pickup-grid .grid-resizer-toolbar,body.dashboard.dark-theme #pickup-grid #pickup-grid-body.grid-container,body.dashboard.dark-theme #pickup-grid .pickup-grid__legend{background:var(--color-surface);border-color:var(--color-border)}html.dark-theme body.dashboard #pickup-grid .pickup-grid__legend,body.dashboard.dark-theme #pickup-grid .pickup-grid__legend{color:var(--color-text-muted)}body.dashboard .field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}body.dashboard .field__label{color:var(--color-text-muted);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:.6px;text-transform:uppercase}body.dashboard .field__label--required:after{color:var(--status-danger-dot);content:" *"}body.dashboard .field__hint{color:var(--color-text-muted);font-size:12px}body.dashboard .field__error{color:var(--status-danger-text);font-size:12px}body.dashboard input,body.dashboard select,body.dashboard textarea,body.dashboard .field__input,body.dashboard #user-management input[type=text],body.dashboard #user-management input[type=email],body.dashboard #user-management input[type=password],body.dashboard #user-management input[type=search],body.dashboard #user-management input[type=number],body.dashboard #user-management textarea,body.dashboard #user-management select,body.dashboard #school-settings input[type=text],body.dashboard #school-settings input[type=email],body.dashboard #school-settings input[type=tel],body.dashboard #school-settings input[type=time],body.dashboard #school-settings textarea,body.dashboard #school-settings select,body.dashboard #number-management input[type=text],body.dashboard #number-management input[type=email],body.dashboard #number-management textarea,body.dashboard #reports input[type=date],body.dashboard #help input[type=text],body.dashboard #help textarea{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-sans);font-size:14px;line-height:var(--line-height-base);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);width:100%}body.dashboard input:focus-visible,body.dashboard select:focus-visible,body.dashboard textarea:focus-visible,body.dashboard .field__input:focus-visible,body.dashboard #user-management input:focus-visible,body.dashboard #user-management textarea:focus-visible,body.dashboard #user-management select:focus-visible,body.dashboard #school-settings input:focus-visible,body.dashboard #school-settings textarea:focus-visible,body.dashboard #school-settings select:focus-visible,body.dashboard #number-management input:focus-visible,body.dashboard #number-management textarea:focus-visible,body.dashboard #reports input:focus-visible,body.dashboard #help input:focus-visible,body.dashboard #help textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}body.dashboard #user-management .form-group,body.dashboard #school-settings .form-group,body.dashboard #number-management .form-group,body.dashboard #help .form-group,body.dashboard #reports .form-group{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}body.dashboard #reports .form-group{margin-bottom:0}body.dashboard #user-management label,body.dashboard #school-settings label,body.dashboard #number-management label,body.dashboard #help label,body.dashboard #reports label{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase;display:block}body.dashboard #school-settings small,body.dashboard #user-management small,body.dashboard #reports small,body.dashboard #help small{color:var(--color-text-muted);margin-top:6px;font-size:12px;display:block}body.dashboard .settings-toggle-row{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}body.dashboard .settings-toggle-row:last-child{border-bottom:none}body.dashboard .settings-toggle-row__copy{flex:1;min-width:0}body.dashboard .settings-toggle-row__title{color:var(--color-text);font-size:13.5px;font-weight:var(--font-weight-semibold)}body.dashboard .settings-toggle-row__desc{color:var(--color-text-muted);font-size:12px}body.dashboard #school-settings .checkbox-group{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}body.dashboard #school-settings .checkbox-group input[type=checkbox]{accent-color:var(--color-accent);flex-shrink:0;width:18px;height:18px;margin:0}body.dashboard #school-settings .checkbox-group label{color:var(--color-text);font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:0;text-transform:none;margin:0}body.dashboard .empty-state{color:var(--color-text-muted);padding:var(--space-7) var(--space-4);text-align:center}body.dashboard .empty-state__title{color:var(--color-text);font:var(--font-weight-semibold) var(--font-size-lg)/var(--line-height-snug) var(--font-family-sans);margin:0 0 var(--space-2)}body.dashboard .empty-state__body{font:var(--font-weight-regular) var(--font-size-base)/var(--line-height-base) var(--font-family-sans);margin:0 0 var(--space-4)}body.dashboard .empty-state__action{background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-on-accent);cursor:pointer;font:var(--font-weight-semibold) var(--font-size-base)/var(--line-height-base) var(--font-family-sans);min-height:var(--touch-min);padding:var(--space-3) var(--space-5);border:none}body.dashboard .button--destructive,body.dashboard .btn-primary.button-danger{background:var(--status-danger-dot);box-shadow:none;color:#fff;border:none}body.dashboard .button--destructive:hover,body.dashboard .btn-primary.button-danger:hover{background:color-mix(in srgb, var(--status-danger-dot) 88%, black);box-shadow:none}body.dashboard #user-management .help-section{color:var(--color-text)}body.dashboard #user-management .help-section h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-3)}body.dashboard #user-management .help-section h3{color:var(--color-text);font-size:14px;font-weight:var(--font-weight-semibold);margin:var(--space-4) 0 var(--space-2)}body.dashboard #user-management .help-section p,body.dashboard #user-management .help-section li{color:var(--color-text-muted);font-size:13.5px;line-height:var(--line-height-base)}body.dashboard #user-management .acc{gap:var(--space-4);flex-direction:column;display:flex}body.dashboard #user-management .acc__card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;border-radius:16px;margin:0;padding:0;overflow:hidden}body.dashboard #user-management .acc__title{cursor:pointer;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:background var(--duration-fast) var(--easing-standard);justify-content:space-between;display:flex}body.dashboard #user-management .acc__title:hover{background:var(--color-canvas)}body.dashboard #user-management .acc__title h3{color:var(--color-text);font-size:14.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;margin:0}body.dashboard #user-management .acc__title .chevron{color:var(--color-text-muted);transition:transform var(--duration-base) var(--easing-standard);flex-shrink:0;font-size:16px}body.dashboard #user-management .acc__title.active .chevron{transform:rotate(180deg)}body.dashboard #user-management .acc__panel{border-top:1px solid var(--color-border);padding:var(--space-5)}body.dashboard #user-management .acc__panel p,body.dashboard #user-management .acc__panel li{color:var(--color-text-muted);font-size:14px;line-height:var(--line-height-base);margin-top:0}body.dashboard #user-management .acc__panel form button[type=submit],body.dashboard #user-management .acc__panel>button.btn-primary{margin-top:var(--space-2)}body.dashboard .drop-zone{background:var(--color-canvas);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:var(--space-2);min-height:100px;padding:var(--space-4);text-align:center;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);flex-direction:column;justify-content:center;display:flex}body.dashboard .drop-zone:hover,body.dashboard .drop-zone.drop-zone--over{background:var(--color-surface);border-color:var(--color-accent)}body.dashboard .drop-zone__prompt{color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-medium)}body.dashboard #school-settings .section-divider{border-top:1px dashed var(--color-border);margin-top:var(--space-6);padding-top:var(--space-5)}body.dashboard #school-settings .section-divider h3{color:var(--color-text);font-size:14px;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}body.dashboard #school-settings .config-snippet-container{margin-top:var(--space-3)}body.dashboard #school-settings .config-snippet-container label{color:var(--color-text-muted);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:.6px;margin-bottom:var(--space-2);text-transform:uppercase;display:block}body.dashboard #school-settings .config-snippet-output{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-mono);padding:var(--space-3) var(--space-4);white-space:pre;width:100%;font-size:12.5px}body.dashboard #school-settings h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-3)}body.dashboard #school-settings h2 .school-name{color:var(--color-accent)}body.dashboard #school-settings h3{color:var(--color-text);font-size:14px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;margin:var(--space-5) 0 var(--space-3)}body.dashboard #school-settings hr{background:var(--color-border);height:1px;margin:var(--space-5) 0;border:none}body.dashboard #number-management .nm-auto-assign-btn{margin-bottom:var(--space-4)}body.dashboard #number-management .nm-send-welcome-btn{margin-left:var(--space-3)}body.dashboard #number-management .nm-stats{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;font-size:13px;display:flex}body.dashboard #number-management .nm-stats strong{color:var(--color-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.dashboard #number-management .nm-progress-bar{background:var(--color-canvas);border-radius:var(--radius-full);height:8px;margin:var(--space-3) 0;overflow:hidden}body.dashboard #number-management .nm-progress-fill{background:var(--color-accent);height:100%;transition:width var(--duration-base) var(--easing-standard)}body.dashboard #number-management h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-3)}body.dashboard #number-management h3{color:var(--color-text);font-size:14px;font-weight:var(--font-weight-semibold);margin:var(--space-4) 0 var(--space-2)}body.dashboard #reports h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-3)}body.dashboard #reports h3{color:var(--color-text);font-size:14px;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}body.dashboard #reports .report-results-container{margin-top:var(--space-5)}body.dashboard #reports .report-table{background:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-md);width:100%;overflow:hidden}body.dashboard #reports .report-table th{background:var(--color-canvas);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:.6px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase}body.dashboard #reports .report-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4);font-size:13.5px}body.dashboard #reports .report-table tfoot td{background:var(--color-canvas);font-weight:var(--font-weight-semibold);border-bottom:none}body.dashboard #help h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 var(--space-3)}body.dashboard #help textarea{resize:vertical;min-height:140px}body.dashboard .modal-content .modal-divider{background:var(--color-border);border:none;height:1px}body.dashboard .modal-content .modal-divider--md{margin:var(--space-5) 0}body.dashboard .modal-content .modal-divider--lg{margin:var(--space-6) 0}body.dashboard .form--top-spaced{margin-top:var(--space-5)}body.dashboard .message.message--inline-block{padding:var(--space-3) var(--space-4);text-align:left}body.dashboard .message.message--inline-block p{margin:0}body.dashboard .message.error{background:var(--status-danger-bg);border:1px solid color-mix(in srgb, var(--status-danger-dot) 30%, transparent);border-radius:var(--radius-md);color:var(--status-danger-text)}body.dashboard .message.warning{background:var(--status-waiting-bg);border:1px solid color-mix(in srgb, var(--status-waiting-dot) 30%, transparent);border-radius:var(--radius-md);color:var(--status-waiting-text)}body.dashboard .message.success{background:var(--status-picked-up-bg);border:1px solid color-mix(in srgb, var(--status-picked-up-dot) 30%, transparent);border-radius:var(--radius-md);color:var(--status-picked-up-text);padding:var(--space-3) var(--space-4)}html.dark-theme body.dashboard #user-management input,html.dark-theme body.dashboard #user-management textarea,html.dark-theme body.dashboard #user-management select,html.dark-theme body.dashboard #school-settings input,html.dark-theme body.dashboard #school-settings textarea,html.dark-theme body.dashboard #school-settings select,html.dark-theme body.dashboard #number-management input,html.dark-theme body.dashboard #number-management textarea,html.dark-theme body.dashboard #reports input,html.dark-theme body.dashboard #help input,html.dark-theme body.dashboard #help textarea,body.dashboard.dark-theme #user-management input,body.dashboard.dark-theme #user-management textarea,body.dashboard.dark-theme #user-management select,body.dashboard.dark-theme #school-settings input,body.dashboard.dark-theme #school-settings textarea,body.dashboard.dark-theme #school-settings select,body.dashboard.dark-theme #number-management input,body.dashboard.dark-theme #number-management textarea,body.dashboard.dark-theme #reports input,body.dashboard.dark-theme #help input,body.dashboard.dark-theme #help textarea{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text)}html.dark-theme body.dashboard #user-management label,html.dark-theme body.dashboard #school-settings label,html.dark-theme body.dashboard #number-management label,html.dark-theme body.dashboard #reports label,html.dark-theme body.dashboard #help label,body.dashboard.dark-theme #user-management label,body.dashboard.dark-theme #school-settings label,body.dashboard.dark-theme #number-management label,body.dashboard.dark-theme #reports label,body.dashboard.dark-theme #help label{color:var(--color-text-muted)}html.dark-theme body.dashboard #user-management .acc__card,body.dashboard.dark-theme #user-management .acc__card{background:var(--color-surface);border-color:var(--color-border)}html.dark-theme body.dashboard #user-management .acc__title:hover,body.dashboard.dark-theme #user-management .acc__title:hover{background:var(--color-canvas)}html.dark-theme body.dashboard #user-management .acc__title h3,body.dashboard.dark-theme #user-management .acc__title h3,html.dark-theme body.dashboard #school-settings h2,html.dark-theme body.dashboard #school-settings h3,html.dark-theme body.dashboard #number-management h2,html.dark-theme body.dashboard #number-management h3,html.dark-theme body.dashboard #reports h2,html.dark-theme body.dashboard #reports h3,html.dark-theme body.dashboard #help h2,body.dashboard.dark-theme #school-settings h2,body.dashboard.dark-theme #school-settings h3,body.dashboard.dark-theme #number-management h2,body.dashboard.dark-theme #number-management h3,body.dashboard.dark-theme #reports h2,body.dashboard.dark-theme #reports h3,body.dashboard.dark-theme #help h2{color:var(--color-text)}html.dark-theme body.dashboard .drop-zone,body.dashboard.dark-theme .drop-zone{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text-muted)}html.dark-theme body.dashboard #school-settings .section-divider,body.dashboard.dark-theme #school-settings .section-divider{border-top-color:var(--color-border)}html.dark-theme body.dashboard #school-settings .config-snippet-output,body.dashboard.dark-theme #school-settings .config-snippet-output{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text)}html.dark-theme body.dashboard #number-management .nm-stats,body.dashboard.dark-theme #number-management .nm-stats{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text-muted)}html.dark-theme body.dashboard #number-management .nm-progress-bar,body.dashboard.dark-theme #number-management .nm-progress-bar{background:var(--color-canvas)}html.dark-theme body.dashboard #reports .report-table th,body.dashboard.dark-theme #reports .report-table th,html.dark-theme body.dashboard #reports .report-table tfoot td,body.dashboard.dark-theme #reports .report-table tfoot td{background:var(--color-canvas);color:var(--color-text-muted)}html.dark-theme body.dashboard .modal-content .modal-divider,body.dashboard.dark-theme .modal-content .modal-divider,html.dark-theme body.dashboard #school-settings hr,body.dashboard.dark-theme #school-settings hr{background:var(--color-border)}html.dark-theme body.dashboard .message.error,body.dashboard.dark-theme .message.error{background:var(--status-danger-bg);border-color:color-mix(in srgb, var(--status-danger-dot) 30%, transparent);color:var(--status-danger-text)}html.dark-theme body.dashboard .message.warning,body.dashboard.dark-theme .message.warning{background:var(--status-waiting-bg);border-color:color-mix(in srgb, var(--status-waiting-dot) 30%, transparent);color:var(--status-waiting-text)}html.dark-theme body.dashboard .message.success,body.dashboard.dark-theme .message.success{background:var(--status-picked-up-bg);border-color:color-mix(in srgb, var(--status-picked-up-dot) 30%, transparent);color:var(--status-picked-up-text)}html.dark-theme body.dashboard #school-settings .checkbox-group,body.dashboard.dark-theme #school-settings .checkbox-group{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme body.dashboard #school-settings .checkbox-group label,body.dashboard.dark-theme #school-settings .checkbox-group label{color:var(--color-text)}body.dashboard .status-filter-tabs{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}body.dashboard .status-filter-tab{border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-family:var(--font-family-sans);font-size:12.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 12px 6px 14px;display:inline-flex}body.dashboard .status-filter-tab:hover{background:var(--color-canvas)}body.dashboard .status-filter-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}body.dashboard .status-filter-tab__count{background:var(--color-canvas);border-radius:var(--radius-full);color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;min-width:22px;padding:3px 7px;line-height:1;display:inline-flex}body.dashboard .status-filter-tab.is-active .status-filter-tab__count{background:color-mix(in srgb, var(--color-on-accent) 18%, transparent);color:var(--color-on-accent)}body.dashboard .check-in-users.table-sortable th[data-sort],body.dashboard .all-users-table.table-sortable th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:28px;position:relative}body.dashboard .check-in-users.table-sortable th[data-sort]:after,body.dashboard .all-users-table.table-sortable th[data-sort]:after{color:var(--color-text-muted);content:"";opacity:.55;font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-size:10.5px;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}body.dashboard .check-in-users.table-sortable th.th-sort-asc[data-sort]:after,body.dashboard .all-users-table.table-sortable th.th-sort-asc[data-sort]:after{color:var(--color-accent);content:"";opacity:1}body.dashboard .check-in-users.table-sortable th.th-sort-desc[data-sort]:after,body.dashboard .all-users-table.table-sortable th.th-sort-desc[data-sort]:after{color:var(--color-accent);content:"";opacity:1}.fa-sort:before{content:""}.fa-sort-up:before{content:""}.fa-sort-down:before{content:""}body.dashboard .check-in-users.table-sortable thead,body.dashboard .check-in-users.table-sortable thead tr,body.dashboard .check-in-users.table-sortable thead th,body.dashboard .all-users-table.table-sortable thead,body.dashboard .all-users-table.table-sortable thead tr,body.dashboard .all-users-table.table-sortable thead th{background:var(--color-canvas);color:var(--color-text-muted)}body.dashboard td.pickup-id-cell{padding:var(--space-3) var(--space-4)}body.dashboard td.pickup-id-cell .pickup-id-pill{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:var(--radius-full);color:var(--color-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.2px;align-items:center;padding:3px 10px;display:inline-flex}body.dashboard .check-in-users.table-sortable td.name-cell{display:table-cell}body.dashboard .all-users-table.table-sortable td.name-cell,body.dashboard .all-users-table.table-sortable td.user-name-cell,body.dashboard .all-users-table.table-sortable td.pickup-cell.pickup-id-cell{vertical-align:middle;display:table-cell}body.dashboard td.name-cell .name-cell__text{color:var(--color-text);font-weight:var(--font-weight-medium)}body.dashboard td.name-cell .name-cell__temp-flag{background:var(--status-waiting-bg);border-radius:var(--radius-full);color:var(--status-waiting-text);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.4px;text-transform:uppercase;align-items:center;margin-left:6px;padding:2px 7px;display:inline-flex}html.dark-theme body.dashboard .status-filter-tab,body.dashboard.dark-theme .status-filter-tab{color:var(--color-text)}html.dark-theme body.dashboard .status-filter-tab:hover,body.dashboard.dark-theme .status-filter-tab:hover{background:var(--color-canvas)}html.dark-theme body.dashboard .status-filter-tab.is-active,body.dashboard.dark-theme .status-filter-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}html.dark-theme body.dashboard .status-filter-tab__count,body.dashboard.dark-theme .status-filter-tab__count{background:var(--color-canvas);color:var(--color-text-muted)}html.dark-theme body.dashboard .status-filter-tab.is-active .status-filter-tab__count,body.dashboard.dark-theme .status-filter-tab.is-active .status-filter-tab__count{background:color-mix(in srgb, var(--color-on-accent) 18%, transparent);color:var(--color-on-accent)}html.dark-theme body.dashboard .check-in-users.table-sortable thead,html.dark-theme body.dashboard .check-in-users.table-sortable thead tr,html.dark-theme body.dashboard .check-in-users.table-sortable thead th,html.dark-theme body.dashboard .all-users-table.table-sortable thead,html.dark-theme body.dashboard .all-users-table.table-sortable thead tr,html.dark-theme body.dashboard .all-users-table.table-sortable thead th,body.dashboard.dark-theme .check-in-users.table-sortable thead,body.dashboard.dark-theme .check-in-users.table-sortable thead tr,body.dashboard.dark-theme .check-in-users.table-sortable thead th,body.dashboard.dark-theme .all-users-table.table-sortable thead,body.dashboard.dark-theme .all-users-table.table-sortable thead tr,body.dashboard.dark-theme .all-users-table.table-sortable thead th{background:var(--color-canvas);color:var(--color-text-muted)}html.dark-theme body.dashboard td.pickup-id-cell .pickup-id-pill,body.dashboard.dark-theme td.pickup-id-cell .pickup-id-pill{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 45%, transparent);color:var(--color-accent)}html.dark-theme body.dashboard td.name-cell .name-cell__temp-flag,body.dashboard.dark-theme td.name-cell .name-cell__temp-flag{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard .check-in-users.table-sortable td,body.dashboard .check-in-users.table-sortable th,body.dashboard .all-users-table.table-sortable td,body.dashboard .all-users-table.table-sortable th{border-top:0;border-left:0;border-right:0}body.dashboard #checkin-list .card.card-last,body.dashboard #view-all-users.card,body.dashboard #pickup-grid .card.pickup-grid-card{border-radius:var(--radius-lg);overflow:hidden}body.dashboard .check-in-users.table-sortable,body.dashboard .all-users-table.table-sortable{border-radius:0;overflow:visible}body.dashboard td.vehicle-cell{color:var(--color-text-muted);font-feature-settings:"tnum"}body.dashboard .status-pill{background:var(--status-muted-bg);border-radius:var(--radius-full);color:var(--status-muted-text);font-feature-settings:normal;font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;text-transform:none;white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;line-height:1;display:inline-flex}body.dashboard .status-pill:before{background:var(--status-muted-dot);border-radius:var(--radius-full);content:"";flex-shrink:0;width:6px;height:6px;display:inline-block}body.dashboard .status-pill[data-status=waiting]{background:var(--status-waiting-bg);color:var(--status-waiting-text)}body.dashboard .status-pill[data-status=waiting]:before{background:var(--status-waiting-dot)}body.dashboard .status-pill[data-status=checked-in]{background:var(--status-checked-in-bg);color:var(--status-checked-in-text)}body.dashboard .status-pill[data-status=checked-in]:before{background:var(--status-checked-in-dot)}body.dashboard .status-pill[data-status=picked-up]{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard .status-pill[data-status=picked-up]:before{background:var(--status-picked-up-dot)}body.dashboard .status-pill[data-status=active]{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}body.dashboard .status-pill[data-status=active]:before{background:var(--status-picked-up-dot)}body.dashboard .status-pill[data-status=restricted],body.dashboard .status-pill[data-status=deactivated]{background:var(--status-danger-bg);color:var(--status-danger-text)}body.dashboard .status-pill[data-status=restricted]:before,body.dashboard .status-pill[data-status=deactivated]:before{background:var(--status-danger-dot)}body.dashboard td.status-cell .status-pill,body.dashboard td.pickup-status-cell .status-pill{background:inherit;color:inherit}body.dashboard .all-users-table.table-sortable td.pickup-cell.pickup-id-cell{max-width:none;padding:var(--space-3) var(--space-4);text-overflow:clip;white-space:nowrap;align-items:center;display:table-cell;overflow:visible}body.dashboard .role-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:11.5px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;text-transform:capitalize;white-space:nowrap;align-items:center;padding:5px 10px;line-height:1;display:inline-flex}body.dashboard .role-pill[data-role=parent]{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 35%, transparent);color:var(--color-accent)}body.dashboard .role-pill[data-role=admin]{background:var(--status-danger-bg);border-color:color-mix(in srgb, var(--status-danger-dot) 30%, transparent);color:var(--status-danger-text)}body.dashboard .role-pill[data-role=temporary]{background:var(--status-waiting-bg);border-color:color-mix(in srgb, var(--status-waiting-dot) 30%, transparent);color:var(--status-waiting-text)}body.dashboard .role-pill[data-role=muted]{background:var(--status-muted-bg);border-color:var(--color-border);color:var(--status-muted-text)}body.dashboard td.actions-cell .resend-welcome-btn,body.dashboard td.actions-cell .edit-user-btn{color:#45526b;cursor:pointer;height:32px;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:#fff;border:1px solid #0b122014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;margin-right:6px;padding:0;font-size:13px;display:inline-flex}body.dashboard td.actions-cell .resend-welcome-btn:hover,body.dashboard td.actions-cell .edit-user-btn:hover{background:var(--color-canvas);color:var(--color-text);border-color:#0b122024}body.dashboard td.actions-cell .resend-welcome-btn:last-child,body.dashboard td.actions-cell .edit-user-btn:last-child{margin-right:0}body.dashboard #user-management .toggle-card,body.dashboard .toggle-card{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-3) 0 var(--space-4);transition:border-color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard);flex-direction:column;align-items:stretch;gap:6px;padding:14px 16px;display:flex}body.dashboard .toggle-card:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}body.dashboard .toggle-card__row{align-items:center;gap:10px;display:flex}body.dashboard .toggle-card__input{accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;width:18px;height:18px;margin:0}body.dashboard #user-management .toggle-card__title,body.dashboard .toggle-card__title{color:var(--color-text);cursor:pointer;font-size:14px;font-weight:var(--font-weight-semibold);letter-spacing:-.1px;text-transform:none;margin:0;line-height:1.3;display:inline}body.dashboard #user-management .toggle-card__helper,body.dashboard .toggle-card__helper{color:var(--color-text-muted);font-weight:var(--font-weight-regular);letter-spacing:0;text-transform:none;margin:0;line-height:1.4;font-size:12.5px!important}body.dashboard.admin-dashboard #pickup-grid-body .grid-child.waiting{background-color:var(--status-waiting-dot);border-color:color-mix(in srgb, var(--status-waiting-dot) 65%, transparent);color:#fff}body.dashboard.admin-dashboard #pickup-grid-body .grid-child.waiting:hover{background-color:color-mix(in srgb, var(--status-waiting-dot) 88%, black);color:#fff}body.dashboard.admin-dashboard #pickup-grid-body .grid-child.picked-up{background-color:var(--status-picked-up-dot)!important;border-color:color-mix(in srgb, var(--status-picked-up-dot) 65%, transparent)!important;color:#fff!important}body.dashboard.admin-dashboard #pickup-grid-body .grid-child.picked-up:hover{background-color:color-mix(in srgb, var(--status-picked-up-dot) 88%, black)!important}body.dashboard #pickup-grid-body .grid-child.waiting .confirm-pickup-icon{display:block}body.dashboard #pickup-grid .pickup-grid-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;padding:0;overflow:hidden}body.dashboard #pickup-grid .pickup-grid-card__header{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}body.dashboard #pickup-grid .pickup-grid-card__header h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 4px}body.dashboard #pickup-grid .pickup-grid-card__subtitle{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.4}body.dashboard #pickup-grid .pickup-grid-card .grid-resizer-toolbar{border:0;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);background:0 0;border-radius:0;margin:0}body.dashboard #pickup-grid .pickup-grid-card #pickup-grid-body.grid-container{padding:var(--space-4) var(--space-5);background:0 0;border:0;border-radius:0}body.dashboard #pickup-grid .pickup-grid-card .pickup-grid__legend{border:0;border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-5);background:0 0;border-radius:0}body.dashboard #pickup-grid>.header-actions{display:none}body.dashboard #pickup-grid .pickup-grid__legend-swatch--waiting{background:var(--status-waiting-dot);border:1px solid color-mix(in srgb, var(--status-waiting-dot) 65%, transparent)}body.dashboard #pickup-grid .pickup-grid__legend-swatch--inactive{background:var(--color-surface);border:1px solid var(--color-border)}body.dashboard #pickup-grid .pickup-grid__legend-swatch--checked-in{background:var(--status-checked-in-dot);border:1px solid color-mix(in srgb, var(--status-checked-in-dot) 65%, transparent)}body.dashboard #pickup-grid .pickup-grid__legend-swatch--picked-up{background:var(--status-picked-up-dot);border:1px solid color-mix(in srgb, var(--status-picked-up-dot) 65%, transparent)}html.dark-theme body.dashboard .status-pill[data-status=waiting],body.dashboard.dark-theme .status-pill[data-status=waiting]{background:var(--status-waiting-bg);color:var(--status-waiting-text)}html.dark-theme body.dashboard .status-pill[data-status=waiting]:before,body.dashboard.dark-theme .status-pill[data-status=waiting]:before{background:var(--status-waiting-dot)}html.dark-theme body.dashboard .status-pill[data-status=checked-in],body.dashboard.dark-theme .status-pill[data-status=checked-in]{background:var(--status-checked-in-bg);color:var(--status-checked-in-text)}html.dark-theme body.dashboard .status-pill[data-status=checked-in]:before,body.dashboard.dark-theme .status-pill[data-status=checked-in]:before{background:var(--status-checked-in-dot)}html.dark-theme body.dashboard .status-pill[data-status=picked-up],html.dark-theme body.dashboard .status-pill[data-status=active],body.dashboard.dark-theme .status-pill[data-status=picked-up],body.dashboard.dark-theme .status-pill[data-status=active]{background:var(--status-picked-up-bg);color:var(--status-picked-up-text)}html.dark-theme body.dashboard .status-pill[data-status=picked-up]:before,html.dark-theme body.dashboard .status-pill[data-status=active]:before,body.dashboard.dark-theme .status-pill[data-status=picked-up]:before,body.dashboard.dark-theme .status-pill[data-status=active]:before{background:var(--status-picked-up-dot)}html.dark-theme body.dashboard .status-pill[data-status=restricted],html.dark-theme body.dashboard .status-pill[data-status=deactivated],body.dashboard.dark-theme .status-pill[data-status=restricted],body.dashboard.dark-theme .status-pill[data-status=deactivated]{background:var(--status-danger-bg);color:var(--status-danger-text)}html.dark-theme body.dashboard .status-pill[data-status=restricted]:before,html.dark-theme body.dashboard .status-pill[data-status=deactivated]:before,body.dashboard.dark-theme .status-pill[data-status=restricted]:before,body.dashboard.dark-theme .status-pill[data-status=deactivated]:before{background:var(--status-danger-dot)}html.dark-theme body.dashboard .role-pill,body.dashboard.dark-theme .role-pill{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}html.dark-theme body.dashboard .role-pill[data-role=parent],body.dashboard.dark-theme .role-pill[data-role=parent]{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 45%, transparent);color:var(--color-accent)}html.dark-theme body.dashboard .role-pill[data-role=admin],body.dashboard.dark-theme .role-pill[data-role=admin]{background:var(--status-danger-bg);border-color:color-mix(in srgb, var(--status-danger-dot) 40%, transparent);color:var(--status-danger-text)}html.dark-theme body.dashboard .role-pill[data-role=temporary],body.dashboard.dark-theme .role-pill[data-role=temporary]{background:var(--status-waiting-bg);border-color:color-mix(in srgb, var(--status-waiting-dot) 40%, transparent);color:var(--status-waiting-text)}html.dark-theme body.dashboard td.actions-cell .resend-welcome-btn,html.dark-theme body.dashboard td.actions-cell .edit-user-btn,body.dashboard.dark-theme td.actions-cell .resend-welcome-btn,body.dashboard.dark-theme td.actions-cell .edit-user-btn{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--color-text-muted)}html.dark-theme body.dashboard td.actions-cell .resend-welcome-btn:hover,html.dark-theme body.dashboard td.actions-cell .edit-user-btn:hover,body.dashboard.dark-theme td.actions-cell .resend-welcome-btn:hover,body.dashboard.dark-theme td.actions-cell .edit-user-btn:hover{background:var(--color-canvas);border-color:color-mix(in srgb, var(--color-text) 22%, transparent);color:var(--color-text)}html.dark-theme body.dashboard .toggle-card,body.dashboard.dark-theme .toggle-card{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme body.dashboard .toggle-card__title,body.dashboard.dark-theme .toggle-card__title{color:var(--color-text)}html.dark-theme body.dashboard .toggle-card__helper,body.dashboard.dark-theme .toggle-card__helper{color:var(--color-text-muted)}html.dark-theme body.dashboard #pickup-grid .pickup-grid-card,body.dashboard.dark-theme #pickup-grid .pickup-grid-card{background:var(--color-surface);border-color:var(--color-border)}html.dark-theme body.dashboard #pickup-grid .pickup-grid-card__header h2,body.dashboard.dark-theme #pickup-grid .pickup-grid-card__header h2{color:var(--color-text)}html.dark-theme body.dashboard #pickup-grid .pickup-grid-card__subtitle,body.dashboard.dark-theme #pickup-grid .pickup-grid-card__subtitle{color:var(--color-text-muted)}html.dark-theme body.dashboard #pickup-grid .pickup-grid__legend-swatch--inactive,body.dashboard.dark-theme #pickup-grid .pickup-grid__legend-swatch--inactive{background:var(--color-surface);border-color:var(--color-border)}body.dashboard .sidebar-header .sidebar-logo,body.dashboard .sidebar-header .app-master-icon{border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:36px;height:36px}body.dashboard .sidebar-header .school-city{color:var(--color-text-muted);letter-spacing:0;font-size:11px;font-weight:500}body.dashboard .sidebar-header .school-city:empty{display:none}body.dashboard .topbar .title-row #page-title{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}body.dashboard .topbar .title-row #page-title .school-name{color:inherit;font-weight:inherit}body.dashboard .topbar .title-row #page-title .school-name:empty,body.dashboard .topbar-search,body.dashboard .topbar-icon-btn{display:none}.toggle-switch-container.emergency-mode{border-radius:var(--radius-full)}.toggle-switch-container.emergency-mode .toggle-switch{border-radius:var(--radius-full);width:50px;height:34px}.toggle-switch-container.emergency-mode .toggle-switch:before{width:20px;height:20px;bottom:7px;left:4px}.toggle-switch-container.emergency-mode .toggle-checkbox:checked+.toggle-switch:before{left:1px;transform:translate(24px)}html.dark-theme body.dashboard .sidebar-header .school-city,body.dashboard.dark-theme .sidebar-header .school-city{color:var(--color-text-muted)}body.dashboard #pickup-grid .pickup-grid-card .pickup-grid-card__header{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex}body.dashboard #pickup-grid .pickup-grid-card__heading{flex:auto;min-width:0}body.dashboard #pickup-grid .pickup-grid-card__heading h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin:0 0 4px}body.dashboard #pickup-grid .pickup-grid-card__heading .pickup-grid-card__subtitle{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.4}body.dashboard #pickup-grid .pickup-grid-card__header .grid-resizer-toolbar.grid-resizer-toolbar--inline{background:0 0;border:0;flex:none;gap:8px;margin:0;padding:0}body.dashboard #pickup-grid .pickup-grid-card__header .grid-resizer-toolbar--inline .grid-resizer-slider-wrap{width:130px}body.dashboard #pickup-grid .pickup-grid-card__header .grid-resizer-toolbar--inline .grid-resizer-label{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.4px;text-transform:uppercase}body.dashboard #pickup-grid .pickup-grid-card__header .grid-resizer-toolbar--inline .grid-nudge-btn{background:var(--color-canvas);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:inline-flex}body.dashboard #pickup-grid .pickup-grid-card__header .grid-resizer-toolbar--inline .grid-nudge-btn:hover{background:color-mix(in srgb, var(--color-accent) 8%, var(--color-canvas));border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}body.dashboard #pickup-grid .pickup-grid-card #pickup-grid-body.grid-container{gap:12px}#editUserModal .edit-user-modal{padding:var(--space-5) var(--space-5) var(--space-4)}#editUserModal .edit-user-modal__title{color:var(--color-text);letter-spacing:-.4px;margin:0 0 var(--space-4);text-align:left;text-transform:none;font-size:22px;font-weight:700;line-height:1.25}#editUserModal .edit-user-modal__section{margin:0;padding:0;display:block}#editUserModal .edit-user-modal__section--bordered{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5)}#editUserModal .edit-user-modal__section-heading{color:var(--color-text);letter-spacing:-.1px;margin:0 0 var(--space-3);text-align:left;text-transform:none;font-size:15px;font-weight:700;line-height:1.3}#editUserModal .edit-user-modal__section-heading--sub{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-4)}#editUserModal .edit-user-modal__section-intro{color:var(--color-text-muted);margin:0 0 var(--space-3);font-size:13px;line-height:1.45}#editUserModal .form-group{column-gap:var(--space-3);margin:0 0 var(--space-3);row-gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}#editUserModal .form-group>.full-width{grid-column:1/-1}.full-width.non-editable,form#editUserForm .toggle-card,#editUserModal small,p.edit-user-modal__section-intro{text-align:left}@media (width<=640px){#editUserModal .form-group{grid-template-columns:1fr}}#editUserModal .non-editable{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);grid-column:1/-1}#editUserModal .non-editable label{color:var(--color-text-muted);letter-spacing:.4px;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:600;display:block}#editUserModal .non-editable #editUserIdDisplay{color:var(--color-text);font-family:var(--font-family-mono,monospace);word-break:break-all;font-size:12px}#editUserModal small{color:var(--color-text-muted);margin-top:4px;font-size:12px;line-height:1.4;display:block}#editUserModal .edit-user-modal__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:flex-end;display:flex}#editUserModal .btn-secondary,#editUserModal .edit-user-modal__cancel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);padding:10px 18px;font-size:14px;font-weight:600}#editUserModal .edit-user-modal__cancel:hover{background:var(--color-canvas);border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border))}#editUserModal #granted-access-list{margin:0 0 var(--space-3);padding:0;list-style:none}#editUserModal #granted-access-list:empty:before{background:var(--color-canvas);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);content:"This user has not been granted any additional pickup access.";padding:var(--space-3);text-align:center;font-size:13px;display:block}#editUserModal .grant-access-form{align-items:end;column-gap:var(--space-3);margin-top:var(--space-3);row-gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}#editUserModal .grant-access-form>button{grid-column:1/-1;justify-self:start}@media (width<=640px){#editUserModal .grant-access-form{grid-template-columns:1fr}}html.dark-theme #editUserModal .edit-user-modal__section--bordered,body.dashboard.dark-theme #editUserModal .edit-user-modal__section--bordered,html.dark-theme #editUserModal .edit-user-modal__section-heading--sub,body.dashboard.dark-theme #editUserModal .edit-user-modal__section-heading--sub{border-top-color:var(--color-border)}html.dark-theme #editUserModal .non-editable,body.dashboard.dark-theme #editUserModal .non-editable{background:var(--color-canvas);border-color:var(--color-border)}html.dark-theme #editUserModal .btn-secondary,body.dashboard.dark-theme #editUserModal .btn-secondary,html.dark-theme #editUserModal .edit-user-modal__cancel,body.dashboard.dark-theme #editUserModal .edit-user-modal__cancel{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}html.dark-theme #editUserModal #granted-access-list:empty:before,body.dashboard.dark-theme #editUserModal #granted-access-list:empty:before{background:var(--color-canvas);border-color:var(--color-border);color:var(--color-text-muted)}@media (width<=1360px){body.dashboard .sidebar-footer{border:none;position:fixed;top:7px;right:4px}body.dashboard .sidebar-nav{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}body.dashboard .topbar-collapse{display:none}button.clearCheckinButton.btn-primary.button-spinner{width:100%;margin:24px 0}.toggle-switch-container.emergency-mode{width:100%;max-width:50px}body.dashboard.admin-dashboard .main-content header.topbar{flex-direction:column;align-items:flex-start}body.dashboard .stats-row{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}div#checkin-list.active{display:block}div#checkin-list .card{margin:0 0 24px}body.dashboard input#tableFilterInput{flex:auto;width:100%;max-width:100%;margin:0}body.dashboard table thead{clip:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.dashboard table tr{border-bottom:3px solid #000;display:block}body.dashboard table td{text-align:right;border-bottom:1px solid #ddd;max-width:100%;min-height:51px;font-size:14px;display:block!important}table.all-users-table.table-sortable td.pickup-cell{white-space:normal;max-width:100%;text-overflow:unset;overflow:visible}body.dashboard table td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}body.dashboard table td:last-child{border-bottom:0}body.dashboard td.actions-cell button{padding:10px;font-size:1.2rem}body.dashboard .check-in-table-header{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:18px}body.dashboard .check-in-table-header h3{text-align:left;margin:0 0 12px}p.hint{display:none}body.dashboard #pickup-grid .pickup-grid-card #pickup-grid-body.grid-container{padding:0}body.dashboard #all-users .card{margin-bottom:0}body.dashboard #pickup-grid .pickup-grid-card .pickup-grid-card__header{padding:var(--space-4) 0;flex-direction:column;align-items:flex-start}body.dashboard #pickup-grid .pickup-grid-card .pickup-grid__legend{padding:var(--space-3) 0}body.dashboard td.actions-cell{text-align:right;white-space:nowrap;width:auto}}@media (width<=1200px){body.dashboard .sidebar-header img{max-width:250px}body.dashboard .dashboard{flex-direction:column}body.dashboard .sidebar{width:100%;height:auto;position:static}body.dashboard .main-content{width:100%;padding-left:0;position:static}body.dashboard .grid-child{aspect-ratio:auto}}.dashboard-vehicle-cell{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.dashboard-vehicle-cell__swatch{vertical-align:middle;border:1px solid #0000001a;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}html.dark-theme body.dashboard .dashboard-vehicle-cell__swatch{border-color:#ffffff26}.temp-access-relationship-badge{background:var(--color-surface-alt);color:var(--color-text-muted);vertical-align:middle;border-radius:99px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}html.dark-theme body.dashboard .temp-access-relationship-badge{background:var(--color-surface-alt);color:var(--color-text-muted)}body.dashboard .share-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1100px){body.dashboard .share-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}}body.dashboard .share-step{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}body.dashboard .share-step__rule{background:var(--color-accent);border-radius:var(--radius-full);flex:none;width:22px;height:2px;display:block}body.dashboard .share-lede{color:var(--color-text-muted);max-width:60ch;margin-bottom:20px;line-height:1.6}body.dashboard .share-label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}body.dashboard .share-linkrow{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}body.dashboard .share-linkrow input{flex:260px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}body.dashboard .share-linkrow .btn-primary{flex:none;margin:0}body.dashboard .share-rule{border:0;border-top:1px solid var(--color-border);margin:22px 0 18px}body.dashboard .share-actions{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=700px){body.dashboard .share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}body.dashboard .share-action{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font:inherit;text-align:left;flex-direction:column;gap:6px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}body.dashboard .share-action:hover{border-color:var(--color-accent);transform:translateY(-1px)}body.dashboard .share-action__title{color:var(--color-text);font-weight:600}body.dashboard .share-action__sub{color:var(--color-text-muted);font-size:13px;line-height:1.45}body.dashboard .main-inner .card.share-qrcard{color:#f5f6fa;text-align:center;background:#0f2540;border-color:#0f2540}body.dashboard .share-qrcard__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}body.dashboard .share-qrcard h3{color:#f5f6fa;margin:0}body.dashboard .share-tag{color:#a1a7b3;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}body.dashboard .share-app-qr{border-radius:var(--radius-md);background:#fff;margin:0 auto;padding:14px;line-height:0;display:inline-block}body.dashboard .share-app-qr svg,body.dashboard .share-app-qr img{width:208px;max-width:100%;height:auto;display:block}body.dashboard .share-qrcard__hint{color:#a1a7b3;max-width:34ch;margin:14px auto 16px;font-size:13px;line-height:1.5}body.dashboard .share-qrcard__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}body.dashboard .share-qrcard__actions .btn-primary,body.dashboard .share-qrcard__actions .btn-secondary{margin:0}body.dashboard .share-qrcard__actions .btn-secondary{color:#f5f6fa;background:#ffffff14;border-color:#ffffff38}body.dashboard .share-qrcard__actions .btn-secondary:hover{background:#ffffff29}body.dashboard .share-msgcard__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}body.dashboard .share-msgcard__head h3,body.dashboard .share-storecard h3{margin:0 0 4px}body.dashboard .share-msgcard__head .btn-secondary{background:color-mix(in srgb, var(--color-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent);color:var(--color-accent);flex:none;margin:0}body.dashboard .share-msgcard__head .btn-secondary:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}body.dashboard .share-sub{color:var(--color-text-muted);margin:0;font-size:13px}body.dashboard .share-msg{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px;font-family:inherit;font-size:14px;line-height:1.65}body.dashboard .share-store{border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s;display:flex}body.dashboard .share-store:hover{border-color:var(--color-accent)}body.dashboard .share-store__mark{border-radius:var(--radius-md);color:#fff;background:#0f2540;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;display:flex}body.dashboard .share-store__text{flex-direction:column;flex:1;min-width:0;display:flex}body.dashboard .share-store__kicker{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}body.dashboard .share-store__name{font-weight:600}body.dashboard .share-store>i{color:var(--color-text-muted);flex:none;font-size:12px}body.dashboard .share-storenote{color:var(--color-text-muted);margin-top:16px;font-size:13px;line-height:1.5}html.dark-theme body.dashboard .share-action{background:var(--color-surface-alt)}html.dark-theme body.dashboard .share-msg{background:var(--color-surface)}body.superadmin{background:var(--background-color);min-height:100vh;color:var(--text-color);font-family:var(--font-family);margin:0}.sa-auth{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sa-auth__card{background:var(--card-background);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;width:100%;max-width:420px;padding:40px 32px;box-shadow:0 4px 24px #00000014}.sa-auth__header{text-align:center;margin-bottom:28px}.sa-auth__mark{border-radius:10px;margin:0 auto 16px;display:block}.sa-auth__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color);margin:0 0 4px;font-size:1.2rem;font-weight:600}.sa-auth__title{margin:0;font-size:2.2rem;font-weight:700}.sa-auth__form{flex-direction:column;gap:18px;display:flex}.sa-field{flex-direction:column;gap:6px;display:flex}.sa-field__label{font-size:1.3rem;font-weight:600}.sa-field input{font-family:var(--font-family);border:1px solid var(--border-color);background:var(--main-background-color);color:var(--text-color);box-sizing:border-box;border-radius:8px;width:100%;padding:11px 14px;font-size:1.5rem}.sa-field input:focus{outline:2px solid var(--primary-color);outline-offset:1px}.sa-btn{font-family:var(--font-family);cursor:pointer;border:none;border-radius:8px;padding:12px 18px;font-size:1.5rem;font-weight:600;transition:background-color .15s}.sa-btn--primary{background:var(--primary-color);color:var(--white)}.sa-btn--primary:hover{background:var(--hover-color)}.sa-btn:disabled{opacity:.6;cursor:not-allowed}.sa-error{color:#dc143c;margin:0;font-size:1.3rem;font-weight:600}.sa-error:empty{display:none}.sa-requestid{color:var(--text-color);opacity:.6;margin:0;font-family:monospace;font-size:1.1rem}.sa-neutral{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sa-neutral__text{max-width:420px;color:var(--text-color);font-size:1.6rem}[hidden],.sa-hidden{display:none!important}@media (prefers-reduced-motion:reduce){.sa-btn{transition:none}}
