:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .8);--bg-glass: rgba(255, 255, 255, .04);--border-glass: rgba(255, 255, 255, .08);--border-active: rgba(99, 102, 241, .4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-danger: linear-gradient(135deg, #dc2626 0%, #f43f5e 100%);--gradient-bg: radial-gradient(ellipse at top, #1e1b4b 0%, #0a0e1a 50%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.4);--shadow-lg: 0 10px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2rem;font-weight:800;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.125rem;font-weight:600}p{line-height:1.6;color:var(--text-secondary)}.app-container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #6366f14d}.btn-primary:hover{box-shadow:0 4px 20px #6366f180;transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff14;border-color:var(--border-active)}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-field{padding:12px 16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f126}.input-field::placeholder{color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header .logo-icon{font-size:3rem;margin-bottom:12px;display:block}.login-header h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin-top:8px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form .btn{margin-top:8px;width:100%;padding:14px;font-size:1rem}.login-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm);padding:10px 14px;color:var(--accent-rose);font-size:.85rem;text-align:center}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);margin-bottom:24px}.header-left{display:flex;align-items:center;gap:12px}.header-left .logo{font-size:1.5rem}.header-left h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:16px}.header-right .user-info{text-align:right}.header-right .user-name{font-weight:600;font-size:.95rem}.header-right .user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:999px;font-size:.8rem;font-weight:600;color:var(--accent-emerald)}.day-tabs{display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.day-tab{padding:10px 20px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:999px;color:var(--text-secondary);font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.day-tab:hover{background:#ffffff14;color:var(--text-primary)}.day-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 2px 12px #6366f14d}.schedule-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.1rem}.section-icon{font-size:1.3rem}.driving-duty-card{border-left:3px solid var(--accent-indigo)}.route-timeline{position:relative;padding-left:28px}.route-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--accent-indigo),var(--accent-violet));border-radius:2px}.timeline-stop{position:relative;padding:12px 0;display:flex;gap:16px;align-items:flex-start}.timeline-stop:before{content:"";position:absolute;left:-24px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--accent-indigo);border:2px solid var(--bg-secondary);z-index:1}.timeline-stop:first-child:before{background:var(--accent-emerald)}.timeline-stop:last-child:before{background:var(--accent-rose)}.stop-time{font-weight:700;font-size:.95rem;color:var(--accent-cyan);min-width:50px}.stop-details{flex:1}.stop-location{font-weight:600;margin-bottom:4px}.stop-actions{display:flex;gap:6px;flex-wrap:wrap}.action-badge{padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.action-badge.pickup{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25)}.action-badge.dropoff{background:#f43f5e26;color:var(--accent-rose);border:1px solid rgba(244,63,94,.25)}.action-badge.start,.action-badge.end{background:#6366f126;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.25)}.stop-load{font-size:.75rem;color:var(--text-muted);margin-top:4px}.child-itinerary-card{border-left:3px solid var(--accent-cyan);margin-bottom:16px}.child-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.child-name{font-size:1.1rem;font-weight:700}.own-driver-badge{padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase}.own-driver-badge.self{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25)}.own-driver-badge.other{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.25)}.itinerary-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-block{padding:14px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border-glass)}.detail-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.detail-value{font-weight:600;font-size:.95rem}.detail-sub{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.driver-info-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-sm);margin-bottom:16px}.driver-info-bar .driver-label{font-size:.7rem;font-weight:700;color:var(--accent-amber);text-transform:uppercase}.driver-info-bar .driver-details{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.driver-info-bar .driver-detail{color:var(--text-secondary)}.driver-info-bar .driver-detail strong{color:var(--text-primary)}.co-passengers{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.co-passenger-chip{padding:4px 12px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent-cyan)}.accordion{border-top:1px solid var(--border-glass);margin-top:12px}.accordion-trigger{width:100%;padding:12px 0;background:none;border:none;color:var(--text-secondary);font-family:var(--font-family);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:var(--transition)}.accordion-trigger:hover{color:var(--text-primary)}.accordion-trigger .arrow{transition:transform .2s}.accordion-trigger.open .arrow{transform:rotate(90deg)}.accordion-content{padding-bottom:8px}.empty-state{text-align:center;padding:48px 24px}.empty-state .emoji{font-size:3rem;margin-bottom:16px;display:block}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.admin-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.preview-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);margin-bottom:20px}.preview-banner .icon{font-size:1.4rem}.preview-banner p{color:var(--accent-amber);font-weight:600;font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;padding:48px}.spinner{width:36px;height:36px;border:3px solid var(--border-glass);border-top-color:var(--accent-indigo);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-container{padding:24px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.settings-form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:16px;margin-top:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header .section-title{margin-bottom:0}.list-container{display:flex;flex-direction:column;gap:24px;margin-top:24px}.list-item-card{background:var(--bg-glass);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:var(--transition)}.list-item-card:hover{border-color:var(--border-active);background:#ffffff0f}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.list-item-header h4{margin:0;font-size:1.2rem;color:var(--text-primary)}.btn-text-danger{background:transparent;color:var(--accent-rose);padding:4px 8px;border:1px solid transparent;font-size:.8rem}.btn-text-danger:hover{background:#f43f5e1a;border-color:#f43f5e33}.btn-outline-danger{background:transparent;color:var(--accent-rose);padding:6px 12px;border:1px solid rgba(244,63,94,.3);font-size:.8rem}.btn-outline-danger:hover{background:#f43f5e1a;border-color:var(--accent-rose)}.sub-list-section{margin-left:16px;padding-left:16px;border-left:2px solid var(--border-glass)}.sub-list-title{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sub-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sub-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-glass);padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent;transition:var(--transition)}.sub-list-item:hover{border-color:var(--border-glass)}.sub-list-item-details strong{color:var(--text-primary);text-transform:capitalize}.sub-list-item-meta{font-size:.8rem;color:var(--text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.modal-title{margin-bottom:16px;font-size:1.2rem;font-weight:700}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.signup-card{max-width:500px}@media(max-width:640px){.app-header{flex-direction:column;gap:12px;text-align:center}.header-right{justify-content:center}.header-right .user-info{text-align:center}.itinerary-details{grid-template-columns:1fr}.day-tabs{justify-content:flex-start}h1{font-size:1.5rem}.settings-form{grid-template-columns:1fr}}select.input-field option{background-color:#fff;color:#333}.toggle-switch{position:relative;display:inline-block;width:44px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:22px;border:1px solid rgba(255,255,255,.2)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-indigo)}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-container{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-dim)}.toggle-label.active{color:var(--accent-indigo);font-weight:600}.status-pending{border-style:dashed!important;opacity:.7;filter:grayscale(.4)}.status-unfulfilled{border-color:var(--accent-amber)!important;box-shadow:0 0 15px #f59e0b26!important}.badge-pending{background:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.badge-assigned{background:#10b9811a;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.badge-unfulfilled{background:#f59e0b1a;color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.unassigned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.unassigned-card{border-left:3px solid var(--accent-amber)}.alert-banner{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--accent-rose)}.landing-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-primary)}.landing-nav{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.05)}.landing-nav-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.landing-logo img{height:40px;object-fit:contain}.logo-placeholder{font-size:1.5rem;font-weight:800;letter-spacing:1px;color:var(--text-primary)}.landing-login-btn{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);font-weight:600}.landing-login-btn:hover{background-color:#ffffff1a;border-color:#fff}.landing-hero{padding:120px 24px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.1) 0%,transparent 50%)}.landing-hero-content{max-width:800px;margin:0 auto}.hero-headline{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subheadline{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.btn-large{padding:16px 40px;font-size:1.1rem;font-weight:700}.section-container{max-width:1200px;margin:0 auto;padding:80px 24px}.text-center{text-align:center}.landing-value-matrix{background-color:var(--bg-card);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:48px}.matrix-column{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:32px;transition:transform .3s ease}.matrix-column:hover{transform:translateY(-5px);border-color:#6366f14d}.matrix-icon{font-size:2.5rem;margin-bottom:24px}.matrix-column h3{font-size:1.2rem;margin-bottom:16px;color:var(--accent-indigo)}.matrix-column p{color:var(--text-secondary);line-height:1.6}.landing-how-it-works{background-color:var(--bg-main)}.framework-steps{display:flex;flex-direction:column;gap:32px;margin-top:48px;max-width:800px;margin-left:auto;margin-right:auto}.framework-step{display:flex;gap:24px;align-items:flex-start;background:var(--bg-card);padding:32px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.step-number{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--accent-indigo);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.step-content h3{font-size:1.3rem;margin-bottom:12px;margin-top:8px}.step-content p{color:var(--text-secondary);line-height:1.6}.landing-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding:32px 0;background-color:var(--bg-card)}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-size:.9rem}.support-link{color:var(--accent-indigo);text-decoration:none;font-weight:500;transition:color .2s}.support-link:hover{color:var(--text-primary)}@media(max-width:768px){.hero-headline{font-size:2.5rem}.landing-hero{padding:80px 24px}.framework-step{flex-direction:column;align-items:center;text-align:center}.footer-content{flex-direction:column;gap:16px;text-align:center}}