@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,560;8..60,650&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,560;9..144,650&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";.profile-dropdown{position:relative}.user-card{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border:none;border-radius:999px;background:transparent}.user-card-trigger{cursor:pointer;text-align:left;transition:background-color .15s ease}.user-card-trigger:hover,.profile-dropdown.open .user-card-trigger{background:#f8fafc}.user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-size:14px;font-weight:700;flex-shrink:0;overflow:hidden}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.user-name{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-role{font-size:12px;color:#9ca3af;text-transform:capitalize;line-height:1.2}.user-chevron{width:14px;height:14px;margin-left:2px;color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.profile-dropdown.open .user-chevron{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #f1f5f9;border-radius:18px;background:#fff;box-shadow:0 10px 30px #0f172a1f;z-index:50}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:4px 2px;border:none;border-radius:10px;background:transparent;color:#111827;font-size:15px;font-weight:700;text-align:left;cursor:pointer;transition:opacity .15s ease}.profile-menu-item:hover{opacity:.82}.menu-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex-shrink:0}.menu-icon svg{width:18px;height:18px}.menu-icon--profile{background:var(--color-primary);color:#fff}.menu-icon--logout{background:#eef2f7;color:#64748b}.menu-label{line-height:1}@media (max-width: 768px){.user-info,.user-chevron{display:none}.profile-menu{right:-8px;min-width:200px}}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background-color:var(--color-background)}.sidebar{display:flex;flex-direction:column;min-height:100vh;border-right:1px solid rgba(255,255,255,.08);padding:24px 16px 20px;background-color:var(--brand-green-900);color:#fff}.brand{margin:0 0 24px;display:flex;align-items:center;min-height:40px}.brand-logo{display:block;width:132px;height:auto}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:8px;margin-top:4px;overflow-y:auto}.sidebar-link{color:#ffffffb8;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background-color:#ffffff14;color:#fff}.sidebar-link.active{background-color:var(--ride-yellow-500);color:var(--brand-green-900);font-weight:700}.layout-main{display:flex;flex-direction:column}.layout-header{height:72px;border-bottom:1px solid var(--color-border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface)}.header-title{margin:0;flex:1;font-size:14px;color:var(--color-text-secondary)}.header-actions{display:flex;align-items:center;margin-left:auto}.layout-content{padding:24px}.menu-toggle{display:none;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:36px;height:36px;font-size:18px;cursor:pointer;color:var(--color-primary)}.sidebar-overlay{display:none}@media (max-width: 1024px){.admin-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;height:100vh;z-index:30;transition:left .2s ease;box-shadow:0 8px 24px #04301559}.sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#04301566;z-index:20;cursor:pointer}.menu-toggle{display:inline-grid;place-items:center;flex-shrink:0}.layout-header{gap:12px;padding:0 16px}.layout-content{padding:16px}}@media (max-width: 768px){.layout-header{height:auto;min-height:64px;padding:10px 12px}.header-title{font-size:12px}.brand{min-height:36px}.brand-logo{width:118px}}.login-page{--ink: var(--neutral-text, #121212);--muted: var(--neutral-text-secondary, #6b7280);--line: var(--neutral-border, #e0e0e0);--green: var(--brand-green-900, #043015);position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);font-family:Outfit,system-ui,sans-serif;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.login-design-bg{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;object-fit:unset;object-position:left center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.login-right{position:relative;z-index:1;grid-column:2;width:100%;max-width:none;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 48px;margin:0;background:#fff}.login-card{width:100%;max-width:380px;margin:0 auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.login-lock{width:44px;height:44px;margin:0 auto 16px;border-radius:12px;display:grid;place-items:center;color:var(--brand-green-900, #043015);background:transparent;border:1.5px solid var(--brand-green-900, #043015);box-shadow:none}.login-lock svg{width:22px;height:22px}.login-card h2{margin:0 0 6px;text-align:center;font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.login-sub{margin:0 0 24px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.45}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card label:not(.login-check){margin-top:4px;font-size:13px;font-weight:650;color:var(--ink)}.login-input{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#f7faf8}.login-input>svg{position:absolute;left:13px;width:18px;height:18px;color:#8aa094;pointer-events:none}.login-input input{width:100%;border:0;background:transparent;padding:13px 44px;font-size:14px;font-family:inherit;color:var(--ink);outline:none}.login-input input::placeholder{color:#9aafa3}.login-input:focus-within{border-color:var(--green);box-shadow:none;background:#fff}.login-eye{position:absolute;right:8px;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#8aa094;cursor:pointer;display:grid;place-items:center}.login-eye:hover{color:var(--green)}.login-eye svg{width:18px;height:18px}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 6px}.login-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink)}.login-check input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.login-forgot{font-size:13px;font-weight:600;color:var(--green);text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-err{margin:0;color:#dc2626;font-size:13px}.login-btn{margin-top:6px;width:100%;border:0;border-radius:12px;padding:14px 16px;background:var(--brand-green-900, #043015);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}.login-btn svg{width:18px;height:18px}.login-btn:hover{background:var(--brand-green-800, #06451f)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.login-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--brand-green-900, #043015);font-size:12px;font-weight:600;text-decoration:none;background:#fff;box-shadow:none}.login-links a svg{width:14px;height:14px;flex-shrink:0}.login-links a:hover{border-color:var(--brand-green-900, #043015);background:var(--brand-green-50, #e8f5e9)}.login-copy{margin:0;color:#6b8578;font-size:12px}@media (max-width: 900px){.login-page{grid-template-columns:1fr;overflow:auto}.login-design-bg{position:relative;width:100%;height:auto;min-height:0}.login-right{grid-column:1;width:100%;margin-top:-36px;padding:0 16px 32px}.login-card{width:100%}}.info-page{min-height:100vh;min-height:100dvh;background:var(--neutral-bg, #f7f7f7);font-family:Outfit,system-ui,sans-serif;color:var(--neutral-text, #121212)}.info-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:var(--brand-green-900, #043015);color:#fff}.info-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:18px}.info-brand img{width:112px;height:auto}.info-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:600}.info-back:hover{background:#ffffff1a}.info-main{max-width:760px;margin:0 auto;padding:40px 20px 64px}.info-main h1{margin:0 0 8px;font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--brand-green-900, #043015)}.info-updated{margin:0 0 28px;color:var(--neutral-text-secondary, #6b7280);font-size:13px}.info-main section{margin-bottom:24px}.info-main h2{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--brand-green-900, #043015)}.info-main p,.info-main li{margin:0;color:#374151;font-size:14.5px;line-height:1.65}.info-main ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}.info-card{margin-top:8px;padding:16px 18px;border:1px solid var(--neutral-border, #e0e0e0);border-radius:12px;background:#fff}.info-card a{color:var(--brand-green-900, #043015);font-weight:600;text-decoration:none;word-break:break-all}.info-card a:hover{text-decoration:underline}.info-footer{margin-top:36px;padding-top:18px;border-top:1px solid var(--neutral-border, #e0e0e0);color:var(--neutral-text-secondary, #6b7280);font-size:12px}@media (max-width: 640px){.info-header{padding:14px 16px}.info-main{padding:28px 16px 48px}.info-main h1{font-size:26px}}.stat-card{border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-surface);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-title{margin:0;font-size:14px;color:var(--color-text-secondary);font-weight:500}.stat-icon{font-size:18px;opacity:.8}.stat-value{margin:0;font-size:32px;font-weight:600;color:var(--color-text-primary)}.stat-footer{display:flex;align-items:center;gap:8px;font-size:13px}.stat-trend{font-weight:600;border-radius:4px;padding:2px 6px}.stat-trend.up{color:#10b981;background-color:#10b9811a}.stat-trend.down{color:#ef4444;background-color:#ef44441a}.stat-trend.warning{color:#f59e0b;background-color:#f59e0b1a}.stat-note-text{color:var(--color-text-secondary)}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:12px 18px}.timeframe-segment-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segment-label{font-size:13px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-right:4px}.segment-btn{background:var(--color-background-soft, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-primary, #1f2937);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.segment-btn:hover{background-color:#e5e7eb}.segment-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb40}.export-excel-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px #10b98133}.export-excel-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.excel-icon{font-size:15px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.summary-grid{grid-template-columns:1fr}}.subscription-highlight-card{border-radius:12px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.18);transition:transform .2s ease,box-shadow .2s ease}.subscription-card--partner{background:linear-gradient(135deg,#0f3d3e,#1a6b6d 55%,#0d7377);box-shadow:0 4px 16px #0d737747}.subscription-card--direct{background:linear-gradient(135deg,#1e293b,#334155 55%,#475569);box-shadow:0 4px 16px #1e293b47}.subscription-card--gross{background:linear-gradient(135deg,#7c2d12,#c2410c 55%,#ea580c);box-shadow:0 4px 16px #c2410c47}.subscription-highlight-card:hover{transform:translateY(-2px)}.sub-header{display:flex;justify-content:space-between;align-items:center}.sub-title{font-size:14px;font-weight:600;color:#e0e7ff}.sub-badge{background-color:#fff3;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sub-value{margin:0;font-size:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.sub-footer{font-size:12px;color:#c7d2fe}.dashboard-error{color:#dc2626}.dashboard-table{width:100%;border-collapse:collapse;font-size:14px}.dashboard-table th,.dashboard-table td{padding:12px 14px;border-bottom:1px solid var(--color-border, #e5e7eb);text-align:left}.sub-fee-badge{background-color:#f3e8ff;color:#7e22ce;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}.ride-status{text-transform:capitalize;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:500;display:inline-block}.ride-status.completed{background-color:#ecfdf5;color:#059669}.ride-status.pending{background-color:#fffbeb;color:#d97706}.ride-status.inprogress{background-color:#eff6ff;color:#2563eb}.ride-status.cancelled{background-color:#fef2f2;color:#dc2626}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card--wide{grid-column:1 / -1}.chart-sub-note{margin:0 0 8px;font-size:12px;color:#64748b}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}}.chart-card,.table-card{border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:18px;background-color:var(--color-surface, #ffffff)}.table-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}.table-card-header h3{margin:0}.table-subtitle{font-size:12px;color:var(--color-text-secondary, #6b7280)}.chart-card h3{margin:0 0 14px}.chart-card--vehicle-pie{min-height:400px}.chart-card--vehicle-pie .recharts-pie-label-text{font-size:11px;font-weight:600;fill:#334155}.chart-card--vehicle-pie .recharts-legend-item{margin-right:14px!important}.custom-range-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 18px;box-shadow:inset 0 1px 2px #00000005}.custom-date-inputs{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.custom-date-picker{border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500;color:#1e293b;background:#fff;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.custom-date-picker:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.range-days-count{font-size:12px;font-weight:700;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:999px}.quick-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-label{font-size:12px;font-weight:600;color:#64748b;margin-right:4px}.preset-chip{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease-in-out}.preset-chip:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.preset-chip.active{background:#1e293b;color:#fff;border-color:#1e293b;box-shadow:0 2px 6px #1e293b33}.dashboard-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}.dashboard-pagination button{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;color:#111827}.dashboard-pagination button:disabled{opacity:.45;cursor:not-allowed}.dashboard-pagination span{font-size:13px;color:#6b7280}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.back-btn svg{width:16px;height:16px;flex-shrink:0}.back-btn:hover{background:var(--color-primary-soft);border-color:#c7d9fb;color:var(--color-primary);box-shadow:0 2px 8px #2f6fec1f}.back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.booking-page{padding:32px 36px;background:#f9fafb;min-height:100vh;font-family:Segoe UI,sans-serif}.booking-header{margin-bottom:28px}.booking-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.booking-subtitle{font-size:14px;color:#6b7280;margin:0}.booking-filters{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.live-monitor-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.live-monitor-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.live-monitor-header h2{margin:0 0 4px;font-size:18px;color:#111827}.live-monitor-header p{margin:0;color:#6b7280;font-size:13px}.live-monitor-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#374151;font-size:13px}.live-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.live-pill.ok{background:#dcfce7;color:#166534}.live-pill.warn{background:#fee2e2;color:#991b1b}.live-pill.manual{background:#e5e7eb;color:#111827}.monitor-select{border:1px solid #d1d5db;border-radius:8px;padding:7px 10px;font-size:13px;background:#fff;color:#1f2937}.live-monitor-map-wrap{margin-top:14px}.live-area-banner{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:10px;padding:9px 12px}.live-area-banner strong{font-size:13px;color:#1d4ed8}.live-area-banner span{font-size:12px;color:#334155}.live-map-canvas{width:100%;height:360px;border-radius:10px;border:1px solid #e5e7eb}.live-map-fallback{border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;border-radius:10px;padding:18px;font-size:14px}.live-monitor-footer{margin-top:8px;font-size:12px;color:#6b7280}.live-monitor-panels{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-panel{border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:10px}.live-panel h4{margin:0 0 8px;font-size:13px;color:#0f172a}.live-panel-empty{margin:0;color:#6b7280;font-size:13px}.live-ride-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.live-ride-item{border:1px solid #dbe3ee;background:#fff;border-radius:8px;text-align:left;padding:8px 10px;cursor:pointer}.live-ride-item strong{display:block;color:#111827;font-size:13px}.live-ride-item span{display:inline-block;margin-top:3px;font-size:12px;color:#2563eb;text-transform:capitalize}.live-ride-item em{display:block;margin-top:2px;font-style:normal;font-size:11px;color:#64748b}.live-event-list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:6px}.live-event-list p{margin:0;padding:7px 8px;border-radius:7px;font-size:12px;color:#334155;background:#fff;border:1px solid #e2e8f0}.search-wrapper{position:relative;flex:1;min-width:200px;max-width:360px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.search-input{width:100%;padding:9px 12px 9px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;outline:none;box-sizing:border-box}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.select-wrapper{position:relative;min-width:160px}.filter-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 36px 9px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;outline:none;cursor:pointer}.filter-select:focus{border-color:#6366f1}.chevron-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.more-filters-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;white-space:nowrap}.more-filters-btn:hover{background:#f3f4f6}.booking-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.table-header-row{padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.table-heading{font-size:16px;font-weight:600;color:#111827;margin:0}.table-wrapper{overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse;font-size:14px;color:#374151}.bookings-table thead tr{border-bottom:1px solid #f3f4f6}.bookings-table th{text-align:left;padding:12px 20px;font-weight:600;font-size:13px;color:#6b7280;white-space:nowrap}.bookings-table tbody tr{border-bottom:1px solid #f9fafb;transition:background .12s}.bookings-table tbody tr:last-child{border-bottom:none}.bookings-table tbody tr:hover{background:#f9fafb}.bookings-table td{padding:16px 20px;vertical-align:middle}.booking-id{font-weight:600;color:#111827}.booking-datetime{color:#6b7280;white-space:nowrap}.awaiting{color:#9ca3af;font-style:italic}.route-cell{display:flex;align-items:flex-start;gap:6px}.route-dot{color:var(--brand-green-500);font-size:10px;margin-top:3px}.route-from{font-weight:500;color:#111827;line-height:1.4}.route-to{font-size:12px;color:#6b7280;line-height:1.4}.fare-cell{display:flex;flex-direction:column;gap:2px}.fare-amount{font-weight:600;color:#111827}.fare-extra{font-size:12px;font-weight:500}.fare-extra.waiting{color:#6b7280}.fare-extra.penalty{color:#ef4444}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-completed{background:var(--brand-green-50);color:var(--brand-green-700)}.status-pending{background:#fef9c3;color:#a16207}.status-in-progress{background:#dbeafe;color:#1d4ed8}.status-cancelled{background:#fee2e2;color:#dc2626}.view-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;min-width:66px;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;font-weight:700;line-height:1;letter-spacing:.01em;color:#374151;background:#fff;box-shadow:0 2px 6px #0f172a33;cursor:pointer;white-space:nowrap;transition:all .18s ease}.view-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px)}.view-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a2e}.no-results{text-align:center;color:#9ca3af;padding:40px!important}.booking-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1118277a}.booking-modal{width:min(640px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 18px 45px #11182738}.booking-modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid #f3f4f6}.booking-modal-title-block h2{margin:0;font-size:18px;color:#111827}.booking-modal-title-block p{margin:4px 0 0;font-size:13px;color:#6b7280}.booking-modal-state,.booking-modal-error{padding:24px;color:#6b7280}.booking-modal-error{color:#dc2626}.booking-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}.booking-detail-grid div{min-width:0;padding:12px;border:1px solid #f3f4f6;border-radius:8px;background:#f9fafb}.booking-detail-grid span{display:block;margin-bottom:6px;font-size:12px;color:#6b7280}.booking-detail-grid strong{display:block;overflow-wrap:anywhere;font-size:14px;color:#111827}@media (max-width: 640px){.live-monitor-panels{grid-template-columns:1fr}.monitor-select{width:100%}.booking-detail-grid{grid-template-columns:1fr}}.driver-page{display:flex;flex-direction:column;gap:20px}.driver-page-header{display:flex;align-items:center;justify-content:space-between}.driver-page-title{font-size:1.6rem;font-weight:700;color:#111;margin-bottom:4px}.driver-page-subtitle{font-size:.85rem;color:#6b7280}.btn-recharge{display:flex;align-items:center;gap:8px;background:#111;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-recharge:hover{background:#333}.driver-filters-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.driver-filters{display:flex;gap:12px;align-items:center}.search-wrapper{position:relative;flex:1;max-width:320px}.search-input{width:100%;padding:10px 14px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem}.search-input:focus{border-color:#6366f1;outline:none}.filter-select{padding:10px 36px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;min-width:160px;cursor:pointer}.filter-select:focus{border-color:#6366f1;outline:none}.driver-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.driver-table-top{padding:16px 20px;border-bottom:1px solid #f3f4f6}.driver-count{font-size:.95rem;font-weight:600}.driver-table{width:100%;border-collapse:collapse}.driver-table th{padding:12px 16px;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;border-bottom:1px solid #f3f4f6}.driver-table td{padding:16px;font-size:.875rem;border-bottom:1px solid #f9fafb}.driver-table tbody tr{transition:background .2s}.driver-table tbody tr:hover{background:#f9fafb}.driver-id{font-weight:600;color:#111}.vehicle-info{display:flex;flex-direction:column;gap:2px}.vehicle-number{font-size:.75rem;color:#9ca3af}.rating{color:#f59e0b;font-weight:500}.badge-status{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-status--active{background:#111;color:#fff}.badge-status--offline{background:#f3f4f6;color:#374151}.badge-status--pending{background:#fef3c7;color:#92400e}.badge-approval{padding:4px 10px;border-radius:999px;font-size:.75rem}.badge-approval--approved{background:#111;color:#fff}.badge-approval--pending{color:#6b7280}.badge-approval--rejected{background:#fee2e2;color:#991b1b}.action-btns{display:flex;justify-content:center;gap:10px}.action-btn{border:none;background:none;cursor:pointer;font-size:1rem;padding:4px;border-radius:6px;transition:background .15s}.action-btn:hover{background:#f3f4f6}.action-btn--approve{color:var(--color-primary)}.action-btn--reject{color:#dc2626}.action-btn.action-btn--view{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1d5db!important;background:#fff!important;color:#374151!important;font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:.01em;padding:7px 14px;min-width:66px;border-radius:8px;box-shadow:0 2px 6px #0f172a33;transition:all .18s ease}.action-btn.action-btn--view:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#111827!important;transform:translateY(-1px)}.action-btn.action-btn--delete{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fecaca!important;background:#fef2f2!important;color:#b91c1c!important;font-size:.8rem;font-weight:700;line-height:1;white-space:nowrap;padding:7px 12px;min-width:66px;border-radius:8px}.action-btn.action-btn--delete:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important}.action-btn.action-btn--delete:disabled{opacity:.6;cursor:not-allowed}.action-btn.action-btn--view:active{transform:translateY(0);box-shadow:0 1px 3px #0f172a2e}.driver-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073}.driver-detail-modal{width:min(640px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:10px;padding:28px 30px 22px;box-shadow:0 18px 40px #00000038}.driver-detail-modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}.driver-detail-modal-header h3{margin:0;font-size:1.35rem;font-weight:700;color:#111}.driver-detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:76px;row-gap:26px}.driver-detail-item{display:flex;flex-direction:column;gap:6px}.driver-detail-item span{font-size:.95rem;color:#6b7280}.driver-detail-item strong{font-size:1.05rem;font-weight:700;color:#111}.detail-star{color:#f5b400}.driver-wallet-recharge{margin-top:60px;padding-top:24px;border-top:1px solid #e5e7eb}.driver-wallet-recharge h4{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:#111}.driver-recharge-row{display:grid;grid-template-columns:1fr 136px;gap:12px}.driver-recharge-row input{width:100%;height:46px;border:1px solid #c9c9c9;border-radius:10px;padding:0 14px;font-size:1rem;outline:none;background:#f7f7f7}.driver-recharge-row input:focus{border-color:#111;background:#fff}.driver-recharge-row button{height:46px;border:none;border-radius:9px;background:#08071d;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.driver-recharge-row button span{margin-right:8px}.driver-detail-error{color:#dc2626;font-size:.875rem}.driver-detail-muted{color:#6b7280;font-size:.875rem}@media (max-width: 640px){.driver-page-header{align-items:flex-start;flex-direction:column;gap:12px}.driver-filters{align-items:stretch;flex-direction:column}.search-wrapper{max-width:none}.driver-detail-modal{padding:22px 20px}.driver-detail-grid{grid-template-columns:1fr;row-gap:18px}.driver-recharge-row{grid-template-columns:1fr}}.driver-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.driver-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px}.driver-stat-card p{margin:0 0 4px;font-size:.8rem;color:#6b7280}.driver-stat-card strong{font-size:1.5rem;color:#111}.driver-stat-card--warn{border-color:#fcd34d;background:#fffbeb}.driver-stat-card--muted{border-color:#d1d5db;background:#f9fafb}.badge-kyc{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-kyc--approved{background:#dcfce7;color:#166534}.badge-kyc--pending{background:#fef3c7;color:#92400e}.badge-kyc--registration{background:#e0e7ff;color:#3730a3}.text-muted{color:#9ca3af;font-size:.8rem}.driver-detail-item--full{grid-column:1 / -1}.driver-kyc-actions{display:flex;gap:10px;margin-top:16px}.btn-approve,.btn-reject{flex:1;padding:10px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.btn-approve{background:var(--color-primary);color:#fff}.btn-reject{background:#fee2e2;color:#b91c1c}.badge-kyc--inprogress{background:#dbeafe;color:#1d4ed8}.badge-kyc--rejected{background:#fee2e2;color:#b91c1c}.btn-sync{padding:10px 14px;border-radius:8px;border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;font-weight:600;cursor:pointer}.kyc-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px}.kyc-doc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.kyc-doc-card h4{margin:0 0 6px;font-size:.8rem;text-transform:capitalize;color:#475569}.kyc-doc-card ul{margin:0;padding-left:16px;font-size:.8rem}.kyc-doc-error{color:#b91c1c;font-size:.8rem;margin:0}.text-ok{color:var(--color-primary)}.text-warn{color:#b45309}.availability-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.availability-switch input{position:absolute;opacity:0;pointer-events:none}.availability-slider{position:relative;width:36px;height:20px;border-radius:999px;background:#d1d5db;transition:background .2s ease}.availability-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.availability-switch input:checked+.availability-slider{background:var(--color-primary)}.availability-switch input:checked+.availability-slider:after{transform:translate(16px)}.availability-label{font-size:.78rem;font-weight:600;color:#374151;min-width:24px}.availability-switch.disabled{opacity:.55;cursor:not-allowed}.driver-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-add-rider{background:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.btn-add-rider:hover:not(:disabled){background:#16304f}.btn-add-rider:disabled{opacity:.65;cursor:not-allowed}.driver-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}.driver-modal{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 16px 40px #0f172a2e}.driver-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.driver-modal-header h3{margin:0;font-size:1.15rem}.driver-modal-close{border:none;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:#6b7280}.driver-modal-hint{margin:0 0 14px;font-size:.85rem;color:#6b7280}.driver-add-form{display:flex;flex-direction:column;gap:12px}.driver-add-form label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:#374151}.driver-add-form input,.driver-add-form select{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:400}.driver-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn-modal-cancel{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;color:#374151}.rating-badge{display:inline-flex;align-items:center;gap:4px;color:#d97706;font-weight:600}.uploaded-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:10px}.uploaded-doc-card{display:flex;flex-direction:column;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:8px;transition:border-color .2s,box-shadow .2s}.uploaded-doc-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f}.doc-label{font-size:.75rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-img-thumb{width:100%;height:90px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;background:#fff;transition:transform .2s ease}.doc-img-thumb:hover{transform:scale(1.03)}.rd-page{display:flex;flex-direction:column;gap:18px;padding-bottom:32px}.rd-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.rd-top-left{display:flex;flex-direction:column;gap:10px}.rd-eyebrow{margin:0;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.rd-top h1{margin:4px 0 0;font-size:1.6rem}.rd-sub{margin:6px 0 0;color:#4b5563;font-size:14px}.rd-top-actions{display:flex;gap:8px;flex-wrap:wrap}.rd-btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer}.rd-btn--ok{background:#15803d;border-color:#15803d;color:#fff}.rd-btn--danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.rd-error{color:#b91c1c}.rd-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.rd-section h2{margin:0 0 14px;font-size:1.1rem}.rd-subhead{margin:18px 0 10px;font-size:.95rem;color:#374151}.rd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.rd-field{display:flex;flex-direction:column;gap:4px;min-width:0}.rd-field span{font-size:12px;color:#6b7280}.rd-field strong{font-size:14px;color:#111827;word-break:break-word}.rd-field--full{grid-column:1 / -1}.rd-field .ok{color:#15803d}.rd-field .warn,.warn{color:#b45309}.rd-docs,.rd-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,155px));gap:14px;margin-top:10px}.rd-doc-card{display:flex;flex-direction:column;gap:6px;border:1px solid #e2e8f0;border-radius:10px;padding:8px;text-decoration:none;color:inherit;background:#fff;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.rd-doc-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.rd-doc-card span{font-size:11px;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-doc-card img{width:100%;height:95px;object-fit:cover;border-radius:6px;background:#f1f5f9}.rd-kyc-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.rd-kyc-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fafafa}.rd-kyc-card h4{margin:0 0 8px;text-transform:capitalize;font-size:13px}.rd-kyc-card ul{margin:0;padding-left:16px;font-size:13px;color:#374151}.rd-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.rd-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.rd-kpi span{font-size:12px;color:#64748b}.rd-kpi strong{font-size:1.25rem;color:#0f172a}.rd-kpi em{font-size:11px;color:#64748b;font-style:normal}.rd-agent-box{margin-top:16px;padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fcfcfd}.rd-agent-box h3{margin:0 0 12px;font-size:.95rem}.rd-self{margin:0 0 12px;color:#374151}.rd-assign{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;color:#4b5563}.rd-assign select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.rd-table-wrap{overflow-x:auto}.rd-table{width:100%;border-collapse:collapse;font-size:13px}.rd-table th,.rd-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #eee}.rd-table th{color:#6b7280;font-weight:600}.rd-muted{color:#6b7280;font-size:14px}.rd-page .badge-kyc{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.rd-page .badge-kyc--approved{background:#dcfce7;color:#166534}.rd-page .badge-kyc--pending{background:#fef3c7;color:#92400e}.rd-page .badge-kyc--registration,.rd-page .badge-kyc--inprogress{background:#e0e7ff;color:#3730a3}.rd-page .badge-kyc--rejected{background:#fee2e2;color:#991b1b}.rd-page a{color:#0f766e;font-weight:600}.rd-stars{display:inline-flex;align-items:center;gap:2px;line-height:1}.rd-stars--empty{color:#9ca3af;font-size:13px;font-weight:500}.rd-star{font-size:18px}.rd-star--full{color:#f59e0b}.rd-star--half{color:#f59e0b;opacity:.55}.rd-star--empty{color:#d1d5db}.rd-star-num{margin-left:6px;font-size:14px;font-weight:700;color:#111827}.rd-kpi--rating strong{font-size:1rem}@media (max-width: 720px){.rd-grid{grid-template-columns:1fr}}.customer-page{display:flex;flex-direction:column;gap:20px}.customer-header h2{font-size:1.6rem;font-weight:700;margin-bottom:4px}.customer-header p{font-size:.85rem;color:#6b7280}.customer-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.search-wrapper{position:relative;max-width:350px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-wrapper input{width:100%;padding:10px 14px 10px 36px;border:1px solid #e5e7eb;border-radius:8px}.customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.customer-top{padding:16px 20px;border-bottom:1px solid #f3f4f6;font-weight:600}table{width:100%;border-collapse:collapse}th{padding:12px 16px;font-size:.75rem;color:#9ca3af;text-transform:uppercase;border-bottom:1px solid #f3f4f6}td{padding:16px;font-size:.875rem;border-bottom:1px solid #f9fafb}tr:hover{background:#f9fafb}.id{font-weight:600}.contact{display:flex;flex-direction:column}.email{font-size:.75rem;color:#9ca3af}.status{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;font-size:.75rem;line-height:1}.status.active{background:var(--color-primary);color:#fff}.status.blocked{background:#fee2e2;color:#b91c1c}.low-balance{font-size:.7rem;color:red;margin-top:2px}.view-btn{border:none;background:none;cursor:pointer;color:#374151}.view-btn:hover{color:#000}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px}.pagination button{padding:4px 12px;cursor:pointer}.pagination button:disabled{cursor:not-allowed}.pagination span{font-size:13px}.customer-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.customer-modal{position:relative;width:min(610px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:8px;padding:28px 30px 24px;box-shadow:0 18px 45px #00000038}.customer-modal-header{margin-bottom:18px}.customer-modal-title{margin:0 0 34px;color:#111;font-size:22px;font-weight:700}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:86px;row-gap:26px}.customer-detail-item{display:flex;flex-direction:column;gap:6px}.customer-detail-item span{color:#667085;font-size:16px;font-weight:400}.customer-detail-item strong{color:#111;font-size:19px;font-weight:700}.wallet-validation{margin-top:58px;padding-top:24px;border-top:1px solid #e5e7eb}.wallet-validation h4{margin:0 0 14px;color:#111;font-size:22px;font-weight:700}.wallet-validation p{margin:0;color:#667085;font-size:16px}.customer-modal-message,.customer-modal-error{padding:20px 0;margin:0}.customer-modal-error{color:#dc2626}@media (max-width: 640px){.customer-modal{padding:24px 20px}.customer-detail-grid{grid-template-columns:1fr;row-gap:20px}.customer-modal-title{font-size:20px}}.role-page{display:flex;flex-direction:column;gap:20px;min-width:0;max-width:100%}.role-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;color:#6b7280}.role-breadcrumb-sep{color:#9ca3af}.role-breadcrumb-current{color:#111;font-weight:600}.role-breadcrumb-link{border:none;background:none;padding:0;font:inherit;color:#1d4ed8;cursor:pointer}.role-breadcrumb-link:hover{text-decoration:underline}.role-filters-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.role-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.role-search-input{flex:1;min-width:200px;max-width:360px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit}.role-search-input:focus{outline:none;border-color:#111}.role-filter-select{padding:10px 36px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;min-width:150px;font-family:inherit;cursor:pointer}.role-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 20px;text-align:center;color:#6b7280}.role-empty-state p{margin:0}.role-count-link{border:none;background:none;padding:0;font:inherit;font-weight:700;color:#1d4ed8;cursor:pointer}.role-count-link:hover{text-decoration:underline}.role-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;width:100%;max-width:100%}.role-header>div:first-child{min-width:0;flex:1 1 auto}.role-header h2{font-size:1.6rem;font-weight:700}.role-header p{font-size:.85rem;color:#6b7280}.btn-add{flex:0 0 auto;flex-shrink:0;white-space:nowrap;background:#111;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.btn-add:disabled{opacity:.55;cursor:not-allowed}.role-link-btn{border:none;background:transparent;padding:0;cursor:pointer;text-align:left;color:#1d4ed8}.role-link-btn:hover strong{text-decoration:underline}.parent-hint{color:#b45309;font-size:12px;margin-top:4px}.badge-type{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#e5e7eb;color:#111827}.badge-type.superdistributor{background:#fef3c7;color:#92400e}.badge-type.distributor{background:#dcfce7;color:#166534}.badge-type.agent{background:#f3e8ff;color:#6b21a8}.hierarchy-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.hierarchy-card h4{margin:0}.hierarchy-hint{margin:8px 0 0;font-size:.82rem;color:#6b7280;line-height:1.4}.role-box{padding:14px;border-radius:10px;margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;box-sizing:border-box;border:2px solid transparent;font:inherit;color:inherit}button.role-box.clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}button.role-box.clickable:hover{border-color:#111;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}button.role-box.active{border-color:#111;box-shadow:0 0 0 1px #111}button.role-box.disabled{cursor:not-allowed;opacity:.55}.role-box span{font-size:.8rem;color:#6b7280}.role-box.admin{background:#e5edff}.role-box.distributor{background:#e7f5ec}.role-box.super-distributor{background:#fff6db}.role-box.agent{background:#f3e8ff}.role-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;max-width:100%;min-width:0}.role-table-top{padding:16px;border-bottom:1px solid #eee;font-weight:600}.role-table{width:100%;border-collapse:collapse}.role-table th{padding:12px;font-size:.75rem;color:#9ca3af;text-transform:uppercase}.role-table td{padding:14px;border-bottom:1px solid #f3f4f6}.role-table tr:hover{background:#f9fafb}.role-id{font-weight:600}.badge{padding:4px 10px;border-radius:999px;font-size:.75rem}.type-distributor{background:#111;color:#fff}.type-sub-distributor{background:#e5e7eb}.type-agent{background:#f3f4f6}.status{padding:4px 10px;border-radius:999px;font-size:.75rem}.status.approved{background:#111;color:#fff}.status.pending{background:#fef3c7}.status.rejected{background:#fee2e2;color:#991b1b}.action-btns{display:flex;justify-content:center;gap:8px}.action-btns button{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px}.approve{color:green}.reject{color:red}.view{color:#1e3a5f;font-size:12px;font-weight:600;padding:5px 10px!important;border:1px solid #c5d0e0!important;border-radius:6px!important;background:#f4f7fb!important}.view:hover{background:#e8eef8!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.add-role-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.form-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #0000000d}.error-message{color:#dc2626;font-size:.875rem;padding:10px 12px;background:#fee2e2;border-radius:6px;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit{padding:10px 20px;border:none;border-radius:6px;background:#111;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#333}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.wallet-page{display:flex;flex-direction:column;gap:20px}.wallet-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.wallet-header h2{margin:0;font-size:24px}.wallet-header p{margin:4px 0 0;color:var(--color-text-secondary, #6b7280);font-size:14px}.add-credit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.add-credit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 1024px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--color-border, #e5e7eb);border-radius:12px;background-color:var(--color-surface, #ffffff);padding:18px}.card.highlight-card{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-color:#6366f1}.card.highlight-card p,.card.highlight-card span{color:#e0e7ff}.card.highlight-card h3{color:#fff}.card p{margin:0;font-size:13px;color:var(--color-text-secondary, #6b7280);font-weight:500}.card h3{margin:8px 0;font-size:26px;font-weight:700}.card span{font-size:12px;color:var(--color-text-secondary, #6b7280)}.wallet-tabs{display:flex;gap:10px;border-bottom:2px solid var(--color-border, #e5e7eb);padding-bottom:8px;overflow-x:auto}.tab-btn{background:transparent;border:none;padding:8px 16px;font-size:14px;font-weight:600;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:6px;white-space:nowrap;transition:all .2s ease}.tab-btn:hover{background-color:var(--color-background-soft, #f3f4f6);color:var(--color-text-primary, #1f2937)}.tab-btn.active{background-color:#eff6ff;color:#2563eb;border-bottom:2px solid #2563eb}.table-box{border:1px solid var(--color-border, #e5e7eb);border-radius:12px;background-color:var(--color-surface, #ffffff);padding:18px;display:flex;flex-direction:column;gap:14px}.table-header-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.table-header-flex h4{margin:0}.split-info-badge{background-color:#f3e8ff;color:#7e22ce;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 14px;border-bottom:1px solid var(--color-border, #e5e7eb);text-align:left}.split-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}.split-badge.agent{background-color:#dbeafe;color:#1d4ed8}.split-badge.sub{background-color:#fef3c7;color:#b45309}.split-badge.dist{background-color:#e0e7ff;color:#4338ca}.split-badge.rydoo{background-color:#d1fae5;color:#047857}.trial-badge{background-color:#fce7f3;color:#be185d;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}.status-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;text-transform:capitalize}.status-pill.active{background-color:#ecfdf5;color:#059669}.status-pill.low_balance{background-color:#fef2f2;color:#dc2626}.status-pill.trial_period{background-color:#f3e8ff;color:#7e22ce}.role-pill{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}.role-pill.agent{background-color:#dbeafe;color:#1d4ed8}.role-pill.sub{background-color:#fef3c7;color:#b45309}.role-pill.dist{background-color:#e0e7ff;color:#4338ca}.table-action-btn,.refund-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.table-action-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.refund-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.badge{font-size:12px;padding:3px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.badge.type-success{background-color:#ecfdf5;color:#059669}.badge.type-pending{background-color:#fffbeb;color:#d97706}.badge.type-failed{background-color:#fef2f2;color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:440px;padding:24px;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h3{margin:0;font-size:18px}.close-btn{background:none;border:none;font-size:22px;color:#6b7280;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer}.submit-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.sd-dash{--sd-ink: #152033;--sd-muted: #5f6b7a;--sd-line: #e2e8f0;--sd-soft: #f4f6fa;--sd-panel: #ffffff;--sd-brand: var(--brand-green-900, #043015);--sd-brand-deep: var(--brand-green-800, #06451f);--sd-teal: var(--brand-green-900, #043015);--sd-teal-deep: var(--brand-green-800, #06451f);--sd-accent: var(--ride-yellow-500, #f5b800);--sd-accent-soft: var(--ride-yellow-50, #fffde7);--sd-good: var(--brand-green-500, #0b7b3b);--sd-warn: #b45309;--sd-bad: #b42318;font-family:Sora,Segoe UI,sans-serif;color:var(--sd-ink);display:flex;flex-direction:column;gap:20px;animation:sd-fade-in .4s ease both}.sd-dash[data-role=super-distributor] .sd-hero{background:radial-gradient(720px 280px at 90% 0%,rgba(224,122,61,.28),transparent 55%),radial-gradient(480px 220px at 10% 100%,rgba(30,58,95,.5),transparent 60%),linear-gradient(145deg,#101828,#1a2740 45%,#243b63)}.sd-dash[data-role=distributor] .sd-hero{background:radial-gradient(700px 260px at 88% 0%,rgba(224,122,61,.22),transparent 55%),radial-gradient(460px 200px at 12% 100%,rgba(30,58,95,.55),transparent 60%),linear-gradient(145deg,#101828,#1e3a5f 55%,#2a4a75)}.sd-dash[data-role=agent] .sd-hero{background:radial-gradient(680px 250px at 92% 0%,rgba(224,122,61,.2),transparent 55%),radial-gradient(440px 200px at 8% 100%,rgba(21,42,69,.55),transparent 60%),linear-gradient(145deg,#101828,#152a45,#1e3a5f)}@keyframes sd-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sd-hero{position:relative;overflow:hidden;border-radius:18px;padding:28px 28px 24px;background:radial-gradient(700px 280px at 92% 0%,rgba(224,122,61,.22),transparent 55%),radial-gradient(500px 220px at 8% 100%,rgba(30,58,95,.55),transparent 60%),linear-gradient(145deg,#101828,#1a2740 48%,#1e3a5f);color:#f7fafb;box-shadow:0 10px 28px #10182824}.sd-hero:after{content:"";position:absolute;inset:auto -48px -70px auto;width:240px;height:240px;border-radius:50%;background:#ffffff0a;pointer-events:none}.sd-hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;position:relative;z-index:1}.sd-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f7fafbb8;margin-bottom:8px}.sd-kicker-dot{width:7px;height:7px;border-radius:50%;background:#d4a45a;animation:sd-pulse 2.2s ease infinite}@keyframes sd-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}to{transform:scale(1);opacity:1}}.sd-hero h1{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(28px,3vw,38px);font-weight:650;letter-spacing:-.03em;line-height:1.12}.sd-hero p{margin:8px 0 0;max-width:520px;color:#f7fafbc7;font-size:14px;line-height:1.5}.sd-hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sd-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:600;letter-spacing:.02em;color:#fff}.sd-money-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;position:relative;z-index:1}.sd-money-item{padding:14px 16px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sd-rise .5s ease both}.sd-money-item:nth-child(1){animation-delay:.05s}.sd-money-item:nth-child(2){animation-delay:.1s}.sd-money-item:nth-child(3){animation-delay:.15s}.sd-money-item:nth-child(4){animation-delay:.2s}.sd-money-item span{display:block;font-size:12px;color:#f7fafbb3;margin-bottom:6px}.sd-money-item strong{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}.sd-money-item em{display:block;margin-top:4px;font-style:normal;font-size:11px;color:#f7fafb8c}.sd-money-item.is-accent{background:linear-gradient(155deg,#e07a3d,#c45f24);border-color:transparent}.sd-section{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:16px;padding:22px 24px;box-shadow:0 1px #15202b08;animation:sd-rise .5s ease both;animation-delay:.1s}.sd-soft-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--sd-soft);border:1px solid var(--sd-line);font-size:12px;font-weight:600;color:var(--sd-muted)}.sd-dist-list{display:flex;flex-direction:column;gap:14px}.sd-person-card,.sd-dist-card{position:relative;border:1px solid var(--sd-line);border-radius:16px;padding:18px 20px;background:linear-gradient(180deg,#fff,#f8fafb);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.sd-person-card:before,.sd-dist-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sd-accent),var(--sd-brand))}.sd-person-card:hover,.sd-dist-card:hover{border-color:#c9d5de;transform:translateY(-1px)}.sd-person-top,.sd-dist-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.sd-person-identity{display:flex;align-items:flex-start;gap:14px;min-width:0}.sd-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:650;color:#fff;background:linear-gradient(145deg,#2a4a75,#1e3a5f);letter-spacing:.02em}.sd-avatar--dist{background:linear-gradient(145deg,#e07a3d,#c45f24)}.sd-person-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sd-person-title-row h3,.sd-dist-card-top h3{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:650;letter-spacing:-.02em;color:var(--sd-ink)}.sd-person-identity p,.sd-dist-card-top p{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--sd-muted)}.sd-sticker,.sd-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--sd-accent-soft);color:#a34f1a;border:1px solid #f0c9a8}.sd-sticker--status.is-ok{background:#e8f6ee;color:var(--sd-good);border-color:#c6e6d4}.sd-sticker--status.is-muted{background:var(--sd-soft);color:var(--sd-muted);border-color:var(--sd-line)}.sd-person-meta,.sd-dist-meta,.sd-dist-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sd-person-meta{padding:12px;border-radius:12px;background:var(--sd-soft);border:1px solid #e8eef3}.sd-person-meta--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.sd-person-meta--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.sd-dist-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.sd-dist-money{margin-top:12px;padding-top:12px;border-top:1px solid var(--sd-line);grid-template-columns:repeat(3,minmax(0,1fr))}.sd-person-meta em,.sd-dist-meta em,.sd-dist-money em{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7a8b98;margin-bottom:5px}.sd-person-meta b,.sd-dist-meta b,.sd-dist-money b{display:block;font-size:13.5px;font-weight:600;word-break:break-word;color:var(--sd-ink)}.sd-dist-money b.earn{color:var(--sd-teal-deep)}.sd-agent-toggle{margin-top:14px;width:100%;border:1px solid #d5dce8;background:linear-gradient(180deg,#fff,#f5f7fb);color:var(--sd-brand-deep);font:inherit;font-size:13px;font-weight:600;border-radius:10px;padding:11px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.sd-agent-toggle strong{min-width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e8eef8;color:var(--sd-brand-deep);font-size:12px}.sd-agent-toggle:hover{background:#eef2fa;border-color:#b8c4d8}.sd-tree-drivers--card{margin-top:14px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--sd-line)}@media (max-width: 900px){.sd-person-meta,.sd-dist-meta,.sd-dist-money{grid-template-columns:repeat(2,minmax(0,1fr))}}.sd-health--auto{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.sd-health-money{font-size:18px!important}.sd-tree-row--static{cursor:default!important}.sd-tree-drivers--flush{padding-left:16px!important}.sd-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:650;letter-spacing:.02em}.sd-status.ok{background:#e8f6ee;color:var(--sd-good);border:1px solid #c6e6d4}.sd-status.off{background:#eef2f5;color:var(--sd-muted);border:1px solid #dde5ec}.mono{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:650}.sd-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sd-section-head h2{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:650;letter-spacing:-.02em}.sd-section-head p{margin:4px 0 0;color:var(--sd-muted);font-size:13px}.sd-network-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.sd-metric{border:1px solid var(--sd-line);border-radius:14px;padding:16px;background:linear-gradient(180deg,#fff 0%,var(--sd-soft) 140%);transition:transform .2s ease,border-color .2s ease}.sd-metric:hover{transform:translateY(-2px);border-color:#b8c9d1}.sd-metric-label{font-size:12px;font-weight:600;color:var(--sd-muted);text-transform:uppercase;letter-spacing:.04em}.sd-metric-value{margin:10px 0 6px;font-size:28px;font-weight:700;letter-spacing:-.03em}.sd-metric-note{font-size:12px;color:var(--sd-muted)}.sd-progress-wrap{margin-top:14px}.sd-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--sd-muted);margin-bottom:6px}.sd-progress-track{height:8px;border-radius:999px;background:#e4ecef;overflow:hidden}.sd-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sd-brand),var(--sd-accent));transition:width .7s cubic-bezier(.22,1,.36,1)}.sd-progress-fill.is-amber{background:linear-gradient(90deg,#c9842a,#e0a64d)}.sd-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-health-item{border-radius:12px;padding:14px;background:var(--sd-soft);border:1px solid transparent}.sd-health-item strong{display:block;font-size:22px;margin-top:4px}.sd-health-item span{font-size:12px;color:var(--sd-muted);font-weight:600}.sd-table-wrap{overflow-x:auto}.sd-table{width:100%;border-collapse:collapse;min-width:860px}.sd-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-muted);padding:10px 12px;border-bottom:1px solid var(--sd-line);background:var(--sd-soft)}.sd-table td{padding:14px 12px;border-bottom:1px solid #eef3f5;font-size:13.5px;vertical-align:middle}.sd-table tbody tr{transition:background .15s ease}.sd-table tbody tr:hover{background:#f7fbfc}.sd-name-cell{display:flex;flex-direction:column;gap:2px}.sd-name-cell strong{font-weight:650}.sd-name-cell span{font-size:12px;color:var(--sd-muted)}.sd-money{font-weight:700;font-variant-numeric:tabular-nums}.sd-money.is-earn{color:var(--sd-teal-deep)}.sd-bar-mini{display:flex;align-items:center;gap:8px;min-width:110px}.sd-bar-mini .track{flex:1;height:6px;border-radius:999px;background:#e5ecef;overflow:hidden}.sd-bar-mini .fill{height:100%;background:var(--sd-teal);border-radius:inherit}.sd-bar-mini .pct{font-size:12px;font-weight:650;color:var(--sd-muted);min-width:34px}.sd-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.sd-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sd-muted);padding:6px 10px;border-radius:999px;background:var(--sd-soft);border:1px solid var(--sd-line)}.sd-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.sd-empty{padding:28px;text-align:center;color:var(--sd-muted);border:1px dashed var(--sd-line);border-radius:14px;background:var(--sd-soft)}.sd-revenue-panel{animation-delay:.08s}.sd-revenue-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.sd-revenue-hero{border-radius:16px;padding:22px 24px;background:radial-gradient(500px 180px at 100% 0%,rgba(224,122,61,.25),transparent 55%),linear-gradient(145deg,#101828,#1e3a5f);color:#f7fafb}.sd-revenue-hero span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f7fafbb3}.sd-revenue-hero strong{display:block;margin-top:10px;font-size:clamp(32px,4vw,44px);font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sd-revenue-hero em{display:block;margin-top:8px;font-style:normal;font-size:13px;color:#f7fafba6}.sd-revenue-side{display:grid;gap:10px}.sd-revenue-side>div{border:1px solid var(--sd-line);border-radius:14px;padding:14px 16px;background:linear-gradient(180deg,#fff 0%,var(--sd-soft) 140%)}.sd-revenue-side span{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sd-muted)}.sd-revenue-side strong{display:block;margin-top:6px;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sd-period-toggle{display:inline-flex;padding:3px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);gap:3px}.sd-period-toggle button{border:none;background:transparent;color:#f7fafbbf;font:inherit;font-size:12px;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer}.sd-period-toggle button.active{background:#fff;color:var(--sd-ink)}.sd-tree{display:flex;flex-direction:column;gap:10px}.sd-tree-node{border:1px solid var(--sd-line);border-radius:14px;overflow:hidden;background:#fff}.sd-tree-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.sd-tree-row--dist{background:linear-gradient(180deg,#fff,#f5fafb)}.sd-tree-row--agent{background:#f8fbfc;border-top:1px solid #eef3f5}.sd-tree-chevron{width:18px;font-size:14px;color:var(--sd-muted)}.sd-tree-main{flex:1;min-width:160px;display:flex;flex-direction:column;gap:2px}.sd-tree-main strong{font-size:15px}.sd-tree-main span{font-size:12px;color:var(--sd-muted)}.sd-tree-stats{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px}.sd-tree-stats em{display:block;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--sd-muted);font-weight:700}.sd-tree-stats b{display:block;margin-top:2px;font-size:14px}.sd-tree-stats b.earn{color:var(--sd-teal-deep)}.sd-tree-children{border-top:1px solid var(--sd-line);background:#fbfdfd}.sd-tree-agent-block+.sd-tree-agent-block{border-top:1px solid #eef3f5}.sd-tree-drivers{padding:0 16px 14px 42px}.sd-tree-drivers-head{font-size:12px;font-weight:700;color:var(--sd-muted);margin:8px 0}.sd-tree-empty{padding:14px 16px 14px 42px;font-size:13px;color:var(--sd-muted)}.sd-mini-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--sd-line);border-radius:10px;overflow:hidden}.sd-mini-table th,.sd-mini-table td{padding:10px 12px;text-align:left;font-size:13px;border-bottom:1px solid #eef3f5}.sd-mini-table th{background:var(--sd-soft);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sd-muted)}.sd-mini-table .ok{color:var(--sd-good);font-weight:700}.sd-mini-table .off{color:var(--sd-muted)}.sd-report-wrap{overflow-x:auto;border:1px solid var(--sd-line);border-radius:14px;background:var(--sd-panel)}.sd-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sd-rank-card{border:1px solid var(--sd-line);border-radius:14px;background:var(--sd-panel);padding:14px 16px}.sd-rank-card h3{margin:0 0 12px;font-size:14px}.sd-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sd-rank-list li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;font-size:13px}.sd-rank-n{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--sd-soft);font-size:11px;font-weight:700;color:var(--sd-muted)}.sd-rank-list small{display:block;color:var(--sd-muted);font-size:11px}@media (max-width: 900px){.sd-rank-grid{grid-template-columns:1fr}}.sd-report-table{margin:0;min-width:720px}.sd-report-export{flex-shrink:0;white-space:nowrap}.sd-loading,.sd-error{padding:40px 20px;text-align:center;color:var(--sd-muted);font-family:Sora,Segoe UI,sans-serif}.sd-error{color:var(--sd-bad)}@media (max-width: 1200px){.sd-money-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-network-grid{grid-template-columns:1fr}}@media (max-width: 900px){.sd-money-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.sd-tree-row{flex-wrap:wrap}.sd-tree-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.sd-hero{padding:22px 18px}.sd-hero-meta{align-items:flex-start}.sd-money-strip{grid-template-columns:1fr}.sd-health{grid-template-columns:1fr!important}.sd-tree-drivers{padding-left:16px}}.partner-reports.pr-shell{--pr-ink: #142033;--pr-muted: #5c6b7a;--pr-line: #e3e9ef;--pr-soft: #f5f7fa;--pr-panel: #ffffff;--pr-navy: #1a3354;--pr-navy-deep: #12253d;--pr-copper: #c45c26;--pr-copper-soft: #fff4ec;--pr-good: #1f7a4d;font-family:DM Sans,Segoe UI,sans-serif;color:var(--pr-ink);gap:20px;animation:pr-in .35s ease both}@keyframes pr-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pr-state{min-height:280px;display:grid;place-content:center;gap:12px;text-align:center;color:var(--pr-muted)}.pr-state--error{color:#b42318}.pr-spinner{width:28px;height:28px;margin:0 auto;border:2.5px solid #d5dee8;border-top-color:var(--pr-navy);border-radius:50%;animation:pr-spin .7s linear infinite}@keyframes pr-spin{to{transform:rotate(360deg)}}.pr-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:18px;background:radial-gradient(520px 200px at 92% 0%,rgba(196,92,38,.22),transparent 55%),linear-gradient(145deg,#101828,#1a3354 55%,#243f66);color:#f7fafc;box-shadow:0 14px 32px #10182829}.pr-eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.pr-hero h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(26px,3vw,34px);font-weight:650;letter-spacing:-.03em;line-height:1.15}.pr-hero-copy{margin:8px 0 0;max-width:460px;font-size:14px;line-height:1.5;color:#f7fafcb8}.pr-period{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.pr-period button{border:0;background:transparent;color:#ffffffc7;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pr-period button.is-active{background:#fff;color:var(--pr-navy-deep)}.pr-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pr-kpi{border:1px solid var(--pr-line);border-radius:16px;background:var(--pr-panel);padding:18px 20px;box-shadow:0 6px 18px #1018280a;display:flex;flex-direction:column;gap:6px}.pr-kpi--accent{background:linear-gradient(160deg,var(--pr-copper-soft) 0%,#fff 60%);border-color:#efd2bc}.pr-kpi-label{font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--pr-muted)}.pr-kpi-value{font-size:clamp(28px,3vw,34px);font-weight:700;letter-spacing:-.03em;color:var(--pr-navy);line-height:1.1}.pr-kpi-meta{font-size:12.5px;color:var(--pr-muted)}.pr-panel{border:1px solid var(--pr-line);border-radius:18px;background:var(--pr-panel);padding:20px 20px 8px;box-shadow:0 8px 24px #1018280a}.pr-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.pr-panel-head h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:650;letter-spacing:-.02em}.pr-panel-head p{margin:4px 0 0;font-size:13px;color:var(--pr-muted)}.pr-back-link{border:0;background:transparent;color:var(--pr-copper);font-size:13px;font-weight:650;padding:0;margin-bottom:8px;cursor:pointer;font-family:inherit}.pr-back-link:hover{text-decoration:underline}.pr-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.pr-mini-kpis>div{border:1px solid var(--pr-line);border-radius:12px;background:var(--pr-soft);padding:12px 14px}.pr-mini-kpis span{display:block;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--pr-muted);margin-bottom:4px}.pr-mini-kpis b{font-size:18px;font-weight:700;color:var(--pr-navy)}.pr-mini-kpis b.is-you{color:var(--pr-copper)}.pr-table-wrap{overflow-x:auto;margin:0 -4px}.pr-table{width:100%;border-collapse:collapse;min-width:720px}.pr-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pr-muted);border-bottom:1px solid var(--pr-line);background:#fafbfc;white-space:nowrap}.pr-table td{padding:14px 12px;border-bottom:1px solid #eef2f6;font-size:13.5px;vertical-align:middle}.pr-table tbody tr{transition:background .15s ease}.pr-table tbody tr:hover{background:#f8fafc}.pr-num{color:var(--pr-muted);font-variant-numeric:tabular-nums;width:36px}.pr-person{display:flex;align-items:center;gap:10px;min-width:160px}.pr-person strong{display:block;font-size:14px;font-weight:650}.pr-person small{display:block;margin-top:2px;font-size:12px;color:var(--pr-muted)}.pr-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e8eef5;color:var(--pr-navy);font-size:13px;font-weight:700;flex-shrink:0}.pr-avatar--dist{background:var(--pr-navy);color:#fff}.pr-pill{display:inline-flex;min-width:28px;justify-content:center;padding:3px 9px;border-radius:999px;background:#eef2f6;font-size:12px;font-weight:700;color:var(--pr-ink)}.pr-pill--ok{background:#e8f6ee;color:var(--pr-good)}.pr-money{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.pr-money--you{color:var(--pr-copper);font-weight:700}.pr-actions{text-align:right;white-space:nowrap}.pr-view-btn{border:0;border-radius:9px;padding:8px 14px;background:var(--pr-navy);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s ease,transform .15s ease}.pr-view-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pr-empty,.pr-empty-inline{padding:36px 20px;text-align:center;color:var(--pr-muted);font-size:14px;line-height:1.5}.pr-empty-inline{padding:28px 12px}@media (max-width: 900px){.pr-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pr-hero{padding:20px}.pr-panel{padding:16px 12px 4px}.pr-mini-kpis{grid-template-columns:1fr}}.pricing-page{padding:20px}.pricing-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}.region-list{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.region-list h3{margin:0 0 12px;font-size:14px}.region-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:10px 12px;margin-bottom:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;cursor:pointer}.region-item.active{border-color:#2563eb;background:#eff6ff}.region-item.is-default-fallback{border:2px solid #ef4444!important;border-left:6px solid #dc2626!important;background-color:#fff5f5!important;box-shadow:0 2px 8px #ef444426!important}.region-item.is-default-fallback.active{border-color:#dc2626!important;background-color:#fee2e2!important;box-shadow:0 4px 12px #dc262640!important}.default-fallback-badge{background-color:#dc2626!important;color:#fff!important;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;line-height:1;box-shadow:0 1px 3px #dc262640;max-width:max-content}.region-tier-pill{margin-top:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;display:inline-block}.region-tier-pill.tier-1{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a}.region-tier-pill.tier-2{background-color:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.region-tier-pill.tier-3{background-color:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff}.region-item span{font-size:12px;color:#6b7280}.region-item .region-tier{margin-top:2px;font-size:11px;color:#1d4ed8}.region-item em{font-size:11px;color:#2563eb;font-style:normal;margin-top:4px}.pricing-form{display:flex;flex-direction:column;gap:0}.new-region-banner{background:#e8f4fd;border:1px solid #90caf9;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#1565c0}.new-region-banner code{background:#ffffffb3;padding:.1rem .35rem;border-radius:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkbox{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px}.rates-table{width:100%;border-collapse:collapse}.rates-table th,.rates-table td{padding:8px;border-bottom:1px solid #eee;font-size:13px}.rates-table input{width:72px;padding:4px 6px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-grid div{background:#f8fafc;padding:12px;border-radius:8px}.preview-grid span{display:block;font-size:12px;color:#64748b}.preview-total{grid-column:span 3;background:#111!important;color:#fff}.preview-total span{color:#cbd5e1}.hint{font-size:13px;color:#888}.surge-card{max-width:400px}@media (max-width: 900px){.pricing-layout{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}.pricing-back-btn{margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-header h2{margin:0 0 6px}.page-header p{margin:0;color:#555}.meta{display:block;margin-top:8px;color:#888}.header-actions{display:flex;gap:10px;flex-shrink:0}.btn-primary,.btn-secondary{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#111;border:1px solid #ddd}.section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.section h3{margin:0 0 8px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.add-vehicle-form{border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:14px;margin-bottom:14px}.add-vehicle-submit{margin-top:12px}.btn-secondary.add-vehicle-toggle-btn{background:#111;color:#fff;border-color:#111}.btn-secondary.add-vehicle-toggle-btn:hover{background:#000;border-color:#000}.tier-city-section{border:1px solid #dbeafe}.tier-summary-chip{font-size:12px;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.tier-cards-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.tier-mini-card{border-radius:10px;border:1px solid #e5e7eb;background:#fff;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:12px}.tier-mini-card strong{font-size:13px}.tier-mini-card em{font-style:normal;color:#374151}.tier-mini-card--tier_1{background:#f0fdf4;border-color:#86efac}.tier-mini-card--tier_2{background:#eff6ff;border-color:#93c5fd}.tier-mini-card--tier_3{background:#f9fafb;border-color:#d1d5db}.tier-city-form{border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;padding:14px;margin-bottom:14px}.tier-preview-note{margin:8px 0 12px;font-size:13px;color:#1e40af}.tier-city-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tier-city-col{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff}.tier-city-col h4{margin:0 0 8px;font-size:14px}.tier-city-col ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}.tier-city-col--tier_1{background:#f0fdf4}.tier-city-col--tier_2{background:#eff6ff}.tier-city-col--tier_3{background:#f9fafb}.section-desc{margin:0 0 16px;color:#666;font-size:14px}.tier-note{margin-top:10px;margin-bottom:0;color:#1d4ed8;font-size:13px}.region-action-row{margin-top:12px;margin-bottom:6px}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:13px;color:#444;font-weight:500}.field input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.field input[readonly]{background:#f5f5f5;color:#333;cursor:default}.field-combo{position:relative}.combo-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;margin:0;padding:4px;list-style:none;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 28px #0000001a}.combo-menu li button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:none;border-radius:6px;background:transparent;text-align:left;font:inherit;font-size:13px;color:#111;cursor:pointer}.combo-menu li button:hover{background:#f3f4f6}.combo-menu li button small{color:#6b7280;font-size:11px;white-space:nowrap}.field select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;width:100%}.vehicle-category-section{margin-bottom:24px}.vehicle-category-section:last-child{margin-bottom:0}.vehicle-category-section h4{margin:0 0 12px;font-size:16px;font-weight:600}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vehicle-badges{display:flex;gap:8px;margin-bottom:12px}.vehicle-badges span{background:#eef2ff;color:#4338ca;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500}.vehicle-card{background:#f8f9fb;border-radius:10px;padding:16px;border:1px solid #eceef2}.vehicle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vehicle-tag{background:#e5e7eb;color:#374151;padding:4px 10px;border-radius:999px;font-size:12px;text-transform:uppercase}.vehicle-desc{margin:0 0 12px;color:#666;font-size:13px}.vehicle-fields{display:grid;gap:12px}.study-note-section{border:1px solid #c7d2fe;background:linear-gradient(180deg,#f8f9ff,#fff)}.study-note-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.study-note-scenario h4,.study-note-breakdown h4{margin:0 0 12px;font-size:15px;font-weight:600}.study-note-list{margin:0 0 16px;padding-left:20px;color:#444;font-size:14px}.study-note-list li{margin-bottom:6px}.study-segment-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:12px}.study-segment-table th,.study-segment-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.study-segment-table th{color:#555;font-weight:600}.bill-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.bill-tag--distance{background:#dcfce7;color:#166534}.bill-tag--time{background:#fef3c7;color:#92400e}.study-note-result-units{margin:0;font-size:14px;color:#374151}.study-formula{margin:0 0 14px;font-size:14px;color:#4338ca;font-weight:500}.breakdown-rows{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #eceef2;font-size:14px}.breakdown-row--subtotal{background:#f3f4f6;font-weight:500}.breakdown-row--total{background:#111;color:#fff;font-weight:600;font-size:16px;border-color:#111}.study-note-hint{margin:14px 0 0;font-size:12px;color:#6b7280}.loading-text,.error-text{padding:20px}.error-text{color:#b91c1c}@media (max-width: 768px){.page-header{flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.study-note-layout,.tier-cards-inline,.tier-city-columns{grid-template-columns:1fr}}.state-dropdown-btn{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:border-color .15s,box-shadow .15s}.state-dropdown-btn:hover{border-color:#9ca3af}.state-dropdown-btn:focus{outline:2px solid transparent;outline-offset:2px;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.state-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:6px 0;box-sizing:border-box}.state-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:14px;color:#374151;-webkit-user-select:none;user-select:none;transition:background-color .1s}.state-dropdown-item:hover{background-color:#f3f4f6;color:#111827}.state-dropdown-item input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db;cursor:pointer}.cities-page{padding:20px}.tier-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.tier-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.tier-card--tier_1{border-color:#86efac;background:#f0fdf4}.tier-card--tier_2{border-color:#93c5fd;background:#eff6ff}.tier-card--tier_3{border-color:#d1d5db;background:#f9fafb}.tier-card h3{margin:0 0 8px;font-size:.95rem}.tier-desc{font-size:.8rem;color:#6b7280;margin:6px 0}.cities-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:24px}.onboard-form,.cities-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.field input,.field select{padding:8px;border:1px solid #d1d5db;border-radius:8px}.checkbox{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem}.tier-preview{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;padding:10px;margin-bottom:12px;font-size:.85rem}.cities-table{width:100%;border-collapse:collapse;font-size:.85rem}.cities-table th,.cities-table td{padding:8px;border-bottom:1px solid #f3f4f6;text-align:left}.tier-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.tier-badge--tier_1{background:#dcfce7;color:#166534}.tier-badge--tier_2{background:#dbeafe;color:#1d4ed8}.tier-badge--tier_3{background:#f3f4f6;color:#374151}.top-cities-section h3{margin-bottom:12px}.top-cities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.top-cities-block{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.top-cities-block h4{margin:0 0 10px;font-size:.9rem}.top-cities-block ol{margin:0;padding-left:18px;font-size:.82rem}.top-cities-block li{margin-bottom:6px}.top-cities-block span{color:#6b7280;margin-left:6px}@media (max-width: 1100px){.tier-cards,.cities-layout,.top-cities-grid{grid-template-columns:1fr}}.settings-wrapper{padding:25px;background:#f4f6fa;min-height:100vh}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.settings-meta{display:block;margin-top:6px;color:#888}.settings-error{color:#b91c1c;margin-bottom:12px}.section-note{margin:0 0 12px;color:#666;font-size:14px}.section-note a{color:var(--color-primary);text-decoration:none}.page-title{font-size:24px;font-weight:600;margin-bottom:20px}.section{margin-bottom:30px}.section h3{margin-bottom:15px;font-weight:600}.vehicle-category-list{display:flex;flex-direction:column;gap:24px}.vehicle-category-block h4{margin:0 0 12px;font-size:16px;font-weight:600}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.variant-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.variant-meta{display:inline-block;margin-left:8px;padding:2px 8px;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:11px;font-weight:500}.variant-desc{margin:8px 0 0;color:#666;font-size:13px}.variant-status{margin:8px 0 0;color:#555;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.kpi-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-category-tag{background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase}.kpi-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.kpi-field span{font-size:13px;color:#444;font-weight:500}.kpi-field input,.kpi-field select{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.card-grid{display:flex;gap:20px}.card{background:#fff;padding:16px;border-radius:12px;width:280px;box-shadow:0 2px 8px #00000014}.card-header{display:flex;justify-content:space-between;font-weight:600}.card-body{margin-top:10px;color:#555}.primary-btn{display:block;margin-top:12px;width:100%;padding:8px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;text-align:center;text-decoration:none;box-sizing:border-box}.input-row{display:flex;gap:20px}.input-group{display:flex;gap:10px}.input-group input{padding:8px;border:1px solid #ddd;border-radius:6px}.input-group button{background:#000;color:#fff;border:none;padding:8px 12px}.list{margin-top:15px}.list-item{background:#fff;padding:12px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between}.commission-grid{display:flex;gap:20px}.input-box{background:#fff;padding:12px;border-radius:8px;width:250px}.input-box input{width:100%;margin-top:5px;padding:6px}.save-btn{background:#000;color:#fff;padding:10px 18px;border:none;border-radius:6px}.toggle{position:relative;width:42px;height:22px}.toggle input{display:none}.toggle span{position:absolute;cursor:pointer;background:#d1d5db;border-radius:20px;top:0;left:0;right:0;bottom:0}.toggle span:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}.toggle input:checked+span{background:var(--color-primary)}.toggle input:checked+span:before{transform:translate(20px)}.toggle.small{width:36px;height:18px}.toggle.small span:before{height:14px;width:14px;top:2px}.campaign-page{padding:20px}.campaign-header{display:flex;justify-content:space-between;align-items:center}.campaign-header h2{margin:0}.campaign-header p{color:#666;margin-top:5px}.create-btn{background:#111827;color:#fff;padding:10px 14px;border-radius:8px;border:none}.stats-row{display:flex;gap:20px;margin-top:20px}.stat-card{background:#fff;padding:15px;border-radius:12px;flex:1;box-shadow:0 2px 6px #00000014}.stat-card p{color:#666}.stat-card h3{margin:10px 0}.table-card{margin-top:20px;background:#fff;padding:15px;border-radius:12px}table{width:100%;border-collapse:collapse;margin-top:10px}th{text-align:left;color:#777;font-size:13px;padding-bottom:10px}td{padding:12px 0;border-top:1px solid #eee}.tag{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:12px}.status{padding:4px 10px;border-radius:10px;font-size:12px}.status.active{background:#000;color:#fff}.status.scheduled{background:#e5e7eb}.green{color:var(--color-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px;overflow-y:auto}.modal-content{position:relative;background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:min(90vh,860px);display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:slideUp .2s ease-out;overflow:visible;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{flex-shrink:0;padding:16px 52px 16px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;color:#111827}.close-btn{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:22px;color:#4b5563;cursor:pointer;padding:0;line-height:1}.close-btn:hover{background:#e5e7eb;color:#111827}.campaign-form{display:flex;flex-direction:column;min-height:0;flex:1;overflow:visible;max-height:calc(min(90vh,860px) - 60px)}.campaign-form-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:visible;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.campaign-form-body .form-group select{position:relative;z-index:1}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.form-group label{font-size:13px;font-weight:500;color:#374151}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .15s ease-in-out}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb}.field-hint{color:#6b7280;font-size:12px;margin-top:2px;display:block}.field-hint--error{color:#dc2626}.link-btn{background:none;border:none;color:#2563eb;cursor:pointer;padding:0;font-size:12px;text-decoration:underline}.district-manual{margin-top:6px}.form-error{color:#ef4444;font-size:14px;margin:0}.form-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;padding:16px 24px;background:#fff}@media (max-width: 640px){.form-row{flex-direction:column}.modal-content{max-height:92vh}}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .15s}.btn-secondary:hover{background-color:#f9fafb}.btn-primary{background:var(--color-primary);border:none;color:#fff;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .15s}.btn-primary:hover{background-color:var(--color-primary-hover)}.badge-type{font-size:12px;padding:2px 6px;border-radius:4px;text-transform:capitalize;font-weight:500}.badge-type.discount{background:#eff6ff;color:#1d4ed8}.badge-type.cashback{background:#ecfdf5;color:#047857}.badge-segment{background:#f3f4f6;color:#374151;padding:2px 6px;border-radius:4px;font-size:12px}.action-row{display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid #e5e7eb;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .1s}.icon-btn:hover{background-color:#f3f4f6}.icon-btn.delete:hover{background-color:#fef2f2;border-color:#fca5a5}.state-dropdown-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-size:14px;color:#374151;text-align:left}.state-dropdown-btn:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.state-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;margin-top:4px}.state-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.state-dropdown-item:hover{background-color:#f3f4f6}.state-dropdown-item input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.notification-page{padding:24px;max-width:1200px;font-size:14px;font-weight:400;color:#1f2937}.notification-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.notification-topbar h2{margin:0;font-size:24px;font-weight:700;color:#111827}.notification-topbar p{margin:6px 0 0;color:#6b7280;font-size:13px}.btn-create{border:0;border-radius:10px;background:#060721;color:#fff;font-size:13px;font-weight:500;padding:10px 14px;cursor:pointer}.btn-create:hover{background:#161840}.notification-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:16px}.stat-label{display:block;color:#4b5563;font-size:12px;margin-bottom:14px}.stat-value{display:block;color:#111827;font-size:28px;font-weight:600;line-height:1}.stat-note{display:block;color:#6b7280;font-size:12px;margin-top:6px}.notification-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:16px;margin-bottom:16px}.notification-card h3{margin:0 0 12px;color:#111827;font-size:18px;font-weight:600}.create-card{border-style:dashed}.create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.create-modal{width:min(760px,100%);max-height:calc(100vh - 32px);overflow-y:auto;margin:0}.create-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.create-modal-header h3{margin:0}.create-modal-close{border:1px solid #d1d5db;background:#fff;color:#374151;width:30px;height:30px;border-radius:8px;cursor:pointer;font-weight:700;line-height:1}.create-modal-close:hover{background:#f9fafb}.broadcast-form{display:grid;gap:12px}.field{display:grid;gap:6px}.field-label{color:#374151;font-size:13px;font-weight:500}.field input,.field select,.field textarea,.demand-inputs input{width:100%;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font-size:13px;padding:10px 12px;box-sizing:border-box}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.demand-inputs input:focus{outline:2px solid #dbeafe;border-color:#2563eb}.field-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.district-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font-size:13px;padding:10px 12px;cursor:pointer;text-align:left;box-sizing:border-box}.district-trigger:hover{border-color:#9ca3af}.district-trigger-arrow{font-size:10px;color:#6b7280;margin-left:6px;flex-shrink:0}.district-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:100;max-height:280px;display:flex;flex-direction:column;overflow:hidden;padding:6px}.district-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:6px;flex-shrink:0}.district-search-input{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#111827;font-size:13px;padding:8px 32px 8px 10px;box-sizing:border-box;outline:none;transition:border-color .15s}.district-search-input:focus{border-color:#2563eb;background:#fff}.district-search-clear{position:absolute;right:6px;background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;line-height:1;padding:2px 4px;border-radius:4px}.district-search-clear:hover{color:#374151;background:#f3f4f6}.district-options-list{overflow-y:auto;flex:1}.district-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#374151;-webkit-user-select:none;user-select:none}.district-option:hover{background:#f3f4f6}.district-option input[type=checkbox]{width:15px;height:15px;accent-color:#2563eb;flex-shrink:0;cursor:pointer}.district-option-all{border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding-bottom:10px;font-weight:600;color:#111827}.district-empty{margin:0;padding:10px;color:#9ca3af;font-size:13px;text-align:center}.audience-preview-badge{border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;font-size:13px;padding:9px 12px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.helper-text{margin:0;color:#6b7280;font-size:12px}.btn-primary{border:0;border-radius:10px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:500;padding:10px 14px;cursor:pointer}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.demand-card{padding-bottom:10px}.demand-row{border-radius:10px;border:1px solid;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.demand-row-high{background:#fffbea;border-color:#fef08a}.demand-row-low{background:#eff6ff;border-color:#bfdbfe}.demand-title{margin:0;font-size:16px;font-weight:500;color:#111827}.demand-message{margin:4px 0 0;color:#4b5563;font-size:13px}.btn-configure{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:12px;font-weight:600;padding:7px 10px;cursor:pointer;white-space:nowrap}.btn-configure:hover{background:#f9fafb}.demand-config-form{border:1px dashed #d1d5db;border-radius:10px;padding:12px;margin-bottom:12px}.demand-inputs{display:grid;gap:10px;grid-template-columns:1.2fr 2fr 110px 90px;margin-bottom:10px}.demand-checkbox{display:flex;align-items:center;gap:7px;font-size:13px;color:#374151}.history-section h3{margin-bottom:10px}.table-responsive{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{border-bottom:1px solid #eef2f7;padding:11px 10px;text-align:left;font-size:13px;color:#111827}.history-table th{color:#6b7280;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.history-message-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-type,.badge-target,.badge-status{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;text-transform:capitalize;display:inline-block}.badge-type{background:#f3f4f6;color:#374151}.badge-target{background:#eef2ff;color:#3730a3}.badge-status.sent{background:#dcfce7;color:#166534}.badge-status.scheduled{background:#e0f2fe;color:#0c4a6e}.badge-status.cancelled{background:#fee2e2;color:#991b1b}.btn-cancel{border:1px solid #fca5a5;border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer}.btn-cancel:hover{background:#ffe4e6}.no-history-text{margin:0;color:#6b7280;font-size:13px}@media (max-width: 1100px){.notification-stats{grid-template-columns:1fr}}@media (max-width: 900px){.demand-inputs{grid-template-columns:1fr}}@media (max-width: 640px){.notification-page{padding:14px}.notification-topbar{flex-direction:column}.notification-topbar h2{font-size:28px}.field-row,.form-footer{grid-template-columns:1fr;flex-direction:column;align-items:stretch}}.do-page{padding:8px 4px 28px;display:flex;flex-direction:column;gap:18px}.do-error{color:#b91c1c}.do-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}.do-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0d7377}.do-top h1{margin:4px 0 0;font-size:1.6rem}.do-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.do-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#64748b}.do-filters select,.do-filters input[type=date]{min-width:160px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:14px}.do-export{border:none;background:#15803d;color:#fff;font-weight:600;padding:10px 14px;border-radius:8px;cursor:pointer}.do-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.do-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.do-kpi span{font-size:12px;color:#64748b}.do-kpi strong{font-size:1.35rem}.do-mid-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.do-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.do-card h3{margin:0 0 12px;font-size:1rem}.do-card-note{margin:8px 0 0;font-size:12px;color:#94a3b8}.do-details{margin:0;display:grid;gap:8px}.do-details>div{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.do-details dt{color:#64748b}.do-details dd{margin:0;font-weight:600}.do-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.do-badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.do-badge.is-yes,.do-badge.is-high{background:#dcfce7;color:#166534}.do-badge.is-very-high{background:#fee2e2;color:#991b1b}.do-badge.is-medium{background:#fef3c7;color:#92400e}.do-badge.is-muted{background:#f1f5f9;color:#475569}.do-pie-center{font-size:12px;font-weight:700;fill:#0f172a}.do-revenue{display:grid;gap:16px}.do-revenue div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:#f8fafc}.do-revenue span{font-size:12px;color:#64748b}.do-revenue strong{font-size:1.25rem}.do-live{border:1px solid #99f6e4;background:linear-gradient(180deg,#f0fdfa,#fff 40%);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.do-live-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.do-live-head h2{margin:0;font-size:1.15rem}.do-live-head p{margin:4px 0 0;font-size:13px;color:#64748b}.do-live-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.do-live-status{font-size:12px;color:#0f766e;font-weight:600}.do-live-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.do-live-card{background:#fff;border:1px solid #ccfbf1;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.do-live-card span{font-size:12px;color:#0f766e;font-weight:600}.do-live-card strong{font-size:1.4rem}.do-live-card em{font-style:normal;font-size:11px;color:#64748b}.do-live-card--money{border-color:#fed7aa}.do-live-card--money span{color:#c2410c}.do-live-chart-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.do-empty{padding:24px 12px;font-size:13px;color:#64748b;line-height:1.5}.do-compare{width:100%;border-collapse:collapse;font-size:13px}.do-compare th,.do-compare td{border-bottom:1px solid #e2e8f0;padding:10px 8px;text-align:left}.do-compare th{color:#64748b;font-weight:600}@media (max-width: 1100px){.do-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.do-mid-grid,.do-live-chart-wrap{grid-template-columns:1fr}.do-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.do-kpi-grid,.do-live-grid{grid-template-columns:1fr}}.profile-page{padding:4px 0 24px}.profile-page .back-btn{margin-bottom:20px}.profile-loading{color:var(--color-text-secondary)}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-hero-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-size:24px;font-weight:700}.profile-hero h1{margin:0 0 4px;font-size:28px}.profile-hero p{margin:0;color:var(--color-text-secondary);text-transform:capitalize}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;box-shadow:0 4px 14px #0f172a0d}.profile-card-header{margin-bottom:20px}.profile-card-header h2{margin:0 0 6px;font-size:20px}.profile-card-header p{margin:0;color:var(--color-text-secondary);font-size:14px}.profile-form{display:flex;flex-direction:column;gap:10px}.profile-form label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.profile-form input{border:1px solid var(--color-border);border-radius:10px;padding:11px 12px;font-size:14px}.profile-form input:disabled{background:#f8fafc;color:#94a3b8}.field-note{margin-top:-4px;font-size:12px;color:#94a3b8}.form-error{margin:4px 0 0;font-size:13px;color:#b42318}.profile-btn{margin-top:8px;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.profile-btn--primary{border:none;background:var(--color-primary);color:#fff}.profile-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.operations-page{display:flex;flex-direction:column;gap:20px}.operations-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.operations-header h2{margin:0 0 4px;font-size:22px;color:#111827}.operations-header p{margin:0;color:#6b7280;font-size:14px}.operations-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.op-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.op-card span{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase}.op-card strong{font-size:20px;color:#111827}.op-card small{font-size:11px;color:#9ca3af}.op-card-primary{border-color:#93c5fd;background:#eff6ff}.op-card-alert{border-color:#fca5a5;background:#fef2f2}.op-card-alert strong{color:#dc2626}.operations-tabs{display:flex;gap:10px;border-bottom:2px solid #e5e7eb;padding-bottom:2px;flex-wrap:wrap}.op-tab{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:600;color:#4b5563;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.op-tab.active{color:#2563eb;border-bottom-color:#2563eb}.operations-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.operations-content-card h3{margin:0 0 4px;font-size:18px;color:#111827}.operations-content-card .subtext{margin:0 0 20px;font-size:13px;color:#6b7280}.flow-timeline{display:flex;flex-direction:column;gap:16px}.timeline-step{display:flex;gap:14px;align-items:flex-start}.step-num{background:#2563eb;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.step-body{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;flex:1}.step-body h4{margin:0 0 6px;font-size:15px;color:#1e293b}.step-body p{margin:0;font-size:13px;color:#475569}.step-body ul{margin:8px 0 0;padding-left:20px;font-size:13px;color:#475569}.safety-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.safety-box.alert-box{background:#fef2f2;border-color:#fca5a5}.safety-box h4{margin:0 0 8px;font-size:15px;color:#111827}.safety-box ul{margin:8px 0 0;padding-left:20px;font-size:13px;color:#374151}.escalation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.esc-card{padding:14px;border-radius:10px;border:1px solid #e5e7eb}.esc-l1{background:#fefce8;border-color:#fef08a}.esc-l2{background:#ffedd5;border-color:#fed7aa}.esc-l3{background:#fee2e2;border-color:#fca5a5}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rule-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.rule-card-danger{background:#fef2f2;border-color:#fca5a5}.rule-card h4{margin:0 0 10px;font-size:15px;color:#111827}.rule-card ul{margin:0;padding-left:18px;font-size:13px;color:#374151;display:flex;flex-direction:column;gap:8px}.supply-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.supply-box h4{margin:0 0 8px;font-size:15px}@media (max-width: 1024px){.operations-kpi-grid,.escalation-grid,.rules-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.operations-kpi-grid,.escalation-grid,.rules-grid{grid-template-columns:1fr}}.del-page{padding:24px 32px;background-color:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.del-header{margin-bottom:24px}.del-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px}.del-sub{font-size:14px;color:#64748b;margin:0}.del-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.del-search-box{flex:1;max-width:400px}.del-search-input{width:100%;padding:10px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:14px;outline:none}.del-search-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.del-tabs{display:flex;gap:8px}.del-tab{padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.del-tab.active{background:#014d37;color:#fff;border-color:#014d37}.del-table-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.del-table{width:100%;border-collapse:collapse;text-align:left}.del-table th{background:#f8fafc;padding:14px 18px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.del-table td{padding:16px 18px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.del-user-cell{display:flex;align-items:center;gap:12px}.del-avatar{width:38px;height:38px;border-radius:19px;background:#f1f5f9;color:#014d37;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.del-phone{display:block;font-size:12px;color:#64748b}.del-role-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.del-role-badge.driver{background:#e6f4ea;color:#137333}.del-role-badge.customer{background:#e8f0fe;color:#1a73e8}.del-reason{color:#64748b;font-size:13px}.del-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:600}.del-empty,.del-loading{padding:48px;text-align:center;color:#64748b;font-size:14px}.add-vehicle-page{padding:24px;max-width:1200px;margin:0 auto;font-family:inherit}.add-vehicle-header{margin-bottom:28px}.add-vehicle-header h2{font-size:24px;font-weight:700;color:var(--brand-green-900, #043015);margin:0 0 6px}.add-vehicle-header p{font-size:14px;color:var(--color-text-secondary, #6b7280);margin:0}.region-select-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.region-select-card h3{font-size:16px;font-weight:600;color:var(--brand-green-900, #043015);margin:0 0 12px}.region-select-input{width:100%;max-width:400px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:#f9fafb;transition:border-color .2s,box-shadow .2s}.region-select-input:focus{border-color:var(--brand-green-500, #0b7b3b);box-shadow:0 0 0 3px #0b7b3b26;outline:none;background-color:#fff}.vehicle-workflow-layout{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.vehicle-workflow-layout{grid-template-columns:1.2fr 1fr}}.workflow-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.workflow-section h3{font-size:18px;font-weight:600;color:var(--brand-green-900, #043015);margin:0 0 18px;border-bottom:1px solid #f3f4f6;padding-bottom:10px}.template-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;margin-bottom:20px}.template-box select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field span{font-size:13px;font-weight:500;color:#374151}.field input,.field select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--brand-green-500, #0b7b3b);outline:none}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;margin-top:8px;cursor:pointer}.checkbox input{width:16px;height:16px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brand-green-900, #043015),var(--brand-green-700, #085728));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 10px #04301526;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{opacity:.95}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.upload-btn-label{background:var(--brand-green-500, #0b7b3b);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.upload-btn-label:hover{opacity:.9}.existing-list{display:flex;flex-direction:column;gap:12px;max-height:550px;overflow-y:auto;padding-right:4px}.vehicle-rate-item-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;background-color:#f9fafb}.vehicle-rate-item-card img{width:56px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #d1d5db}.rate-card-details{flex:1;margin-left:14px}.rate-card-details h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px}.rate-card-details span{font-size:12px;color:#6b7280}.rate-badge{font-size:12px;font-weight:600;color:var(--brand-green-600, #0a6a32);background:var(--brand-green-50, #e8f5e9);padding:4px 8px;border-radius:6px;border:1px solid rgba(10,106,50,.15)}.disabled-badge{font-size:12px;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;padding:4px 8px;border-radius:6px}.hint-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#166534}.tickets-page{padding:24px;background-color:#f8fafc;min-height:100vh;font-family:inherit}.stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.banner-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005;border:1px solid #e2e8f0}.banner-card .card-heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.banner-card .card-value{font-size:28px;font-weight:700;margin-bottom:6px}.banner-card .card-sub{font-size:12px}.font-blue{border-left:4px solid #3b82f6}.font-blue .card-heading{color:#2563eb}.font-blue .card-value{color:#1e3a8a}.font-blue .card-sub{color:#64748b}.font-orange{border-left:4px solid #f97316}.font-orange .card-heading{color:#ea580c}.font-orange .card-value{color:#7c2d12}.font-orange .card-sub{color:#64748b}.font-purple{border-left:4px solid #8b5cf6}.font-purple .card-heading{color:#7c3aed}.font-purple .card-value{color:#4c1d95}.font-purple .card-sub{color:#64748b}.tickets-container{background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:24px}.container-header h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#0f172a}.filters-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.tabs-group{display:flex;gap:8px}.tab-btn{background:transparent;border:1px solid transparent;padding:8px 16px;font-size:14px;font-weight:600;color:#64748b;border-radius:20px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{background-color:#f1f5f9;color:#334155}.tab-btn.active{background-color:#4f46e5;color:#fff}.inputs-group{display:flex;align-items:center;gap:12px}.filter-select{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px;color:#334155;background-color:#fff;outline:none;cursor:pointer}.search-wrapper{position:relative}.search-input{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:13px;color:#334155;width:220px;outline:none}.search-input:focus{border-color:#6366f1}.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:transform .1s ease,box-shadow .1s ease}.ticket-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.critical-border{border-left:4px solid #ef4444!important}.card-left{flex:1}.card-top-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.case-id{font-size:13px;font-weight:700;color:#4f46e5;background-color:#f5f3ff;padding:2px 8px;border-radius:6px}.case-category{font-size:12px;font-weight:600;color:#475569;background-color:#f1f5f9;padding:2px 8px;border-radius:6px}.urgent-badge{font-size:11px;font-weight:700;color:#ef4444;background-color:#fef2f2;padding:2px 8px;border-radius:6px;border:1px solid #fee2e2}.user-info{margin-bottom:10px}.user-name{font-size:15px;font-weight:700;color:#1e293b}.user-role{font-size:12px;color:#64748b;margin-top:2px}.case-issue{font-size:13.5px;color:#334155;background-color:#f8fafc;padding:10px 12px;border-radius:8px;margin-bottom:12px;line-height:1.5}.case-meta-row{display:flex;gap:24px}.meta-item{display:flex;align-items:center;gap:6px}.meta-label{font-size:12px;color:#64748b;font-weight:500}.meta-value{font-size:12px;color:#334155;font-weight:600}.status-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:capitalize}.status-blue{background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.status-red{background-color:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.status-orange{background-color:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.status-green{background-color:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.status-gray{background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0}.card-right{margin-left:20px}.review-btn{background-color:#4f46e5;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease;box-shadow:0 1px 2px #4f46e533}.review-btn:hover{background-color:#4338ca}.list-status{text-align:center;padding:40px;font-size:14px;color:#64748b}@media (max-width: 768px){.ticket-card{flex-direction:column;align-items:stretch;gap:16px}.card-right{margin-left:0}.review-btn{width:100%;text-align:center}.filters-bar{flex-direction:column;align-items:stretch}.tabs-group{overflow-x:auto;padding-bottom:8px}.inputs-group{flex-direction:column;align-items:stretch}.search-input{width:100%}}.dispute-page{display:flex;flex-direction:column;gap:16px}.dispute-header h2{margin:0 0 6px}.dispute-header p{margin:0;color:#5b6574}.dispute-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dispute-stat-card{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:14px}.dispute-stat-card span{font-size:12px;color:#637085}.dispute-stat-card strong{display:block;margin-top:6px;font-size:24px}.dispute-toolbar{display:flex;flex-wrap:wrap;gap:10px}.dispute-tabs{display:flex;gap:8px}.dispute-tab{border:1px solid #d5dbe6;background:#f8fafc;color:#1e293b;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:500;cursor:pointer}.dispute-tab.active{border-color:#111;background:#111;color:#fff}.dispute-filter{border:1px solid #d8dce4;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;min-width:180px}.dispute-layout{display:grid;grid-template-columns:360px 1fr;gap:14px}.dispute-list-card,.dispute-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px}.dispute-list-header{padding:14px 14px 8px;border-bottom:1px solid #edf0f5}.dispute-list-header h3{margin:0;font-size:15px}.dispute-list{padding:10px;max-height:560px;overflow:auto}.dispute-row{width:100%;text-align:left;border:1px solid #eceff4;background:linear-gradient(180deg,#fbfcfd,#f8fafc);border-radius:10px;padding:10px;margin-bottom:10px;cursor:pointer}.dispute-row.is-sos-urgent{border-left:4px solid #ef4444!important;background:#fef2f2}.sos-badge{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.dispute-row.active{border-color:#2563eb;background:linear-gradient(180deg,#eff6ff,#dbeafe);box-shadow:0 6px 14px #2563eb24}.dispute-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.dispute-row p{margin:6px 0;color:#334155;font-size:13px}.dispute-row-meta{display:flex;flex-direction:column;gap:2px;color:#64748b;font-size:12px}.status-pill,.priority-pill{text-transform:capitalize;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;white-space:nowrap}.status-open{background:#dbeafe;color:#1d4ed8}.status-investigating{background:#fef3c7;color:#92400e}.status-resolved{background:#dcfce7;color:#166534}.status-closed{background:#e5e7eb;color:#334155}.priority-low{background:#e2e8f0;color:#334155}.priority-medium{background:#fde68a;color:#92400e}.priority-high{background:#fecaca;color:#991b1b}.dispute-detail-card{padding:16px}.dispute-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.dispute-detail-header h3{margin:0 0 4px}.dispute-detail-header p{margin:0;color:#64748b}.dispute-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.dispute-detail-grid div{background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;padding:10px}.dispute-detail-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.dispute-detail-grid strong{color:#0f172a;font-size:14px}.dispute-block{border-top:1px solid #edf2f7;padding-top:12px;margin-top:10px}.dispute-block h4{margin:0 0 8px;font-size:14px}.dispute-block p{margin:0;color:#334155;line-height:1.5}.workflow-steps{display:flex;flex-wrap:wrap;gap:8px}.workflow-step{border:1px solid #d3dae6;background:#fff;border-radius:999px;padding:7px 12px;text-transform:capitalize;cursor:pointer}.workflow-step.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.dispute-block textarea{width:100%;min-height:90px;resize:vertical;border:1px solid #d8dce4;border-radius:10px;padding:10px 12px;font-size:14px}.note-composer{display:flex;flex-direction:column;gap:10px}.note-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.note-item{border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:10px}.note-item-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.note-item-top strong{font-size:13px;color:#0f172a}.note-item-top span{font-size:12px;color:#64748b}.note-item p{margin-top:6px;font-size:13px;color:#334155}.dispute-actions{margin-top:10px;display:flex;gap:10px}.dispute-empty{color:#6b7280;font-size:14px;padding:16px 8px}@media (max-width: 1100px){.dispute-layout{grid-template-columns:1fr}.dispute-list{max-height:320px}}@media (max-width: 900px){.dispute-stats{grid-template-columns:1fr 1fr 1fr}.dispute-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.dispute-toolbar,.dispute-tabs{flex-direction:column}.dispute-stats{grid-template-columns:1fr 1fr}.dispute-detail-grid{grid-template-columns:1fr}.dispute-actions{flex-direction:column}}.case-management-page{padding:0;background-color:#f8fafc;min-height:100vh}.case-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background-color:#fff;padding:20px 24px;border-bottom:1px solid #e2e8f0}.case-page-header h2{margin:0;font-size:22px;font-weight:800;color:#0f172a}.case-page-header p{margin:4px 0 0;font-size:13.5px;color:#64748b}.module-tabs{display:flex;background-color:#f1f5f9;padding:4px;border-radius:10px;border:1px solid #e2e8f0}.module-tab-btn{background:transparent;border:none;padding:8px 18px;font-size:13.5px;font-weight:700;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.module-tab-btn:hover{color:#334155}.module-tab-btn.active{background-color:#fff;color:#4f46e5;box-shadow:0 1px 3px #00000014}.module-content{padding:0}.toast-viewport{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:240px;max-width:min(90vw,360px);padding:10px 12px;border-radius:10px;border:1px solid transparent;font-size:13px;box-shadow:0 10px 22px #0f172a26;background:#fff;color:#0f172a}.toast-success{border-color:#86efac;background:#f0fdf4}.toast-error{border-color:#fca5a5;background:#fef2f2}.toast-warning{border-color:#fcd34d;background:#fffbeb}@media (max-width: 768px){.toast-viewport{top:12px;right:12px;left:12px}.toast{min-width:0;max-width:100%}}:root{--brand-green-50: #e8f5e9;--brand-green-100: #c8e6c9;--brand-green-200: #a5d6a7;--brand-green-300: #81c784;--brand-green-400: #66bb6a;--brand-green-500: #0b7b3b;--brand-green-600: #0a6a32;--brand-green-700: #085728;--brand-green-800: #06451f;--brand-green-900: #043015;--ride-yellow-50: #fffde7;--ride-yellow-100: #fff9c4;--ride-yellow-200: #fff59d;--ride-yellow-300: #fff176;--ride-yellow-400: #ffee58;--ride-yellow-500: #f5b800;--ride-yellow-600: #e0a800;--ride-yellow-700: #c49000;--ride-yellow-800: #a67900;--ride-yellow-900: #7a5900;--neutral-white: #ffffff;--neutral-bg: #f7f7f7;--neutral-border: #e0e0e0;--neutral-text: #121212;--neutral-text-secondary: #6b7280;--neutral-dark: #0b0b0b;--accent-blue: #3b82f6;--accent-blue-light: #dbeafe;--status-success: #16a34a;--status-warning: #f59e0b;--status-error: #ef4444;--color-primary: var(--brand-green-900);--color-primary-hover: var(--brand-green-800);--color-primary-soft: var(--brand-green-50);--color-secondary: var(--ride-yellow-500);--color-secondary-soft: var(--ride-yellow-50);--color-background: var(--neutral-bg);--color-background-soft: #f0f2f0;--color-surface: var(--neutral-white);--color-border: var(--neutral-border);--color-text: var(--neutral-text);--color-text-primary: var(--neutral-text);--color-text-secondary: var(--neutral-text-secondary);--color-success: var(--status-success);--color-warning: var(--status-warning);--color-error: var(--status-error);--color-dark: var(--neutral-dark)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-primary)}.inline-error{color:var(--color-error);padding:8px 16px;margin:0}.btn-primary,.primary-btn{background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600}.btn-primary:hover:not(:disabled),.primary-btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled,.primary-btn:disabled{opacity:.6;cursor:not-allowed}.pagination,.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 16px}@media (max-width: 1024px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media (max-width: 768px){.cards,.bottom,.chart-row,.bottom-stats,.filters,.header{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%}.table-box,.table-card,.driver-table-card,.role-table-card{overflow-x:auto}table,.driver-table,.role-table,.bookings-table{min-width:700px}}