:root{--bg-primary: #070b11;--bg-secondary: #0b1118;--bg-card: #101722;--bg-card-hover: #16202d;--bg-input: #0d141e;--bg-panel: rgba(11, 17, 24, .88);--text-primary: #f4f7fb;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #56c2ff;--accent-primary-dim: #2f9de0;--accent-danger: #ff6b6b;--accent-warning: #f6b24d;--accent-success: #34d399;--accent-info: #4f70ff;--border-color: #243042;--border-active: #56c2ff;--border-strong: rgba(255, 255, 255, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--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.5;--line-height-tight: 1.1;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--max-width: 1120px;--glow-top: rgba(86, 194, 255, .11);--glow-right: rgba(79, 112, 255, .1);--glow-bottom: rgba(255, 255, 255, .03);--surface-highlight: rgba(255, 255, 255, .03);--surface-active: rgba(86, 194, 255, .12);--surface-info: rgba(79, 112, 255, .14);--selection: rgba(86, 194, 255, .26);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}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,var(--glow-top),transparent 34%),radial-gradient(circle at right,var(--glow-right),transparent 28%),radial-gradient(circle at bottom,var(--glow-bottom),transparent 36%),linear-gradient(180deg,var(--bg-secondary),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{touch-action:manipulation}h1,h2,h3,p{margin:0}#root{min-height:100vh;overflow-x:clip}:focus-visible{outline:2px solid rgba(86,194,255,.9);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:linear-gradient(135deg,var(--accent-primary),var(--accent-info));color:var(--bg-primary);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)}.brand-copy h1{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 var(--border-active);background:var(--surface-active);color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:600}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.route-card{min-height:88px;padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-highlight),rgba(10,10,15,.2));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:linear-gradient(180deg,var(--bg-card-hover),rgba(10,10,15,.35));box-shadow:var(--shadow-sm);outline:none}.route-card.is-active{border-color:var(--border-active);background:linear-gradient(180deg,var(--surface-active),rgba(0,212,170,.02))}.route-label,.placeholder-card h3,.page-copy h2{color:var(--text-primary)}.route-label{font-size:var(--font-size-base);font-weight:600}.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:linear-gradient(180deg,var(--bg-panel),rgba(10,10,15,.92)),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{min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff08;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.ghost-button:hover,.ghost-button:focus-visible{border-color:var(--border-active);background:#56c2ff14;outline:none;transform:translateY(-1px)}.pending-panel{max-width:720px}.auth-note{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.auth-note-success{border-color:#2ed57361;background:#2ed5731f;color:#c9ffe0}.auth-note-error{border-color:#ff475773;background:#ff47571f;color:#ffc9cf}.pending-actions{margin-top:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-copy h2{font-size:clamp(1.7rem,6vw,2.6rem);line-height:var(--line-height-tight)}.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:linear-gradient(180deg,var(--surface-info),rgba(18,18,26,.8)),var(--bg-card);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:#1a1a28c2;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)}}