/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.lowercase{text-transform:lowercase}}:root{--ink:#201c31;--muted:#706b80;--line:#e8e4ef;--surface:#ffffffe6;--canvas:#f7f6fa;--purple:#6d5dfc;--purple-dark:#5144d9;--purple-soft:#f0edff;--green:#12835f;--green-soft:#e9f8f1;--amber:#c67612;--amber-soft:#fff5de;--rose:#c2415b;--rose-soft:#fff0f3;--shadow:0 12px 34px #281f4f12}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at 80% -20%, #6d5dfc12, transparent 34%), var(--canvas);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-auth-page{background:radial-gradient(circle at 50% 12%,#6d5dfc29,#0000 30%),linear-gradient(145deg,#f9f8fc 0%,#f1eff8 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.admin-login-card{background:#fffffff5;border:1px solid #ded8ffe6;border-radius:24px;width:min(440px,100%);padding:28px;animation:.26s both rise;box-shadow:0 28px 90px #2a1f5c24}.admin-login-brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:24px;display:flex}.admin-login-brand>div{gap:2px;display:grid}.admin-login-brand strong{font-size:16px}.admin-login-brand div span{color:var(--muted);font-size:10px}.admin-login-heading{padding:27px 0 18px}.admin-login-icon{background:var(--purple-soft);width:48px;height:48px;color:var(--purple);border-radius:15px;place-items:center;margin-bottom:16px;display:grid}.admin-login-heading h1{letter-spacing:-.035em;margin:6px 0 8px;font-size:26px}.admin-login-heading p,.admin-login-note{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.admin-login-form{gap:15px;display:grid}.admin-login-form label{gap:7px;display:grid}.admin-login-form label>span{color:#5d5767;font-size:10px;font-weight:700}.admin-login-form label>div{border:1px solid var(--line);color:#8c8498;background:#fdfcfe;border-radius:11px;align-items:center;gap:9px;height:46px;padding:0 13px;display:flex}.admin-login-form input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.admin-login-submit{width:100%;min-height:45px;margin-top:3px}.admin-login-error{background:var(--rose-soft);color:var(--rose);border-radius:9px;margin:0;padding:10px 12px;font-size:10px}.admin-login-note{text-align:center;margin-top:18px}.admin-auth-loading{color:var(--purple);align-items:center;gap:10px;font-size:12px;display:flex}.admin-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:40;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;flex-direction:column;height:100vh;padding:22px 16px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 9px 21px;display:flex}.brand-mark,.staff-brand-mark{color:#fff;background:linear-gradient(140deg,#8a7cff,#5a4be1);border-radius:13px;flex:none;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 9px 19px #5c4be140}.brand div,.staff-login-brand div{gap:2px;display:grid}.brand strong{letter-spacing:-.4px;font-size:17px}.brand span,.staff-login-brand span{color:var(--muted);font-size:11px}.workspace-chip{border:1px solid var(--line);width:100%;min-height:60px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fbfaff;border-radius:14px;align-items:center;gap:9px;margin-bottom:18px;padding:9px;transition:all .16s;display:flex}.workspace-chip:hover{background:var(--purple-soft);border-color:#cec7ff}.workspace-chip:disabled{cursor:default;opacity:.9}.workspace-avatar{width:34px;height:34px;color:var(--purple-dark);background:var(--purple-soft);border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.workspace-chip div{flex:1;gap:2px;min-width:0;display:grid}.workspace-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.workspace-chip span{color:var(--muted);font-size:10px}.workspace-chip svg{color:#948da2}.side-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.side-nav::-webkit-scrollbar{display:none}.nav-label{color:#aaa4b4;letter-spacing:1.1px;text-transform:uppercase;padding:14px 12px 6px;font-size:9px;font-weight:800}.side-nav button{color:#676172;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:40px;padding:8px 11px;font-size:12px;font-weight:620;transition:all .16s;display:flex}.side-nav button:hover{color:var(--ink);background:#f7f5fb}.side-nav button.active{color:var(--purple-dark);box-shadow:inset 3px 0 var(--purple);background:linear-gradient(90deg,#f0edff,#f7f5ff)}.side-nav button em{color:#fff;background:var(--purple);border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px}.owner-card{align-items:center;gap:9px;padding:7px;display:flex}.owner-card>div{flex:1;gap:2px;min-width:0;display:grid}.owner-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.owner-card span{color:var(--muted);font-size:9px}.owner-card svg{color:#a29cab}.admin-main{min-width:0}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6fad9;border-bottom:1px solid #e7e3eed9;align-items:center;gap:16px;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.page-title{flex:1;gap:1px;display:grid}.page-title span{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:700}.page-title h1{letter-spacing:-.35px;margin:0;font-size:17px}.top-actions{align-items:center;gap:8px;display:flex}.business-select,.lang-button,.date-control,.search-control{border:1px solid var(--line);background:#ffffffe0;align-items:center;gap:8px;display:flex}.business-select{border-radius:10px;min-width:176px;height:38px;padding:0 10px}.business-select svg,.search-control svg,.date-control svg{color:#898293;flex:none}.business-select select{appearance:none;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px;font-weight:650}.lang-button{cursor:pointer;color:#5d5768;border-radius:10px;height:38px;padding:0 11px;font-size:10px;font-weight:700}.icon-button{border:1px solid var(--line);color:#6f6978;cursor:pointer;background:#ffffffe6;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;padding:0;transition:all .16s;display:grid}.icon-button:hover{color:var(--purple);border-color:#d7d1ef;transform:translateY(-1px)}.notification-wrap,.notification-button{position:relative}.notification-button>i{background:#ef526d;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.notification-panel{border:1px solid var(--line);background:#fffffffa;border-radius:18px;width:370px;padding:15px;animation:.18s rise;position:absolute;top:47px;right:-42px;box-shadow:0 24px 60px #281f4f2b}.notification-row{border-bottom:1px solid #f0edf4;grid-template-columns:auto 1fr;gap:10px;padding:11px 5px;display:grid}.notification-row:last-child{border-bottom:0}.notification-icon{width:30px;height:30px;color:var(--purple);background:var(--purple-soft);border-radius:9px;place-items:center;display:grid}.notification-icon.location,.notification-icon.early-checkout{color:var(--rose);background:var(--rose-soft)}.notification-icon.late{color:var(--amber);background:var(--amber-soft)}.notification-row div{gap:3px;display:grid}.notification-row strong{font-size:11px}.notification-row p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.notification-row small{color:#a19aa8;font-size:9px}.avatar{color:#fff;letter-spacing:.3px;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff3d}.avatar-small{width:33px;height:33px;font-size:9px}.mobile-menu{display:none}.content-wrap{max-width:1560px;margin:0 auto;padding:27px 30px 48px}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;animation:.26s rise;display:flex}.hero-row h2{letter-spacing:-1.05px;margin:5px 0;font-size:clamp(22px,2.2vw,30px);line-height:1.1}.hero-row p,.panel-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.eyebrow{color:var(--purple);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.live-dot{background:#18a473;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #18a4731c}.hero-actions,.table-tools,.modal-actions{align-items:center;gap:8px;display:flex}.date-control{border-radius:10px;height:38px;padding:0 11px}.date-control input{color:var(--ink);background:0 0;border:0;outline:0;font-size:10px;font-weight:650}.primary-button,.secondary-button,.filter-button,.approve-button,.reject-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:750;transition:all .16s;display:inline-flex}.primary-button{border:1px solid var(--purple);color:#fff;background:linear-gradient(145deg,#7666ff,#5b4be0);box-shadow:0 8px 18px #5c4ce22e}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #5c4ce23d}.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.secondary-button,.filter-button{border:1px solid var(--line);color:#615b6c;background:#fff}.secondary-button:hover,.filter-button:hover{color:var(--purple-dark);background:#fbfaff;border-color:#d8d1f1}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.metric-card{background:var(--surface);min-height:114px;box-shadow:var(--shadow);border:1px solid #e7e3eef2;border-radius:17px;align-items:center;gap:13px;padding:17px;animation:.32s both rise;display:flex}.metric-card:nth-child(2){animation-delay:35ms}.metric-card:nth-child(3){animation-delay:70ms}.metric-card:nth-child(4){animation-delay:.105s}.metric-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tone-violet{color:#6352e6;background:#eeebff}.tone-green{color:#137f5f;background:#e7f8f1}.tone-amber{color:#c37919;background:#fff4dd}.tone-rose{color:#c74c65;background:#fff0f3}.metric-copy{flex:1;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;min-width:0;display:grid}.metric-copy>span{color:#686274;grid-column:1;font-size:10px;font-weight:650}.metric-copy strong{letter-spacing:-1.5px;grid-area:1/2/3;font-size:30px}.metric-copy small{color:#9b94a4;font-size:9px}.attention-banner{background:linear-gradient(90deg,#faf6ff,#fffafd);border:1px solid #e9ddff;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;display:flex}.attention-icon{color:#8556c6;background:#f0e7ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.attention-banner div{flex:1;gap:2px;display:grid}.attention-banner strong{font-size:11px}.attention-banner p{color:var(--muted);margin:0;font-size:9px}.attention-banner button,.panel-footer button{color:var(--purple-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:750;display:flex}.attention-banner button svg,.panel-footer button svg{transform:rotate(-90deg)}.panel{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #e7e3eef5;border-radius:17px;animation:.32s rise}.panel-heading{border-bottom:1px solid #efecf3;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 18px;display:flex}.panel-heading h3{letter-spacing:-.3px;margin:3px 0 2px;font-size:14px}.search-control{border-radius:9px;width:205px;height:36px;padding:0 10px}.search-control input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:10px}.data-table th{color:#9891a1;letter-spacing:.65px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fbfafc;border-bottom:1px solid #efecf3;height:39px;padding:0 14px;font-size:8px;font-weight:800}.data-table td{color:#4f4959;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0edf3;height:62px;padding:8px 14px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:all .14s}.data-table tbody tr:hover{background:#fcfbff}.data-table td>strong{color:var(--ink);font-size:10px;display:block}.data-table td>small{color:#9a93a2;margin-top:2px;font-size:8px;display:block}.person-cell{align-items:center;gap:9px;display:flex}.person-cell>div{gap:2px;min-width:0;display:grid}.person-cell strong{color:var(--ink);font-size:10px}.person-cell span{color:#96909e;text-overflow:ellipsis;max-width:210px;font-size:8px;overflow:hidden}.business-cell{align-items:center;gap:7px;font-weight:650;display:inline-flex}.business-cell i,.shift-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.badge{text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.badge-checked-in,.badge-checked-out,.badge-approved,.badge-active,.badge-on-leave,.badge-approved-exception,.badge-inside{color:#167a5c;background:var(--green-soft);border-color:#d6f0e4}.badge-late,.badge-outside-geofence,.badge-outside,.badge-missing-checkout,.badge-unapproved-early-checkout{color:#af6410;background:var(--amber-soft);border-color:#f7e6ba}.badge-not-checked-in,.badge-pending,.badge-not-required{color:#6e6877;background:#f2f0f4;border-color:#e7e3ea}.badge-rejected,.badge-inactive{color:#be3e57;background:var(--rose-soft);border-color:#f5dce2}.badge-approved-early-leave{color:#5f4ed3;background:var(--purple-soft);border-color:#ded8ff}.danger-text{color:var(--rose)!important}.table-action{border-radius:8px;width:29px;height:29px}.staff-row-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.staff-status-button{background:var(--purple-soft);color:#5f4ed3;cursor:pointer;border:1px solid #d9d3ff;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.staff-status-button.danger{background:var(--rose-soft);color:#be3e57;border-color:#f2ccd5}.owner-logout{color:#8b8496;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.owner-logout:hover{background:var(--rose-soft);color:var(--rose)}.security-note,.admin-role-badge{background:var(--purple-soft);color:#5f4ed3;border:1px solid #ded8ff;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:700;display:inline-flex}.admin-role-badge.admin{background:var(--green-soft);color:var(--green);border-color:#d7e9e2}.admin-role-explainer{background:var(--purple-soft);color:#6255bd;border:1px solid #ded8ff;border-radius:9px;align-items:center;gap:9px;min-height:39px;margin-bottom:13px;padding:9px 11px;font-size:9px;line-height:1.45;display:flex}.permission-picker{border:1px solid var(--line);border-radius:12px;margin:5px 0 14px;padding:15px}.permission-picker legend{color:var(--ink);padding:0 7px;font-size:11px;font-weight:800}.permission-picker>p{color:var(--muted);margin:0 0 12px;font-size:9px}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.permission-grid label{cursor:pointer;margin:0;position:relative}.permission-grid input{opacity:0;pointer-events:none;position:absolute}.permission-grid span{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fdfcfe;border-radius:9px;align-items:center;gap:6px;padding:8px 9px;font-size:9px;font-weight:700;display:flex}.permission-grid span svg{opacity:0}.permission-grid input:checked+span{background:var(--purple-soft);color:var(--purple);border-color:#a99fff}.permission-grid input:checked+span svg{opacity:1}.panel-footer{color:#958e9e;border-top:1px solid #efecf3;justify-content:space-between;align-items:center;height:48px;padding:0 18px;font-size:9px;display:flex}.empty-state,.error-state,.loading-page{text-align:center;align-content:center;place-items:center;gap:8px;min-height:280px;padding:40px;display:grid}.empty-state>span{width:50px;height:50px;color:var(--purple);background:var(--purple-soft);border-radius:15px;place-items:center;display:grid}.empty-state h3,.error-state h2{margin:4px 0 0;font-size:15px}.empty-state p,.error-state p,.loading-page span{max-width:420px;color:var(--muted);margin:0;font-size:10px;line-height:1.5}.loading-page{min-height:60vh;color:var(--purple)}.loading-page strong{color:var(--ink);font-size:14px}.error-state{min-height:60vh;color:var(--rose)}.toast{z-index:100;color:#176b52;background:#eefcf6fa;border:1px solid #d2eedf;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:10px;font-weight:700;animation:.2s rise;display:flex;position:fixed;top:86px;right:26px;box-shadow:0 16px 40px #24544126}.business-grid,.exception-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.business-card,.exception-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:18px;padding:18px;animation:.3s rise}.business-card-inactive{box-shadow:none;background:#faf9fcdb}.business-card-top,.exception-top{justify-content:space-between;align-items:center;display:flex}.business-card-menu{align-items:center;gap:7px;display:flex}.large-business-icon{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.business-card h3,.exception-card h3{margin:16px 0 5px;font-size:15px}.business-card>p{color:var(--muted);align-items:center;gap:6px;margin:0 0 16px;font-size:9px;display:flex}.geofence-line{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9px;display:flex}.geofence-line strong{color:var(--ink)}.mini-map,.map-placeholder{background:#f5f3f7;border:1px solid #ebe7ef;border-radius:13px;height:116px;position:relative;overflow:hidden}.map-grid{opacity:.62;background-image:linear-gradient(#ded9e4 1px,#0000 1px),linear-gradient(90deg,#ded9e4 1px,#0000 1px),linear-gradient(35deg,#0000 48%,#e7e2ec 49% 51%,#0000 52%);background-size:28px 28px,28px 28px,72px 72px;position:absolute;inset:-20px;transform:rotate(8deg)}.mini-map>span,.map-placeholder>span{color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(-45deg);box-shadow:0 7px 16px #29223c38}.mini-map>span svg,.map-placeholder>span svg{transform:rotate(45deg)}.mini-map small{color:var(--green);background:#ffffffe6;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:750;position:absolute;bottom:8px;right:8px}.business-card-actions{justify-content:space-between;gap:8px;padding-top:13px;display:flex}.business-card-actions a,.business-card-actions button{color:var(--purple-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;font-weight:750;display:inline-flex}.business-card-actions button{color:var(--muted)}.portal-disabled{color:var(--muted);font-size:9px;font-weight:700}.business-status-control{background:var(--purple-soft);width:100%;min-height:32px;color:var(--purple-dark);cursor:pointer;border:1px solid #d9d3ff;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:9px;font-weight:750;display:flex}.business-status-control.danger{background:var(--rose-soft);color:#be3e57;border-color:#f2ccd5}.shift-template-row{gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.shift-template{border:1px solid var(--line);color:#615b6b;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:max-content;min-height:38px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.shift-template svg{color:#958fa0;margin-left:5px}.shift-0{background:#5d4ee0}.shift-1{background:#16916b}.shift-2{background:#db8726}.shift-3{background:#4b5eaa}.roster-panel{min-width:0;overflow-x:auto}.roster-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-width:1020px;padding:13px 14px;display:flex}.roster-toolbar>div:first-child{gap:3px;display:grid}.roster-toolbar strong{font-size:11px}.roster-week-controls{align-items:center;gap:6px;display:flex}.roster-week-controls>button:not(.icon-button){border:1px solid var(--line);height:31px;color:var(--purple-dark);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-size:9px;font-weight:750}.roster-head,.roster-row{grid-template-columns:230px repeat(7,minmax(95px,1fr));align-items:center;gap:7px;min-width:1020px;padding:9px 14px;display:grid}.roster-head{color:#9891a0;border-bottom:1px solid var(--line);text-align:center;text-transform:uppercase;background:#fbfafc;min-height:43px;font-size:8px;font-weight:800}.roster-head span:first-child{text-align:left}.roster-head span:not(:first-child){gap:2px;display:grid}.roster-head small{color:#b0aab7;font-size:8px}.roster-row{border-bottom:1px solid #f0edf3}.roster-row:last-child{border-bottom:0}.shift-block{color:#5f50ca;cursor:pointer;background:#f4f1ff;border:1px solid #ded8ff;border-radius:9px;align-content:center;place-items:center;gap:2px;min-height:46px;font-size:8px;display:grid}.shift-block strong{font-size:9px}.shift-block.off{color:#98919f;background:#f5f3f6;border-color:#ece8ef}.shift-block.overnight{color:#a25f10;background:#fff5e2;border-color:#f3dfb6}.shift-block.assigned{box-shadow:inset 0 0 0 1px}.shift-day-picker{border:1px solid var(--line);border-radius:11px;margin:2px 0 14px;padding:13px}.shift-day-picker legend{color:#5d5767;padding:0 6px;font-size:9px;font-weight:800}.shift-day-picker>div{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.shift-day-picker label{cursor:pointer;margin:0;position:relative}.shift-day-picker input{opacity:0;pointer-events:none;position:absolute}.shift-day-picker span{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fdfcfe;border-radius:8px;place-items:center;font-size:8px;font-weight:800;display:grid}.shift-day-picker input:checked+span{background:var(--purple-soft);color:var(--purple);border-color:#a99fff}.request-summary{grid-template-columns:repeat(3,160px);gap:10px;margin-bottom:14px;display:grid}.request-summary div{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:9px;display:flex}.request-summary strong{color:var(--ink);font-size:17px}.request-row{border-bottom:1px solid #f0edf3;grid-template-columns:auto minmax(145px,1fr) minmax(180px,1.1fr) minmax(180px,1.5fr) auto auto;align-items:center;gap:14px;min-height:82px;padding:12px 16px;display:grid}.request-row:last-child{border-bottom:0}.request-person,.request-dates,.request-reason{gap:3px;display:grid}.request-person strong,.request-dates strong{font-size:10px}.request-person span,.request-row small{color:var(--muted);font-size:8px}.request-reason p{color:#595360;margin:0;font-size:9px;line-height:1.45}.approval-actions{gap:6px;display:flex}.approve-button{color:#126e52;background:var(--green-soft);border:1px solid #d3ecdf;min-height:32px;padding:0 10px}.reject-button{color:#b33b53;background:var(--rose-soft);border:1px solid #f2dae0;min-height:32px;padding:0 10px}.exception-card{gap:14px;display:grid}.exception-icon{width:38px;height:38px;color:var(--amber);background:var(--amber-soft);border-radius:12px;place-items:center;display:grid}.exception-details{grid-template-columns:1fr 1fr;gap:8px;display:grid}.exception-details div{background:#faf9fc;border-radius:9px;gap:3px;padding:9px;display:grid}.exception-details small{color:var(--muted);font-size:8px}.exception-details strong{font-size:9px}.exception-card>p{min-height:36px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.full-button{width:100%}.report-summary-card{color:#fff;background:radial-gradient(circle at 85% 0,#ffffff24,#0000 30%),linear-gradient(125deg,#282044,#5043a7);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:20px;display:flex;box-shadow:0 16px 38px #352b6930}.report-summary-card .eyebrow{color:#c9c2ff}.report-summary-card h3{margin:4px 0 3px;font-size:20px}.report-summary-card p{color:#ffffffa6;margin:0;font-size:9px}.report-metrics{align-items:stretch;display:flex}.report-metrics span{border-left:1px solid #ffffff21;place-items:center;gap:3px;min-width:80px;padding:3px 16px;display:grid}.report-metrics small{color:#ffffff9e;font-size:8px}.report-metrics strong{font-size:23px}.settings-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card,.delivery-card{padding:20px}.settings-title{align-items:center;gap:11px;margin-bottom:18px;display:flex}.setting-icon{width:40px;height:40px;color:var(--purple);background:var(--purple-soft);border-radius:12px;place-items:center;display:grid}.settings-title h3,.delivery-card h3{margin:0 0 3px;font-size:14px}.settings-title p,.delivery-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.form-field,.modal-form label{gap:6px;margin-bottom:13px;display:grid}.form-field>span,.modal-form label>span{color:#5d5767;font-size:9px;font-weight:700}.form-field input,.form-field select,.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--line);width:100%;height:39px;color:var(--ink);background:#fdfcfe;border-radius:9px;outline:0;padding:0 11px;font-size:10px;transition:all .15s}.modal-form textarea{resize:vertical;height:auto;padding-top:10px}.form-field input:focus,.form-field select:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#a99fff;box-shadow:0 0 0 3px #6d5dfc14}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-field-full{grid-column:1/-1}.color-field{align-items:center;gap:9px;min-height:39px;display:flex}.modal-form .color-field input[type=color]{cursor:pointer;flex:none;width:54px;padding:4px}.color-field small{color:var(--muted);font-size:8px;line-height:1.4}.branding-preview{border:1px solid var(--line);background:#fbfaff;border-radius:11px;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.branding-preview div{gap:3px;display:grid}.branding-preview strong{font-size:11px}.branding-preview small{color:var(--muted);font-size:8px}.input-suffix{position:relative}.input-suffix em{color:var(--muted);font-size:8px;font-style:normal;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.switch-row{border-top:1px solid #efecf3;border-bottom:1px solid #efecf3;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:13px 0;display:flex}.switch-row div{gap:3px;display:grid}.switch-row strong{font-size:10px}.switch-row span{color:var(--muted);font-size:8px}.switch-row input{appearance:none;cursor:pointer;background:#d7d2dc;border-radius:999px;width:38px;height:21px;padding:2px;transition:all .18s}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .18s;display:block;box-shadow:0 2px 5px #211c3133}.switch-row input:checked{background:var(--purple)}.switch-row input:checked:after{transform:translate(17px)}.delivery-card{text-align:center;flex-direction:column;align-items:center;display:flex}.delivery-illustration{width:75px;height:75px;color:var(--purple);background:var(--purple-soft);border-radius:24px;place-items:center;margin:8px 0 15px;display:grid;position:relative}.delivery-illustration span{color:#fff;background:var(--green);border:3px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:-2px;right:-2px}.delivery-card>strong{color:var(--green);margin:4px 0 7px;font-size:11px}.delivery-log{background:#faf9fc;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:18px 0 11px;padding:11px;font-size:9px;display:flex}.delivery-log>span{color:var(--green);align-items:center;gap:6px;display:flex}.geofence-setting{border-bottom:1px solid #efecf3;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:9px 0;display:grid}.geofence-setting>span{color:#fff;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.geofence-setting div{gap:2px;display:grid}.geofence-setting strong{font-size:9px}.geofence-setting small{color:var(--muted);font-size:8px}.geofence-setting em{color:var(--muted);font-size:9px;font-style:normal;font-weight:700}.geofence-setting .icon-button{width:29px;height:29px}.audit-list{padding:4px 16px}.audit-row{border-bottom:1px solid #f0edf3;grid-template-columns:auto minmax(240px,1fr) minmax(150px,.5fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 0;display:grid}.audit-row:last-child{border-bottom:0}.audit-icon{width:35px;height:35px;color:var(--purple);background:var(--purple-soft);border-radius:10px;place-items:center;display:grid}.audit-row div{gap:3px;display:grid}.audit-row strong{font-size:9px}.audit-row p,.audit-row span{color:var(--muted);margin:0;font-size:8px}.audit-row time{color:#948d9c;font-size:8px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b16297a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #fffc;border-radius:20px;width:min(590px,100%);max-height:calc(100vh - 36px);animation:.18s rise;overflow-y:auto;box-shadow:0 30px 90px #1c162b4d}.modal-wide{width:min(880px,100%)}.modal-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.modal-header h2{margin:3px 0 0;font-size:16px}.modal-form{padding:18px}.modal-actions{justify-content:flex-end;padding-top:8px}.info-box,.note-card,.location-tip{background:var(--purple-soft);color:#6255bd;border:1px solid #ded8ff;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;font-size:9px;line-height:1.5;display:flex}.form-error{color:var(--rose);align-items:center;gap:6px;font-size:9px;display:flex}.detail-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:18px;display:grid}.detail-person{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:17px;display:flex}.detail-person h3{margin:0 0 3px;font-size:15px}.detail-person p{color:var(--muted);margin:0 0 6px;font-size:9px}.timeline{padding:17px 5px 7px}.timeline-item{grid-template-columns:28px 1fr;gap:9px;min-height:67px;display:grid;position:relative}.timeline-item:after{content:"";background:#e3dfe7;width:1px;position:absolute;top:27px;bottom:0;left:13px}.timeline-item:last-child:after{display:none}.timeline-item>span{color:#958e9d;background:#f2f0f4;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.timeline-item.done>span{color:#fff;background:var(--green)}.timeline-item div{align-content:start;gap:2px;padding-top:1px;display:grid}.timeline-item small{color:var(--muted);font-size:8px}.timeline-item strong{font-size:11px}.timeline-item p{color:#99929f;margin:0;font-size:8px}.note-card{color:#6a571d;background:var(--amber-soft);border-color:#f2dfb7;margin-bottom:12px}.note-card strong{margin-bottom:2px;font-size:9px;display:block}.note-card p{margin:0;font-size:9px}.correction-box{border:1px solid var(--line);background:#fbfafc;border-radius:13px;padding:14px}.correction-box h3{margin:3px 0;font-size:12px}.correction-box>div>p{color:var(--muted);margin:0 0 13px;font-size:8px}.location-card{border:1px solid var(--line);background:#fbfafc;border-radius:15px;padding:12px}.location-card h3{margin:13px 0 8px;font-size:12px}.location-card>div:not(.map-placeholder){color:var(--muted);border-bottom:1px solid #ece9ef;justify-content:space-between;align-items:center;gap:8px;padding:9px 1px;font-size:8px;display:flex}.location-card>div strong{color:var(--ink);font-size:9px}.location-card>a{margin-top:12px}.mobile-bottom-nav{display:none}.staff-app,.staff-login-page,.staff-loading{--staff-accent:#6d5dfc;min-height:100svh}.staff-app{background:#f5f3f8;place-items:start center;display:grid;position:relative;overflow:hidden}.staff-background{pointer-events:none;position:fixed;inset:0;overflow:hidden}.staff-orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#735ff630,#735ff600);width:360px;height:360px;top:-160px;right:-130px}.orb-two{background:radial-gradient(circle,#3fc09c1f,#3fc09c00);width:410px;height:410px;bottom:-160px;left:-170px}.staff-phone{z-index:1;width:min(100%,480px);min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 17px calc(145px + env(safe-area-inset-bottom));position:relative}.staff-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.staff-business{align-items:center;gap:9px;display:flex}.staff-business-mark{color:#fff;width:38px;height:38px;box-shadow:0 8px 18px var(--staff-accent);border:3px solid #ffffffd9;border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.staff-business-mark{box-shadow:0 8px 18px color-mix(in srgb, var(--staff-accent) 28%, transparent)}}.staff-business-mark{font-size:15px;font-weight:800}.staff-business div{gap:2px;display:grid}.staff-business strong{font-size:12px}.staff-business span{color:var(--muted);font-size:9px}.staff-header-actions{gap:7px;display:flex}.staff-header-actions button{color:#6f6878;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #e2dde9e6;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.staff-header-actions button:last-child{width:35px;padding:0}.staff-greeting{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.staff-greeting>div{gap:1px;display:grid}.staff-greeting>div>span{color:var(--muted);font-size:11px}.staff-greeting h1{letter-spacing:-.9px;margin:0;font-size:25px}.staff-greeting h1 span{font-size:22px}.staff-avatar{color:#fff;width:45px;height:45px;box-shadow:0 8px 18px var(--staff-accent);border:3px solid #fff;border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.staff-avatar{box-shadow:0 8px 18px color-mix(in srgb, var(--staff-accent) 22%, transparent)}}.staff-avatar{font-size:11px;font-weight:800}.time-card{background:radial-gradient(circle at 90% -15%, #ffffff47, transparent 32%), linear-gradient(135deg, var(--staff-accent), var(--staff-accent));border:1px solid #ffffffbf;border-radius:20px;margin-bottom:12px;padding:16px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.time-card{background:radial-gradient(circle at 90% -15%, #ffffff47, transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--staff-accent) 89%, #20203b), color-mix(in srgb, var(--staff-accent) 58%, #2a2b54))}}.time-card{color:#fff;box-shadow:0 17px 36px var(--staff-accent)}@supports (color:color-mix(in lab, red, red)){.time-card{box-shadow:0 17px 36px color-mix(in srgb, var(--staff-accent) 23%, transparent)}}.time-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.time-card-top span,.time-card p{color:#ffffffc7;align-items:center;gap:6px;font-size:9px;display:flex}.time-card-top em{background:#ffffff21;border-radius:7px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:700}.time-card>strong{letter-spacing:-1.8px;margin-bottom:6px;font-size:36px;line-height:1;display:block}.time-card p{margin:0}.status-card,.staff-shortcuts button,.recent-request{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #e5e0eae6;box-shadow:0 12px 28px #372d4e0f}.status-card{border-radius:18px;margin-bottom:12px;padding:15px}.status-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.status-top>span:first-child{color:var(--muted);font-size:9px;font-weight:700}.staff-status,.request-pill{border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.staff-status i,.request-pill i{border-radius:50%;width:6px;height:6px}.status-success{color:var(--green);background:var(--green-soft)}.status-success i{background:var(--green)}.status-warning{color:var(--amber);background:var(--amber-soft)}.status-warning i{background:var(--amber)}.status-neutral{color:#6c6675;background:#f1eff3}.status-neutral i{background:#96909d}.status-timeline{grid-template-columns:1fr 54px 1fr;align-items:center;display:grid}.status-timeline>i{background:repeating-linear-gradient(90deg,#d9d3df 0 4px,#0000 4px 8px);height:1px}.status-timeline>div{grid-template-columns:28px 1fr;gap:1px 7px;display:grid}.status-timeline>div>span{color:#aaa3b0;background:#f1eff3;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.status-timeline>div.complete>span{color:#fff;background:var(--staff-accent)}.status-timeline small{color:var(--muted);font-size:8px}.status-timeline strong{font-size:11px}.late-note{color:var(--amber);background:var(--amber-soft);border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 9px;font-size:8px;font-weight:650;display:flex}.staff-shortcuts{gap:9px;margin-bottom:12px;display:grid}.staff-shortcuts button{cursor:pointer;text-align:left;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 12px;display:grid}.shortcut-icon{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.shortcut-icon.leave{color:#6653db;background:#efecff}.shortcut-icon.early{color:#bf7315;background:#fff3dc}.staff-shortcuts button>div{gap:3px;display:grid}.staff-shortcuts strong{font-size:10px}.staff-shortcuts small{color:var(--muted);font-size:8px}.staff-shortcuts button>svg{color:#aaa4b0}.recent-request{border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.recent-request>div{gap:3px;display:grid}.recent-request strong{font-size:9px}.request-pill{text-transform:capitalize}.request-pill.pending{color:var(--amber);background:var(--amber-soft)}.request-pill.pending i{background:var(--amber)}.request-pill.approved{color:var(--green);background:var(--green-soft)}.request-pill.approved i{background:var(--green)}.request-pill.rejected{color:var(--rose);background:var(--rose-soft)}.request-pill.rejected i{background:var(--rose)}.staff-alert{color:#ae591a;background:#fff4e4;border:1px solid #f3dfbf;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:8px;margin-top:12px;padding:11px;display:grid}.staff-alert div{gap:2px;display:grid}.staff-alert strong{font-size:9px}.staff-alert p{margin:0;font-size:8px;line-height:1.45}.staff-alert button{color:inherit;background:0 0;border:0;padding:0}.staff-action-dock{z-index:20;width:min(100%,480px);padding:12px 17px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#f5f3f800,#f5f3f8f7 22%);margin:auto;position:fixed;bottom:0;left:0;right:0}.staff-action-dock>p{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:0 0 8px;font-size:8px;display:flex}.attendance-button{color:#fff;background:radial-gradient(circle at 85% 0, #ffffff2e, transparent 30%), linear-gradient(145deg, var(--staff-accent), var(--staff-accent));border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;height:64px;padding:0 17px 0 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.attendance-button{background:radial-gradient(circle at 85% 0, #ffffff2e, transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--staff-accent) 92%, #19172a), color-mix(in srgb, var(--staff-accent) 72%, #24213b))}}.attendance-button{box-shadow:0 15px 30px var(--staff-accent)}@supports (color:color-mix(in lab, red, red)){.attendance-button{box-shadow:0 15px 30px color-mix(in srgb, var(--staff-accent) 26%, transparent)}}.attendance-button{cursor:pointer;text-align:left;transition:all .16s}.attendance-button:active{transform:scale(.988)}.attendance-button>span{background:#ffffff26;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.attendance-button strong{letter-spacing:-.25px;font-size:14px}.attendance-button.completed{background:linear-gradient(145deg,#218a69,#16674f);box-shadow:0 15px 30px #16694e33}.attendance-button:disabled{cursor:default}.staff-loading{color:var(--purple);background:#f6f4fa;align-content:center;place-items:center;gap:15px;display:grid}.staff-loading p{color:var(--muted);margin:0;font-size:10px}.staff-login-page{background:linear-gradient(145deg,#f8f6fcf5,#f2eff9fa),#f5f3f8;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.staff-login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:25px;width:min(100%,430px);padding:26px;position:relative;box-shadow:0 28px 70px #3126511f}.staff-login-brand{align-items:center;gap:10px;margin-bottom:30px;display:flex}.staff-login-brand strong{font-size:13px}.login-heading{margin-bottom:22px}.login-heading h1{letter-spacing:-1.1px;margin:6px 0 5px;font-size:28px}.login-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.staff-login-form{gap:13px;display:grid}.staff-login-form label{gap:6px;display:grid}.staff-login-form label>span{color:#5d5767;font-size:9px;font-weight:700}.staff-login-form label>div{border:1px solid var(--line);background:#faf9fccc;border-radius:12px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.staff-login-form label svg{color:#918a99}.staff-login-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.staff-login-button,.sheet-submit{color:#fff;cursor:pointer;background:linear-gradient(145deg,#7666ff,#5d4edf);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;font-size:11px;font-weight:750;display:flex;box-shadow:0 10px 22px #5c4ce236}.staff-error{color:var(--rose);align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.demo-credential{color:#675c99;background:#f6f3ff;border:1px solid #e2ddf8;border-radius:10px;align-items:center;gap:7px;margin-top:15px;padding:10px;font-size:8px;display:flex}.privacy-note{color:#9a93a1;justify-content:center;align-items:center;gap:5px;margin:18px 0 0;font-size:8px;display:flex}.staff-sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b162873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.staff-sheet{width:min(100%,480px);max-height:88svh;padding:14px 19px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:25px 25px 0 0;animation:.22s sheet-up;position:relative;overflow-y:auto;box-shadow:0 -24px 70px #1f192f33}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:#ddd8e1;border-radius:999px;width:42px;height:4px;margin:0 auto 16px;display:block}.sheet-close{color:#736d7a;cursor:pointer;background:#f3f1f5;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;right:17px}.sheet-heading{align-items:center;gap:11px;margin-bottom:19px;padding-right:30px;display:flex}.sheet-heading>span{width:43px;height:43px;color:var(--purple);background:var(--purple-soft);border-radius:13px;flex:none;place-items:center;display:grid}.sheet-heading.warning>span{color:var(--amber);background:var(--amber-soft)}.sheet-heading h2{margin:0 0 3px;font-size:16px}.sheet-heading p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.staff-sheet form>label,.sheet-grid label{gap:6px;margin-bottom:13px;display:grid}.staff-sheet label>span{color:#5f5967;font-size:9px;font-weight:700}.staff-sheet input,.staff-sheet select,.staff-sheet textarea{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);background:#fbfafc;border-radius:10px;outline:0;padding:0 11px;font-size:10px}.staff-sheet textarea{resize:vertical;padding-top:10px}.staff-sheet input:focus,.staff-sheet select:focus,.staff-sheet textarea:focus{border-color:#a99fff;box-shadow:0 0 0 3px #6d5dfc14}.sheet-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-submit{margin-top:5px}.sheet-submit:disabled{opacity:.6}.warning-button{background:linear-gradient(145deg,#d18426,#b96716);box-shadow:0 10px 22px #c06f1533}.location-tip{color:#9a631e;background:var(--amber-soft);border-color:#f1dfba;margin-bottom:14px}.success-sheet{text-align:center;place-items:center;padding:13px 0 8px;display:grid}.success-rings{background:radial-gradient(circle,#e8f8f1 45%,#e8f8f180 46% 60%,#e8f8f133 61%);border-radius:50%;place-items:center;width:102px;height:102px;margin-bottom:18px;display:grid}.success-rings span{color:#fff;background:linear-gradient(145deg,#23a477,#14805d);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 25px #14805d3d}.success-sheet h2{margin:6px 0 5px;font-size:20px}.success-sheet p{color:var(--muted);margin:0 0 22px;font-size:9px}@media (width<=1180px){.permission-grid,.metrics-grid,.business-grid,.exception-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-row{grid-template-columns:auto 1fr 1fr auto}.request-reason{display:none}.report-metrics span{min-width:62px;padding-inline:10px}}@media (width<=900px){.admin-shell{display:block}.sidebar{width:260px;transition:all .22s;position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 55px #231c3329}.sidebar-open{transform:translate(0)}.mobile-menu{display:grid}.content-wrap,.topbar{padding-inline:20px}.settings-layout,.settings-grid,.detail-layout{grid-template-columns:1fr}.location-card{display:none}}@media (width<=680px){.admin-auth-page{padding:12px}.admin-login-card{border-radius:20px;padding:22px}.permission-grid{grid-template-columns:1fr}.topbar{height:64px;padding:0 13px}.page-title span,.lang-button,.top-actions>.avatar,.business-select svg:first-child{display:none}.page-title h1{font-size:14px}.business-select{min-width:126px;max-width:150px;height:35px}.notification-button{width:35px;height:35px}.notification-panel{width:auto;position:fixed;top:60px;left:10px;right:10px}.content-wrap{padding:20px 13px 94px}.hero-row{flex-direction:column;align-items:flex-start;gap:14px}.hero-row h2{font-size:24px}.hero-actions{width:100%;overflow-x:auto}.hero-actions>*{min-width:max-content}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{flex-direction:column;align-items:flex-start;gap:9px;min-height:122px;padding:13px}.metric-icon{width:35px;height:35px}.metric-copy strong{font-size:25px}.attention-banner{align-items:flex-start}.attention-banner button{display:none}.panel-heading{flex-direction:column;align-items:flex-start}.table-tools,.search-control{width:100%}.filter-button{flex:none}.data-table{min-width:830px}.panel-footer{display:none}.business-grid,.exception-grid{grid-template-columns:1fr}.request-summary{grid-template-columns:repeat(3,1fr)}.request-row{grid-template-columns:auto 1fr auto;gap:10px}.request-dates{grid-column:2}.request-row>.badge{grid-area:1/3}.approval-actions{grid-column:2/4}.report-summary-card{flex-direction:column;align-items:flex-start}.report-metrics{width:100%;overflow-x:auto}.report-metrics span{border-left:0;border-right:1px solid #ffffff21;flex:1}.form-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:auto 1fr}.audit-row>div:nth-of-type(2),.audit-row time{grid-column:2}.mobile-bottom-nav{z-index:35;height:calc(68px + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #2a223d14}.mobile-bottom-nav button{color:#948d9c;background:0 0;border:0;border-radius:9px;place-items:center;gap:2px;padding:3px;font-size:7px;font-weight:700;display:grid}.mobile-bottom-nav button.active{color:var(--purple);background:var(--purple-soft)}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:23px 23px 0 0;width:100%;max-height:91svh}.modal-form .form-grid{grid-template-columns:1fr}}@media (width>=481px){.staff-app{padding:22px 0}.staff-phone{background:#f7f5fabf;border:1px solid #ffffffd9;border-radius:30px;min-height:calc(100svh - 44px);box-shadow:0 30px 80px #271f3a1c}.staff-action-dock{border-radius:0 0 30px 30px;bottom:22px}.staff-sheet{border-radius:25px;margin-bottom:18px}}@media print{.sidebar,.topbar,.hero-actions,.mobile-bottom-nav,.attention-banner,.table-tools,.table-action{display:none!important}.admin-shell{display:block}.content-wrap{max-width:none;padding:0}.panel,.report-summary-card{box-shadow:none;break-inside:avoid}.data-table{min-width:0;font-size:8px}}