@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-primary: #08111f;--bg-secondary: #08111f;--bg-card: #0d1726;--bg-card-hover: #122034;--bg-input: #0a1320;--bg-panel: rgba(13, 23, 38, .94);--text-primary: #f4efe6;--text-secondary: #beb3a4;--text-muted: #8e8579;--accent-primary: #7dc3ac;--accent-primary-dim: #4f8f79;--accent-danger: #d77e83;--accent-warning: #d6a964;--accent-success: #8ac39b;--accent-info: #9bb5d2;--border-color: rgba(244, 239, 230, .1);--border-active: #7dc3ac;--border-strong: rgba(244, 239, 230, .18);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 10px 24px rgba(0, 0, 0, .18);--shadow-md: 0 18px 42px rgba(0, 0, 0, .24);--shadow-lg: 0 28px 68px rgba(0, 0, 0, .34);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: "Manrope", "Segoe UI", sans-serif;--font-family-display: "Space Grotesk", "Manrope", sans-serif;--font-family-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: clamp(2.5rem, 10vw, 4.5rem);--line-height-base: 1.55;--line-height-tight: 1.04;--transition-fast: .16s ease;--transition-normal: .24s ease;--transition-slow: .38s ease;--max-width: 1120px;--surface-highlight: rgba(255, 255, 255, .03);--surface-active: rgba(125, 195, 172, .12);--surface-info: rgba(155, 181, 210, .14);--selection: rgba(125, 195, 172, .28);color-scheme:dark;font-family:var(--font-family);font-size:16px;line-height:var(--line-height-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*::selection{background:var(--selection)}html{min-height:100%;background:var(--bg-primary);overflow-x:hidden;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}body,button,input,textarea,select{font-family:var(--font-family)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.ghost-button,.login-submit,.admin-bottom-nav-link{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}#root{min-height:100vh;overflow-x:clip}:focus-visible{outline:2px solid rgba(125,195,172,.8);outline-offset:2px}.screen-shell{min-height:100vh;width:min(100%,var(--max-width));margin:0 auto;padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-2xl) + env(safe-area-inset-bottom));display:flex;justify-content:center}.screen-shell-with-nav{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.app-shell{min-height:100vh;width:min(100%,var(--max-width));margin:0 auto;padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-2xl) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-lg)}.app-header{display:flex;flex-direction:column;gap:var(--space-lg)}.brand-row{display:flex;align-items:flex-start;gap:var(--space-md)}.brand-mark{width:56px;height:56px;border-radius:var(--radius-lg);display:grid;place-items:center;flex-shrink:0;background:#7dc3ac;color:#131718;font-size:var(--font-size-xl);font-weight:700;box-shadow:var(--shadow-md)}.brand-copy{display:flex;flex-direction:column;gap:var(--space-sm)}.eyebrow,.page-badge{font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);font-weight:700}.brand-copy h1,.page-copy h1{font-family:var(--font-family-display);font-size:var(--font-size-3xl);line-height:.92;letter-spacing:-.06em}.brand-copy p,.page-copy p,.placeholder-card p,.placeholder-note,.status-copy{color:var(--text-secondary)}.status-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.status-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-md);border-radius:var(--radius-full);border:1px solid rgba(125,195,172,.26);background:#7dc3ac1f;color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:700}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.route-card{min-height:92px;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-sm);transition:transform var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.route-card:hover,.route-card:focus-visible{transform:translateY(-2px);border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);outline:none}.route-card.is-active{border-color:#7dc3ac57;background:#102033}.route-label,.placeholder-card h3,.page-copy h2{color:var(--text-primary)}.route-label{font-size:var(--font-size-base);font-weight:700}.route-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.page-shell{display:flex;flex:1}.auth-loading-panel,.page-panel{width:100%;padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-lg)}.screen-shell,.employee-dashboard,.admin-dashboard,.services-page,.employees-page,.reports-page,.profile-page{animation:page-fade .26s ease both}.auth-loading-panel{max-width:360px;min-height:220px;display:grid;place-items:center;gap:var(--space-sm);text-align:center}.auth-loading-panel p{color:var(--text-secondary)}.loading-spinner-wrap{display:grid;place-items:center}.auth-spinner{width:44px;height:44px;border-radius:var(--radius-full);border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent-primary);animation:spin .9s linear infinite}.auth-spinner-sm{width:18px;height:18px;border-width:2px}.page-copy{display:flex;flex-direction:column;gap:var(--space-sm)}.placeholder-header,.placeholder-meta{display:flex;align-items:center;gap:var(--space-sm)}.placeholder-header{justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap}.placeholder-user{color:var(--text-secondary);font-size:var(--font-size-sm)}.ghost-button,.login-submit{min-height:48px;padding:0 18px;border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.ghost-button{border-color:var(--border-color);background:#ffffff08;color:var(--text-primary)}.ghost-button:hover,.ghost-button:focus-visible{border-color:#7dc3ac47;background:#7dc3ac1a;outline:none;transform:translateY(-1px)}.login-submit{background:#d7c2a1;color:#101516;box-shadow:0 14px 30px #00000042}.login-submit:hover,.login-submit:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px #00000052;outline:none}.ghost-button:disabled,.login-submit:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}button:active,.ghost-button:active,.login-submit:active,.admin-bottom-nav-link:active{transform:scale(.985)}.pending-panel{max-width:760px}.auth-note,.network-banner{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.auth-note-success{border-color:#8ac39b57;background:#8ac39b1f;color:#d8f0dd}.auth-note-error,.network-banner{border-color:#d77e8366;background:#d77e831f;color:#ffd3d4}.pending-actions{margin-top:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-copy h2{font-size:clamp(1.75rem,6vw,2.6rem);line-height:var(--line-height-tight);font-family:var(--font-family-display)}.placeholder-grid{margin-top:var(--space-lg);display:grid;gap:var(--space-md)}.placeholder-card{min-height:144px;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#0d1726;display:flex;flex-direction:column;gap:var(--space-sm)}.placeholder-card h3{font-size:var(--font-size-lg)}.placeholder-note{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(min-width:768px){.screen-shell,.app-shell{padding:calc(var(--space-2xl) + env(safe-area-inset-top)) var(--space-xl) calc(var(--space-2xl) + env(safe-area-inset-bottom))}.brand-row{align-items:center}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-panel{padding:var(--space-xl)}.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:479px){.screen-shell,.app-shell{padding-left:var(--space-sm);padding-right:var(--space-sm)}.ghost-button,.login-submit{width:100%}}