@layer tokens,base,components,layout,pages,effects,responsive,refresh,hardening,density,print;@layer tokens{:root{--primary: #16A34A;--primary-dark: #15803D;--primary-light: #22C55E;--primary-lighter: #DCFCE7;--primary-bg: #F0FDF4;--primary-glow: rgba(22, 163, 74, .18);--primary-rgb: 22, 163, 74;--accent-rgb: 27, 58, 92;--text-rgb: 15, 23, 42;--success-rgb: 16, 185, 129;--error-rgb: 239, 68, 68;--warning-rgb: 245, 158, 11;--info-rgb: 59, 130, 246;--accent: #1B3A5C;--accent-dark: #152E4A;--accent-light: #2D5A8A;--bg-gradient: linear-gradient(135deg, #F3F7FA 0%, #E9EFF4 100%);--success: #10B981;--success-dark: #059669;--success-bg: #ECFDF5;--success-glow: rgba(16, 185, 129, .15);--warning: #F59E0B;--warning-dark: #D97706;--warning-bg: #FFFBEB;--error: #EF4444;--error-dark: #DC2626;--error-bg: #FEF2F2;--error-glow: rgba(239, 68, 68, .15);--info: #3B82F6;--info-dark: #2563EB;--info-bg: #EFF6FF;--info-glow: rgba(59, 130, 246, .2);--primary-text: #15803D;--success-text: #047857;--warning-text: #B45309;--error-text: #DC2626;--info-text: #2563EB;--chart-purple-text: #6D28D9;--error-text-strong: #B91C1C;--primary-text-strong: #166534;--primary-fill: #15803D;--success-fill: #047857;--error-fill: #B91C1C;--warning-fill: #B45309;--primary-icon-bg: rgba(22, 163, 74, .12);--success-icon-bg: rgba(16, 185, 129, .12);--warning-icon-bg: rgba(245, 158, 11, .14);--error-icon-bg: rgba(239, 68, 68, .12);--info-icon-bg: rgba(59, 130, 246, .12);--badge-pending-bg: #FFF7ED;--badge-pending-color: #C2410C;--badge-pending-border: #FED7AA;--badge-assigned-bg: #EFF6FF;--badge-assigned-color: #1D4ED8;--badge-assigned-border: #BFDBFE;--badge-pickedup-bg: #F0FDF4;--badge-pickedup-color: #15803D;--badge-pickedup-border: #BBF7D0;--badge-intransit-bg: #EFF6FF;--badge-intransit-color: #1E40AF;--badge-intransit-border: #93C5FD;--badge-arrived-bg: #ECFDF5;--badge-arrived-color: #047857;--badge-arrived-border: #A7F3D0;--badge-outdelivery-bg: #FDF4FF;--badge-outdelivery-color: #7E22CE;--badge-outdelivery-border: #E9D5FF;--badge-delivered-bg: #F0FDF4;--badge-delivered-color: #166534;--badge-delivered-border: #86EFAC;--badge-cancelled-bg: #FEF2F2;--badge-cancelled-color: #B91C1C;--badge-cancelled-border: #FECACA;--badge-success-color: #047857;--badge-success-border: #A7F3D0;--badge-warning-color: #92400E;--badge-warning-border: #FDE68A;--badge-error-color: #991B1B;--badge-error-border: #FECACA;--badge-info-color: #1E40AF;--badge-info-border: #BFDBFE;--chart-purple: #8B5CF6;--chart-pink: #EC4899;--chart-slate: #64748B;--chart-teal: #14B8A6;--accent-darker: #0B1929;--bg: #F3F7FA;--bg-secondary: #EBF1F6;--bg-tertiary: #E2EAF2;--surface: #FFFFFF;--surface-raised: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--border-hover: #CBD5E1;--text: #0F172A;--text-secondary: #475569;--text-tertiary: #4B5563;--text-inverse: #FFFFFF;--text-on-dark: #FFFFFF;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-heavy: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .25);--glass-blur: 20px;--backdrop-bg: rgba(15, 23, 42, .65);--backdrop-blur: blur(8px);--sidebar-bg: #FFFFFF;--sidebar-hover: #F1F5F9;--sidebar-active: rgba(22, 163, 74, .08);--customer-green: var(--primary);--customer-green-dark: var(--primary-dark);--customer-green-soft: var(--primary-bg);--customer-green-glow: var(--primary-glow);--customer-ink: var(--text);--customer-muted: #5F6B7A;--customer-panel: var(--surface);--customer-panel-solid: var(--surface);--customer-line: var(--border);--customer-shadow: var(--shadow-md);--customer-shadow-soft: var(--shadow-sm);--admin-green: var(--primary);--admin-green-dark: var(--primary-dark);--admin-green-soft: var(--primary-bg);--admin-green-glow: var(--primary-glow);--admin-ink: var(--text);--admin-muted: #607085;--admin-panel: var(--surface);--admin-panel-solid: var(--surface);--admin-line: var(--border);--admin-shadow: var(--shadow-md);--admin-shadow-soft: var(--shadow-sm);--sidebar-border: #E2E8F0;--sidebar-text: #475569;--sidebar-text-hover: #0F172A;--sidebar-section-label: #64748B;--capacity-safe-text: #047857;--capacity-safe-bar: #10B981;--capacity-medium-text: #92400E;--capacity-medium-bar: #F59E0B;--capacity-high-text: #C2410C;--capacity-high-bar: #F97316;--capacity-critical-text: #B91C1C;--capacity-critical-bar: #DC2626;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 1px rgba(15, 23, 42, .03);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 36px rgba(15, 23, 42, .1);--shadow-xl: 0 24px 52px rgba(15, 23, 42, .14);--shadow-2xl: 0 25px 60px -12px rgba(15, 23, 42, .25);--shadow-glow: 0 0 40px rgba(22, 163, 74, .12);--shadow-primary: 0 8px 18px rgba(22, 163, 74, .22);--shadow-primary-lg: 0 12px 26px rgba(22, 163, 74, .26);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-xxl: 48px;--container-customer-max: 860px;--container-navbar-max: 1280px;--transition: color .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: color .35s cubic-bezier(.4, 0, .2, 1), background-color .35s cubic-bezier(.4, 0, .2, 1), border-color .35s cubic-bezier(.4, 0, .2, 1), opacity .35s cubic-bezier(.4, 0, .2, 1), transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: color .4s cubic-bezier(.34, 1.56, .64, 1), background-color .4s cubic-bezier(.34, 1.56, .64, 1), border-color .4s cubic-bezier(.34, 1.56, .64, 1), opacity .4s cubic-bezier(.34, 1.56, .64, 1), transform .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 500;--z-modal: 1000;--z-toast: 9999;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-h1-fluid: clamp(1.5rem, 2.5vw + .5rem, 2.25rem);--font-h2-fluid: clamp(1.25rem, 1.8vw + .4rem, 1.75rem);--font-h3-fluid: clamp(1rem, 1.2vw + .3rem, 1.25rem);--font-h4-fluid: clamp(.875rem, .8vw + .3rem, 1rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--chart-1: var(--chart-purple);--chart-2: var(--chart-pink);--chart-3: var(--chart-slate);--chart-4: var(--chart-teal)}@supports not (backdrop-filter: blur(1px)){:root{--glass-bg: rgba(255, 255, 255, .95);--glass-bg-heavy: #ffffff}[data-theme=dark]{--glass-bg: #1E293B;--glass-bg-heavy: #0F172A}}@media(max-width:768px){:root{--glass-blur: 6px}[data-theme=dark]{--glass-blur: 6px}}[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--primary: #10B981;--primary-dark: #0CA678;--primary-light: #34D399;--primary-lighter: #064E3B;--primary-bg: #022C22;--primary-glow: rgba(16, 185, 129, .25);--primary-rgb: 16, 185, 129;--accent-rgb: 74, 142, 199;--text-rgb: 248, 250, 252;--success-rgb: 52, 211, 153;--error-rgb: 248, 113, 113;--warning-rgb: 251, 191, 36;--info-rgb: 96, 165, 250;--accent: #4A8EC7;--accent-dark: #3A70A0;--accent-light: #5DA0D8;--success: #34D399;--success-dark: #6EE7B7;--success-bg: #0C2A1E;--success-glow: rgba(52, 211, 153, .2);--warning: #FBBF24;--warning-dark: #FCD34D;--warning-bg: #2A2410;--error: #F87171;--error-dark: #FCA5A5;--error-bg: #2A1010;--error-glow: rgba(248, 113, 113, .2);--info: #60A5FA;--info-dark: #93C5FD;--info-bg: #101C2A;--info-glow: rgba(96, 165, 250, .25);--primary-text: #34D399;--success-text: #34D399;--warning-text: #FBBF24;--error-text: #F87171;--info-text: #60A5FA;--chart-purple-text: #A78BFA;--error-text-strong: #F87171;--primary-text-strong: #34D399;--primary-icon-bg: rgba(16, 185, 129, .18);--success-icon-bg: rgba(52, 211, 153, .18);--warning-icon-bg: rgba(251, 191, 36, .18);--error-icon-bg: rgba(248, 113, 113, .18);--info-icon-bg: rgba(96, 165, 250, .18);--badge-pending-bg: rgba(251, 146, 60, .15);--badge-pending-color: #FDBA74;--badge-pending-border: rgba(251, 146, 60, .3);--badge-assigned-bg: rgba(96, 165, 250, .15);--badge-assigned-color: #93C5FD;--badge-assigned-border: rgba(96, 165, 250, .3);--badge-pickedup-bg: rgba(34, 197, 94, .15);--badge-pickedup-color: #86EFAC;--badge-pickedup-border: rgba(34, 197, 94, .3);--badge-intransit-bg: rgba(56, 189, 248, .15);--badge-intransit-color: #7DD3FC;--badge-intransit-border: rgba(56, 189, 248, .3);--badge-arrived-bg: rgba(16, 185, 129, .15);--badge-arrived-color: #6EE7B7;--badge-arrived-border: rgba(16, 185, 129, .3);--badge-outdelivery-bg: rgba(192, 132, 252, .15);--badge-outdelivery-color: #D8B4FE;--badge-outdelivery-border: rgba(192, 132, 252, .3);--badge-delivered-bg: rgba(74, 222, 128, .18);--badge-delivered-color: #4ADE80;--badge-delivered-border: rgba(74, 222, 128, .35);--badge-cancelled-bg: rgba(248, 113, 113, .15);--badge-cancelled-color: #FCA5A5;--badge-cancelled-border: rgba(248, 113, 113, .3);--chart-purple: #A78BFA;--chart-pink: #F472B6;--chart-slate: #94A3B8;--chart-teal: #2DD4BF;--accent-darker: #112236;--bg: #0F172A;--bg-secondary: #141E33;--bg-tertiary: #1A2540;--surface: #1E293B;--surface-raised: #253449;--border: #334155;--border-light: #263244;--border-hover: #475569;--text: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #94A3B8;--text-inverse: #0F172A;--text-on-dark: #FFFFFF;--glass-bg: rgba(15, 23, 42, .78);--glass-bg-heavy: rgba(15, 23, 42, .92);--glass-border: rgba(255, 255, 255, .1);--backdrop-bg: rgba(15, 23, 42, .82);--glass-blur: 20px;--sidebar-bg: #0B1220;--sidebar-hover: #16213A;--sidebar-active: rgba(16, 185, 129, .15);--sidebar-border: rgba(255, 255, 255, .04);--sidebar-text: #94A3B8;--sidebar-text-hover: #CBD5E1;--sidebar-section-label: #94A3B8;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .5), 0 4px 10px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 60px -12px rgba(0, 0, 0, .7);--shadow-glow: 0 0 40px rgba(16, 185, 129, .15);--shadow-primary: 0 4px 14px rgba(16, 185, 129, .25);--shadow-primary-lg: 0 8px 30px rgba(16, 185, 129, .3);--customer-green: var(--primary-light);--customer-green-dark: var(--primary-lighter);--customer-green-soft: rgba(16, 185, 129, .12);--customer-green-glow: rgba(52, 211, 153, .22);--customer-ink: var(--text);--customer-muted: #B7C2D0;--customer-panel: rgba(30, 41, 59, .9);--customer-panel-solid: var(--surface);--customer-line: rgba(148, 163, 184, .15);--customer-shadow: var(--shadow-lg);--customer-shadow-soft: var(--shadow-md);--admin-green: var(--primary-light);--admin-green-dark: var(--primary-lighter);--admin-green-soft: rgba(16, 185, 129, .12);--admin-green-glow: var(--primary-glow);--admin-ink: var(--text);--admin-muted: #94A3B8;--admin-panel: var(--surface);--admin-panel-solid: var(--surface);--admin-line: var(--border);--admin-shadow: var(--shadow-lg);--admin-shadow-soft: var(--shadow-md);--capacity-safe-text: #A7F3D0;--capacity-safe-bar: #10B981;--capacity-medium-text: #FDE68A;--capacity-medium-bar: #F59E0B;--capacity-high-text: #FDBA74;--capacity-high-bar: #F97316;--capacity-critical-text: #FCA5A5;--capacity-critical-bar: #EF4444}.theme-transition,.theme-transition body,.theme-transition .topbar,.theme-transition .sidebar,.theme-transition .card,.theme-transition .data-table,.theme-transition .modal,.theme-transition .customer-bottom-nav,.theme-transition input,.theme-transition select,.theme-transition textarea,.theme-transition button{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}html,body,#root{max-width:100%}body{font-family:var(--font-sans);background:var(--bg-gradient, var(--bg));color:var(--text);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{font-size:var(--font-h1-fluid, clamp(1.5rem, 2.5vw + .5rem, 2.25rem));font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;line-height:var(--line-height-tight)}h2{font-size:var(--font-h2-fluid, clamp(1.25rem, 1.8vw + .4rem, 1.75rem));font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-snug)}h3{font-size:var(--font-h3-fluid, clamp(1rem, 1.2vw + .3rem, 1.25rem));font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:var(--line-height-tight)}h4{font-size:var(--font-h4-fluid, clamp(.875rem, .8vw + .3rem, 1rem));font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}p{line-height:var(--line-height-relaxed)}a{color:var(--primary-text);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,select,textarea{font-family:inherit;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}::selection{background:var(--primary-glow);color:var(--primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.skip-link{position:absolute;top:-100%;left:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--primary-fill);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border-radius:var(--radius-sm);z-index:99999;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px;outline:3px solid var(--primary-light);outline-offset:2px}@media(prefers-contrast:high){:root{--border: #64748B;--border-hover: #475569;--text-secondary: #1E293B;--text-tertiary: #475569;--glass-bg: #FFFFFF;--glass-border: #64748B}[data-theme=dark]:root{--border: #475569;--border-hover: #64748B;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--glass-bg: #0F172A;--glass-border: #475569}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:var(--transition);border:none;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;letter-spacing:0}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary-fill);color:#fff;box-shadow:var(--shadow-primary)}[data-theme=dark] .btn-primary{color:#0f172a;font-weight:700}.btn-primary:hover{background:var(--primary-text-strong);box-shadow:var(--shadow-primary-lg);transform:translateY(-1px);filter:brightness(1.08)}.btn-secondary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-bg);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text)}.btn-danger{background:#b91c1c;color:#fff;box-shadow:0 2px 8px #b91c1c40}.btn-danger:hover{background:#991b1b;box-shadow:0 4px 16px #991b1b59;transform:translateY(-1px)}.btn-success{background:#047857;color:#fff;box-shadow:0 2px 8px #04785740}.btn-success:hover{background:#065f46;transform:translateY(-1px)}.btn-alert-action{background:var(--surface);color:var(--success-text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-alert-action:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px)}.btn-sm{min-height:34px;padding:8px 14px;font-size:.8125rem;border-radius:var(--radius-xs)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-md)}.btn-icon{min-width:44px;min-height:44px;padding:8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-sm{width:44px;height:44px;padding:0}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:none!important;box-shadow:none!important}.paymongo-waiting-card{background:var(--info-bg);border-radius:var(--radius-md);padding:14px;border:1px solid var(--info);container-type:inline-size;container-name:paymongo}.paymongo-qr-wrap{background:#fff;padding:10px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:min(180px,44vw);max-width:100%;box-shadow:0 1px 6px #0f172a0f}.paymongo-qr-wrap svg{width:100%;height:auto;display:block}.paymongo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px;margin-top:14px}.paymongo-actions-3{grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr))}.paymongo-check-btn{margin-top:12px}.paymongo-waiting-status{margin-top:12px;margin-bottom:12px}.paymongo-cancel-btn{margin-top:4px}@container paymongo (max-width: 340px){.paymongo-actions,.paymongo-actions-3{grid-template-columns:1fr}}@media(max-width:480px){.paymongo-waiting-card{padding:12px}.paymongo-waiting-card .btn{min-height:42px;font-size:.8125rem;white-space:normal;text-align:center;line-height:1.25}.paymongo-qr-wrap{width:min(160px,52vw);padding:8px}}@media(max-width:360px){.paymongo-waiting-card{padding:10px}.paymongo-actions,.paymongo-actions-3{grid-template-columns:1fr;gap:8px}}.btn .animate-spin{animation:spin .8s linear infinite}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden;position:relative;container-type:inline-size;container-name:card}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.card-interactive{cursor:pointer;transition:var(--transition-spring)}.card-interactive:active{transform:translateY(0)}.card-body{padding:var(--space-xl)}.card-header{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 88%,var(--bg) 12%)}.card-header h3{font-size:.9375rem;font-weight:700;display:flex;align-items:center;gap:var(--space-xs)}.card-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-light);background:var(--bg)}.modal-body{container-type:inline-size;container-name:card}@container card (max-width: 380px){.card-header{flex-wrap:wrap;gap:var(--space-xs)}}.card:has(.custom-select-menu),.modal-body:has(.custom-select-menu),.sidebar-widget:has(.custom-select-menu){container-type:normal}.form-group{margin-bottom:var(--space-lg)}.form-label{display:flex;align-items:center;gap:var(--space-xxs);font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-label .required{color:var(--error-text);font-size:.75rem}.form-input,.form-select,.form-textarea{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;background:color-mix(in srgb,var(--surface) 94%,var(--bg) 6%);transition:border-color .2s ease,box-shadow .3s cubic-bezier(.4,0,.2,1),background .2s ease;color:var(--text)}.form-control{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9375rem;background:var(--surface);transition:border-color .2s ease,box-shadow .3s cubic-bezier(.4,0,.2,1),background .2s ease;color:var(--text)}.form-input:hover,.form-select:hover,.form-textarea:hover,.form-control:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface-raised)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),0 1px 3px #16a34a1a;background:var(--surface-raised)}.form-input::placeholder{color:var(--text-tertiary);transition:opacity .2s ease}.form-input:focus::placeholder{opacity:.5}.form-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23607085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.custom-select-trigger.form-select{background-image:none;padding-right:14px}input[type=date],input[type=time],input[type=datetime-local]{cursor:pointer;position:relative;font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:var(--radius-xs);transition:transform .2s ease,opacity .2s ease;opacity:.75}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1;transform:scale(1.1)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.9) hue-rotate(180deg)}.custom-select-root{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value.placeholder{color:var(--text-tertiary)}.custom-select-icon{flex-shrink:0;transition:transform .18s ease}.custom-select-trigger[aria-expanded=true] .custom-select-icon{transform:rotate(180deg)}.custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown);max-height:min(320px,52vh);overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-lg)}.custom-select-menu.open-up{top:auto;bottom:calc(100% + 8px)}.custom-select-option{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font:inherit;text-align:left}.custom-select-option:hover,.custom-select-option:focus-visible,.custom-select-option.highlighted{background:var(--bg-secondary)}.custom-select-option:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.custom-select-option.active{background:var(--primary-bg);color:var(--primary-text);font-weight:700}.custom-select-option:disabled{opacity:.5;cursor:not-allowed}.card:has(.custom-select-menu),.modal:has(.custom-select-menu),.admin-section-card:has(.custom-select-menu),.admin-table-card:has(.custom-select-menu),.login-right-panel:has(.custom-select-menu),.login-form-container:has(.custom-select-menu),.reg-step-content:has(.custom-select-menu),.form-group:has(.custom-select-menu){overflow:visible}.card:has(.custom-select-menu){z-index:var(--z-dropdown)}.login-right-panel .custom-select-menu,.auth-page .custom-select-menu,.reg-step-content .custom-select-menu{z-index:9999}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-glow)}.form-input.success,.form-select.success{border-color:var(--success);box-shadow:0 0 0 3px var(--success-glow)}.form-error{color:var(--error-text);font-size:.78rem;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:4px;animation:slideDown .2s ease}.form-error:not(.field-error-inline):before{content:"⚠";font-size:.75rem}.form-helper{color:var(--text-tertiary);font-size:.75rem;margin-top:4px}.input-with-icon .form-input{padding-left:40px}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:var(--transition-fast)}.input-with-icon .form-input:focus+.input-icon,.input-with-icon .form-input:focus~.input-icon{color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;gap:5px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid transparent;letter-spacing:.01em;white-space:nowrap}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-color);border-color:var(--badge-pending-border)}.badge-assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-color);border-color:var(--badge-assigned-border)}.badge-picked-up{background:var(--badge-pickedup-bg);color:var(--badge-pickedup-color);border-color:var(--badge-pickedup-border)}.badge-in-transit{background:var(--badge-intransit-bg);color:var(--badge-intransit-color);border-color:var(--badge-intransit-border)}.badge-arrived{background:var(--badge-arrived-bg);color:var(--badge-arrived-color);border-color:var(--badge-arrived-border)}.badge-out-delivery{background:var(--badge-outdelivery-bg);color:var(--badge-outdelivery-color);border-color:var(--badge-outdelivery-border)}.badge-delivered{background:var(--badge-delivered-bg);color:var(--badge-delivered-color);border-color:var(--badge-delivered-border)}.badge-cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-color);border-color:var(--badge-cancelled-border)}.badge-success{background:var(--success-bg);color:var(--badge-success-color);border-color:var(--badge-success-border)}.badge-warning{background:var(--warning-bg);color:var(--badge-warning-color);border-color:var(--badge-warning-border)}.badge-error{background:var(--error-bg);color:var(--badge-error-color);border-color:var(--badge-error-border)}.badge-info{background:var(--info-bg);color:var(--badge-info-color);border-color:var(--badge-info-border)}[data-theme=dark] .badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-color);border-color:var(--badge-pending-border)}[data-theme=dark] .badge-assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-color);border-color:var(--badge-assigned-border)}[data-theme=dark] .badge-in-transit{background:var(--badge-intransit-bg);color:var(--badge-intransit-color);border-color:var(--badge-intransit-border)}[data-theme=dark] .badge-picked-up{background:var(--badge-pickedup-bg);color:var(--badge-pickedup-color);border-color:var(--badge-pickedup-border)}[data-theme=dark] .badge-arrived{background:var(--badge-arrived-bg);color:var(--badge-arrived-color);border-color:var(--badge-arrived-border)}[data-theme=dark] .badge-delivered{background:var(--badge-delivered-bg);color:var(--badge-delivered-color);border-color:var(--badge-delivered-border)}[data-theme=dark] .badge-out-delivery{background:var(--badge-outdelivery-bg);color:var(--badge-outdelivery-color);border-color:var(--badge-outdelivery-border)}[data-theme=dark] .badge-cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-color);border-color:var(--badge-cancelled-border)}[data-theme=dark] .badge-success{background:var(--success-bg);color:var(--success-dark);border-color:#6ee7b759}[data-theme=dark] .badge-error{background:#f8717129;color:#fecaca;border-color:#f8717159}[data-theme=dark] .badge-warning{background:#fbbf2429;color:#fde68a;border-color:#fbbf2459}[data-theme=dark] .badge-info{background:#60a5fa29;color:#bfdbfe;border-color:#60a5fa59}.badge-sm{padding:2px 8px;font-size:.6875rem;font-weight:700}.badge-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);border-color:var(--border, #e5e7eb)}[data-theme=dark] .badge-default{background:#9ca3af29;color:#d1d5db;border-color:#9ca3af59}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-dot.animated{animation:pulse 2s ease-in-out infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1000);background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;padding:16px}.modal-body-scroll{max-height:70vh;overflow-y:auto}.summary-card-secondary{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:14px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.theme-toggle-btn:hover{background:var(--customer-green-soft);color:var(--customer-green-dark)}.theme-toggle-btn:active{transform:scale(.92)}.theme-toggle-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover svg{transform:rotate(15deg) scale(1.1)}.responsive-filter,.responsive-filter-tabs{width:100%}.responsive-filter-select-wrap{display:none;width:100%;position:relative}.responsive-filter-select-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.responsive-filter-select{width:100%}.responsive-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.responsive-filter-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-filter-trigger-icon{flex-shrink:0;transition:transform .18s ease}.responsive-filter-trigger[aria-expanded=true] .responsive-filter-trigger-icon{transform:rotate(180deg)}.responsive-filter-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown);max-height:min(320px,52vh);overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-lg)}.responsive-filter-option{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font:inherit;text-align:left}.responsive-filter-option:hover,.responsive-filter-option:focus-visible{background:var(--bg-secondary)}.responsive-filter-option:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.responsive-filter-option.active{background:var(--primary-bg);color:var(--primary-text);font-weight:700}.responsive-filter-option-main,.responsive-filter-option-meta{display:inline-flex;align-items:center;gap:8px;min-width:0}.responsive-filter-option-main{overflow:hidden}.responsive-filter-option-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-filter-current{display:none}@media(max-width:820px){.responsive-filter-tabs{display:none!important}.responsive-filter-select-wrap{display:block}.report-period-filter .responsive-filter-select-wrap{margin-bottom:20px}}.trip-info-box{background:var(--info-bg);border-radius:6px;font-size:.8125rem}.trip-info-box svg{color:var(--info-dark)}.error-section-fallback{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--warning-bg);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);color:var(--text);font-size:.875rem;animation:fadeIn .3s ease}.app-layout .data-table td.details-cell{max-width:280px}.feature-title-desc{display:flex;flex-direction:column;align-items:flex-start;text-align:left}@media(max-width:820px){.app-layout .data-table td.details-cell{max-width:none!important}.feature-title-desc{align-items:flex-end;text-align:right;width:100%}}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.info-tooltip-icon-btn{background:transparent;border:none;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--info);cursor:pointer;transition:transform .15s ease,color .15s ease}.info-tooltip-icon-btn:hover,.info-tooltip-icon-btn:focus-visible{transform:scale(1.15);color:var(--primary)}.info-tooltip-bubble{position:absolute;top:calc(100% + 8px);left:-10px;transform:none;background:var(--surface-raised);color:var(--text)!important;border:1px solid var(--border);padding:10px 14px;border-radius:10px;font-size:.78125rem;font-weight:500;line-height:1.45;white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 56px));box-shadow:var(--shadow-lg);z-index:9999;pointer-events:none;animation:fadeIn .15s ease-out}.info-tooltip-bubble:after{content:"";position:absolute;bottom:100%;left:14px;transform:none;border-width:6px;border-style:solid;border-color:transparent transparent var(--surface-raised) transparent}.info-tooltip-backdrop{display:none}@media(max-width:640px){.info-tooltip-bubble{position:fixed;left:16px;right:16px;top:auto;width:auto;max-width:none;z-index:99999;pointer-events:auto}.info-tooltip-bubble:after{display:none}.info-tooltip-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:transparent;-webkit-tap-highlight-color:transparent}}.brand-logo{width:var(--brand-logo-size, 40px);height:var(--brand-logo-size, 40px);border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.brand-lockup{display:inline-flex;align-items:center;gap:calc(var(--brand-logo-size, 40px) * .22);text-decoration:none;min-width:0}.brand-wordmark{font-weight:900;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap;line-height:1.1}.brand-wordmark-default .brand-wordmark-name{color:var(--accent)}.brand-wordmark-default .brand-wordmark-suffix{color:var(--primary-text)}.brand-wordmark-on-dark .brand-wordmark-name{color:#fff}.brand-wordmark-on-dark .brand-wordmark-suffix{color:var(--primary-light)}@media(max-width:480px){.brand-wordmark{font-size:.9rem}}}@layer components{.table-container{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);scrollbar-width:thin}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table--wide{min-width:640px}@media(max-width:900px){.data-table--wide{min-width:0}}.data-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;font-family:var(--font-sans)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text);font-family:var(--font-sans);line-height:1.45;transition:var(--transition-fast)}.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th.num{text-align:right}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:var(--primary-bg)}.data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td .contact-link{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.data-table td .contact-link:hover{color:var(--primary-text)}.data-table td .contact-link-sep{color:var(--text-secondary)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:active{background:var(--primary-lighter)}.stat-card{border-radius:var(--radius-lg);padding:24px;color:#fff;position:relative;overflow:hidden;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);filter:brightness(1.05)}.stat-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:#ffffff1a;transition:var(--transition-slow)}.stat-card:hover:before{transform:scale(1.2)}.stat-card:after{content:"";position:absolute;bottom:-20px;left:-20px;width:60px;height:60px;border-radius:50%;background:#ffffff0f}.stat-card .stat-value{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stat-card .stat-label{font-size:.8125rem;opacity:.85;margin-top:4px;font-weight:500}.stat-card .stat-icon{opacity:.25;position:absolute;right:20px;top:20px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:11px;top:4px;bottom:4px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:24px}.timeline-dot{position:absolute;left:-32px;top:2px;width:22px;height:22px;border-radius:50%;border:3px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;z-index:1;transition:var(--transition)}.timeline-dot.active{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.timeline-dot.completed{border-color:var(--success);background:var(--success)}.status-timeline{width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;padding:8px 2px 16px;scrollbar-width:thin;list-style:none;margin:0}.status-timeline-step{list-style:none;--timeline-color: var(--text-tertiary);--timeline-line-color: var(--border);display:flex;flex:1;flex-direction:column;align-items:center;position:relative;color:var(--timeline-color);min-width:0}.status-timeline-track{display:flex;min-width:600px;align-items:flex-start;justify-content:space-between;position:relative}.status-timeline-step.completed{--timeline-color: var(--success);--timeline-line-color: var(--success)}.status-timeline-step.active{--timeline-color: var(--primary)}.status-timeline-step.cancelled{--timeline-color: var(--error);--timeline-line-color: var(--error-bg)}.status-timeline-line{position:absolute;top:16px;left:50%;width:100%;height:3px;background:var(--timeline-line-color);z-index:1;transition:background .3s ease}.status-timeline-node{width:30px;height:30px;border-radius:50%;background:var(--border-light);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);z-index:2;margin-bottom:10px;transition:border-color .2s ease,background .2s ease,color .2s ease}.status-timeline-step.completed .status-timeline-node{background:var(--success-fill);border-color:var(--success-fill);color:#fff;box-shadow:0 4px 12px var(--success-glow)}.status-timeline-step.active .status-timeline-node{background:var(--primary-fill);border-color:var(--primary-fill);color:#fff;width:34px;height:34px;box-shadow:0 4px 14px var(--primary-glow),0 0 0 4px var(--primary-glow);animation:breathe 2s ease-in-out infinite}.status-timeline-step.cancelled.active .status-timeline-node{box-shadow:0 4px 14px var(--error-glow),0 0 0 4px var(--error-glow)}.status-timeline-text{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.status-timeline-label{color:var(--timeline-color);font-weight:500;font-size:.75rem;text-align:center;line-height:1.2;max-width:92px;min-width:0;overflow-wrap:anywhere}.status-timeline-time{font-size:.65rem;font-weight:600;line-height:1.2;color:var(--text-tertiary);letter-spacing:.01em;white-space:nowrap}.status-timeline-step.completed .status-timeline-time{color:var(--success-text);opacity:.85}.status-timeline-step.active .status-timeline-time{color:var(--primary-text);opacity:1}.status-timeline-step.completed .status-timeline-label{font-weight:600}.status-timeline-step.active .status-timeline-label{font-weight:800;font-size:.8125rem}.customer-order-detail-header{gap:12px;min-width:0;display:flex;align-items:flex-start}.customer-order-detail-header>div{min-width:0}.customer-order-detail-header h1,.customer-order-detail-header h2,.customer-order-detail-header p{overflow-wrap:anywhere}.customer-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-proof-photo-btn{width:104px;min-height:104px;border:2px solid #E2E8F0;border-radius:8px;overflow:hidden;padding:0;cursor:zoom-in;background:var(--surface);position:relative}.customer-proof-photo-btn:disabled{cursor:default}.customer-proof-photo-fallback{width:100%;min-height:100px;display:grid;place-items:center;gap:6px;padding:10px;color:var(--text-tertiary);background:var(--bg-secondary);font-size:.75rem;font-weight:600;text-align:center}.customer-proof-photo-preview{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.customer-proof-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#00000080);padding:8px 6px 4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.customer-payment-summary{background:linear-gradient(135deg,var(--customer-green-soft),var(--customer-panel-solid));border:1px solid var(--border-light);border-radius:20px;padding:14px;display:flex;justify-content:space-around;gap:10px;margin-bottom:12px;transition:var(--transition)}.capacity-tracker{transition:var(--transition)}.capacity-status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:700;letter-spacing:.05em}.capacity-status-badge.status-safe{background:color-mix(in srgb,var(--capacity-safe-text) 12%,transparent);color:var(--capacity-safe-text)}.capacity-status-badge.status-medium{background:color-mix(in srgb,var(--capacity-medium-text) 12%,transparent);color:var(--capacity-medium-text)}.capacity-status-badge.status-high{background:color-mix(in srgb,var(--capacity-high-text) 12%,transparent);color:var(--capacity-high-text)}.capacity-status-badge.status-critical{background:color-mix(in srgb,var(--capacity-critical-text) 12%,transparent);color:var(--capacity-critical-text)}.capacity-bar{height:12px;background:color-mix(in srgb,var(--border) 55%,transparent);border-radius:var(--radius-full);overflow:hidden;position:relative}.capacity-fill{height:100%;border-radius:var(--radius-full);max-width:100%;overflow:hidden;background:linear-gradient(90deg,var(--success),#34D399);transition:width .5s ease-out,background-color .5s ease-out;position:relative;animation:capacityFillIn 1.2s cubic-bezier(.4,0,.2,1) forwards}.capacity-fill.fill-safe{background:var(--capacity-safe-bar)}.capacity-fill.fill-medium{background:var(--capacity-medium-bar)}.capacity-fill.fill-high{background:var(--capacity-high-bar)}.capacity-fill.fill-critical{background:var(--capacity-critical-bar)}@keyframes capacityFillIn{0%{max-width:0}to{max-width:100%}}.capacity-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:capacityShimmer 2.5s ease-in-out infinite 1.2s}@keyframes capacityShimmer{0%{left:-100%}to{left:200%}}.capacity-fill.warning{background:linear-gradient(90deg,var(--warning),var(--error))}@container card (max-width: 340px){.capacity-tracker{padding:var(--space-xs) 0}.capacity-bar{height:10px}}}@layer components{.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease;padding-top:max(16px,env(safe-area-inset-top,0px));padding-right:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:16px}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:min(100%,560px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-2xl);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-header,.modal-footer{flex-shrink:0}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h3{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.0625rem}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px}.modal>form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end}.pickup-summary-card{min-width:0;gap:12px}.pickup-summary-card>*{min-width:0}.pickup-segment-row{width:100%}.pickup-photo-remove-btn{position:absolute;top:4px;right:4px;width:44px;height:44px;border-radius:50%;background:var(--error-fill);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.confirm-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:min(100%,560px);padding:32px;box-shadow:var(--shadow-2xl);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-modal-icon.danger{background:var(--error-bg);color:var(--error-text-strong)}.confirm-modal-icon.warning{background:var(--warning-bg);color:var(--warning-text)}.confirm-modal-icon.info{background:var(--info-bg);color:var(--info-text)}.confirm-modal-icon.success{background:var(--success-bg);color:var(--success-text)}.confirm-modal-icon.secondary{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.confirm-modal-icon.primary{background:var(--primary-bg);color:var(--primary-text)}.confirm-modal h3{color:var(--text);font-size:1.125rem;font-weight:700;margin-bottom:8px}.confirm-modal p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:24px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-actions .btn{min-width:min(140px,100%)}.payment-result-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:min(100%,400px);padding:28px 24px 24px;box-shadow:var(--shadow-2xl);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);text-align:center;overflow:hidden}.payment-result-modal.variant-success{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 16%,var(--border))}.payment-result-modal.variant-error{background:var(--error-bg);border-color:color-mix(in srgb,var(--error) 16%,var(--border))}.payment-result-modal.variant-processing{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 16%,var(--border))}[data-theme=dark] .payment-result-modal.variant-success{background:color-mix(in srgb,var(--success-bg) 92%,var(--surface))}[data-theme=dark] .payment-result-modal.variant-error{background:color-mix(in srgb,var(--error-bg) 92%,var(--surface))}.pr-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.pr-close:hover{background:#0f172a0f;color:var(--text-secondary)}.pr-close:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}[data-theme=dark] .pr-close:hover{background:#ffffff14;color:var(--text)}.pr-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:8px auto 16px;position:relative;flex-shrink:0}.pr-icon-wrap.success{background:var(--success);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--success) 28%,transparent)}.pr-icon-wrap.error{background:var(--error);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--error) 28%,transparent)}.pr-icon-wrap.processing{background:var(--info-bg);color:var(--info-text);border:1px solid color-mix(in srgb,var(--info) 18%,transparent)}.pr-icon-svg{width:36px;height:36px;position:relative;z-index:1}.pr-icon-check{stroke-dasharray:48;stroke-dashoffset:48;animation:prCheckDraw .45s ease-out .35s forwards}.pr-icon-ring{stroke-dasharray:151;stroke-dashoffset:151;animation:prRingDraw .5s ease-out .15s forwards;opacity:.25}@keyframes prCheckDraw{to{stroke-dashoffset:0}}@keyframes prRingDraw{to{stroke-dashoffset:0}}.pr-icon-cross{stroke-dasharray:22.6;stroke-dashoffset:22.6;animation:prCrossDraw .35s ease-out .25s forwards}@keyframes prCrossDraw{to{stroke-dashoffset:0}}.pr-icon-wrap.success:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--success);opacity:0;animation:prRingPulse 1.8s ease-out .6s forwards;z-index:0}@keyframes prRingPulse{0%{transform:scale(1);opacity:.45}to{transform:scale(1.35);opacity:0}}.pr-confetti{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle 3px,var(--success) 99%,transparent 100%) 10% 5%,radial-gradient(circle 2.5px,var(--primary) 99%,transparent 100%) 85% 12%,radial-gradient(circle 2px,var(--accent) 99%,transparent 100%) 92% 70%,radial-gradient(circle 3px,var(--success) 99%,transparent 100%) 15% 88%,radial-gradient(circle 2px,var(--primary) 99%,transparent 100%) 5% 55%,radial-gradient(circle 2.5px,var(--accent) 99%,transparent 100%) 80% 90%;background-repeat:no-repeat;opacity:0;transform:scale(.5);animation:prConfetti .7s ease-out .5s forwards}@keyframes prConfetti{0%{opacity:0;transform:scale(.5)}40%{opacity:.9;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.pr-icon-spinner{display:flex;align-items:center;justify-content:center}.pr-title{color:var(--text);font-size:1.1875rem;font-weight:800;margin-bottom:6px;letter-spacing:-.015em;line-height:1.25}.pr-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 auto 16px;max-width:280px}.pr-message{display:none}.pr-transaction-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:16px 0 0;text-align:left;box-shadow:0 1px 2px #0f172a0a}.pr-transaction-header{font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.pr-transaction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.pr-transaction-row+.pr-transaction-row{border-top:1px solid var(--border-light)}.pr-transaction-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600}.pr-transaction-value{color:var(--text);font-size:.8125rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.pr-transaction-value.pr-transaction-date{font-weight:600;color:var(--text-secondary);font-size:.75rem}.pr-transaction-id{font-variant-numeric:tabular-nums;letter-spacing:.02em}.pr-body{margin-bottom:0}.pr-amount,.pr-tracking,.pr-method-badge{display:none}.pr-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.pr-actions .btn{min-height:44px;border-radius:999px;font-weight:700;font-size:.875rem;letter-spacing:.01em}.pr-btn-success{background:var(--success);color:#fff;border:1px solid var(--success);box-shadow:0 2px 10px color-mix(in srgb,var(--success) 24%,transparent)}.pr-btn-success:hover{background:color-mix(in srgb,var(--success) 92%,black);border-color:color-mix(in srgb,var(--success) 92%,black)}.pr-btn-danger{background:var(--error);color:#fff;border:1px solid var(--error);box-shadow:0 2px 10px color-mix(in srgb,var(--error) 20%,transparent)}.pr-btn-danger:hover{background:color-mix(in srgb,var(--error) 92%,black);border-color:color-mix(in srgb,var(--error) 92%,black)}.pr-btn-primary{background:var(--primary-fill);color:#fff;border:1px solid var(--primary-fill);border-radius:999px}.pr-btn-outline{border-color:var(--border);background:var(--surface);color:var(--text)}.pr-btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-hover)}@media(prefers-reduced-motion:reduce){.pr-icon-check,.pr-icon-ring,.pr-icon-cross{animation:none;stroke-dashoffset:0}.pr-confetti{display:none}.pr-icon-wrap.success:before{animation:none}.payment-result-modal{animation-duration:.01s}}.toast-container{position:fixed;top:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:350px;width:calc(100vw - 48px)}.toast{padding:10px 14px;border-radius:var(--radius-md);font-size:.8125rem;box-shadow:0 8px 24px -4px #0f172a14,0 4px 12px -2px #0f172a0a,0 0 0 1px #0f172a0d;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;pointer-events:all;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .2s ease,border-color .2s ease}.toast:hover{box-shadow:0 12px 28px -4px #0f172a1f,0 4px 12px -2px #0f172a0a,0 0 0 1px #0f172a14}.toast-success{background:linear-gradient(135deg,#fffffffa,#f0fdfafa);border:1px solid rgba(16,185,129,.18);color:var(--text)}.toast-success .toast-icon-wrap{background:#10b98114;color:var(--success-text)}.toast-success .toast-type-label{color:var(--success-text)}.toast-error{background:linear-gradient(135deg,#fffffffa,#fef2f2fa);border:1px solid rgba(239,68,68,.18);color:var(--text)}.toast-error .toast-icon-wrap{background:#ef444414;color:var(--error)}.toast-error .toast-type-label{color:var(--error-dark)}.toast-warning{background:linear-gradient(135deg,#fffffffa,#fffbebfa);border:1px solid rgba(245,158,11,.18);color:var(--text)}.toast-warning .toast-icon-wrap{background:#f59e0b14;color:var(--warning-text)}.toast-warning .toast-type-label{color:var(--warning-text)}.toast-info{background:linear-gradient(135deg,#fffffffa,#eff6fffa);border:1px solid rgba(59,130,246,.18);color:var(--text)}.toast-info .toast-icon-wrap{background:#3b82f614;color:var(--info)}.toast-info .toast-type-label{color:var(--info-dark)}.toast-icon-wrap{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.toast-type-label{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.toast-message{font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--text-secondary)}.toast-close{background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);width:24px;height:24px;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.toast-close:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.toast-close:hover{background:#0f172a0f;color:var(--text-secondary)}.toast-close:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}[data-theme=dark] .toast-success{background:linear-gradient(135deg,#0f172af5,#064e3b40);border-color:#10b98140}[data-theme=dark] .toast-error{background:linear-gradient(135deg,#0f172af5,#7f1d1d40);border-color:#ef444440}[data-theme=dark] .toast-warning{background:linear-gradient(135deg,#0f172af5,#78350f40);border-color:#f59e0b40}[data-theme=dark] .toast-info{background:linear-gradient(135deg,#0f172af5,#1e40af40);border-color:#3b82f640}[data-theme=dark] .toast-message{color:var(--text-secondary)}[data-theme=dark] .toast-close{color:var(--text-tertiary)}[data-theme=dark] .toast-close:hover{background:#ffffff14;color:var(--text)}@media(max-width:480px){.toast-container{top:16px;right:16px;left:16px;width:auto;max-width:none;gap:8px}.toast{padding:8px 12px;border-radius:var(--radius-sm);gap:8px}.toast-icon-wrap{width:24px;height:24px}.toast-icon-wrap svg{width:14px;height:14px}.toast-message{font-size:.75rem;line-height:1.3}.toast-type-label{font-size:.625rem}.toast-close{width:20px;height:20px}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}}@layer components{.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background:var(--bg)}.loading-screen .loading-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;animation:fadeIn .6s ease}.loading-screen .loading-brand h1{font-size:1.5rem;font-weight:900}.loading-screen p{color:var(--text-tertiary);font-weight:500;font-size:.9375rem;animation:pulse 2s ease-in-out infinite}.empty-state,.empty-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:60px 20px;text-align:center}.empty-state-icon-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--text-tertiary)}.empty-state-premium h3{font-size:1.125rem;font-weight:700;margin-bottom:8px;color:var(--text)}.empty-state-premium p{color:var(--text-secondary);max-width:360px;line-height:1.6;margin-bottom:20px}.empty-state-premium.empty-state-compact{min-height:0;padding:28px 16px}.empty-state-premium.empty-state-compact .empty-state-icon-wrap{margin-bottom:12px}.empty-state-premium.empty-state-compact .empty-state-icon-wrap svg{width:28px;height:28px}.empty-state-premium.empty-state-compact h3{font-size:1rem;margin-bottom:4px}.empty-state-premium.empty-state-compact p{font-size:.85rem;margin-bottom:0}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:1.125rem;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-secondary);max-width:400px}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:100%;min-height:44px;padding:10px 14px 10px 40px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;transition:var(--transition);background:color-mix(in srgb,var(--surface) 94%,var(--bg) 6%)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-box .search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;transition:var(--transition-fast)}.search-box input:focus~.search-icon,.search-box input:focus+.search-icon{color:var(--primary)}}@layer components{.tabs{display:flex;gap:2px;border-bottom:2px solid var(--border-light);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px;padding:10px 18px;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--text);background:var(--bg-secondary);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.tab.active{color:var(--primary-text);border-bottom-color:var(--primary-text);font-weight:700}.tab .tab-count{font-size:.75rem;font-weight:700;background:var(--bg-secondary);color:var(--text-secondary);padding:1px 6px;border-radius:var(--radius-full);margin-left:4px}.tab.active .tab-count{background:var(--primary-bg);color:var(--primary-text)}.tab-count-alert,.tab .tab-count.tab-count-alert,.tab.active .tab-count.tab-count-alert{background:var(--error-bg);color:var(--error-text-strong)}.step-progress{display:flex;align-items:center;margin-bottom:2px}.step{display:flex;align-items:center;gap:8px;flex:1;position:relative}button.step.clickable{min-width:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}button.step.clickable:hover .step-number{filter:brightness(1.08);transform:translateY(-1px)}button.step.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}.step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;border:2px solid var(--border);color:var(--text-tertiary);background:var(--surface);transition:var(--transition);flex-shrink:0;position:relative;z-index:1}.step.active .step-number{border-color:var(--primary);color:#0f172a;background:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.step.completed .step-number{border-color:var(--success);color:#0f172a;background:var(--success)}.step-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.step.active .step-label{color:var(--primary-text);font-weight:600}.step.completed .step-label{color:var(--success-text)}.step-connector{flex:1;height:2px;background:var(--border);margin:0 8px;transition:var(--transition-slow)}.step.completed+.step-connector,.step.completed .step-connector{background:var(--success)}.login-split-page{min-height:100vh;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.login-left-panel{flex:1;width:50%;min-width:0;background:linear-gradient(145deg,#0a1628,#112236 30%,#1b3a5c,#2d5a8a);display:flex;flex-direction:column;justify-content:space-between;padding:48px;position:relative;overflow:hidden}.login-left-panel:before{content:"";position:absolute;top:-100px;right:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.18) 0%,transparent 65%);animation:float 7s ease-in-out infinite}.login-left-panel:after{content:"";position:absolute;bottom:-120px;left:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(45,90,138,.35) 0%,transparent 65%);animation:float 9s ease-in-out infinite reverse}.login-left-content{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:52px}.login-brand h1{display:flex;gap:4px;margin:0;font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.02em}.login-brand h1 .brand-accent{color:var(--primary-light)}.login-tagline{font-size:clamp(2rem,3vw,2.75rem);font-weight:900;color:#fff;line-height:1.12;margin-bottom:16px;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.login-tagline-sub{font-size:1rem;color:#ffffff94;line-height:1.7;margin-bottom:36px;max-width:440px}.login-route-pills{display:flex;gap:10px;margin-bottom:36px;flex-wrap:wrap}.login-route-pill{padding:8px 18px;border-radius:var(--radius-full);background:#16a34a1f;border:1.5px solid rgba(22,163,74,.28);color:var(--primary-light);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-route-pill:hover{background:#16a34a38;border-color:#16a34a80;transform:translateY(-1px)}.login-feature-icon-wrap{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:#16a34a26;border:1px solid rgba(22,163,74,.25);display:flex;align-items:center;justify-content:center;color:var(--primary-light)}.login-features{display:flex;flex-direction:column;gap:12px}.login-feature-item{display:flex;align-items:center;gap:12px;color:#ffffffb3;font-size:.9rem;font-weight:500;transition:var(--transition)}.login-feature-item:hover{color:#ffffffeb}.login-left-footer{color:#ffffff38;font-size:.72rem;position:relative;z-index:1;margin-top:36px;display:flex;flex-direction:column;gap:6px}.login-right-panel{flex:1;width:50%;min-width:380px;max-width:100%;background:#ffffff73;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;padding:52px 48px;box-shadow:-12px 0 60px #0000000f;overflow:visible;position:relative}[data-theme=dark] .login-right-panel{background:#0b162773;border-left-color:#ffffff0d;box-shadow:-12px 0 60px #00000040}.login-right-bg-orb{position:absolute;border-radius:50%;pointer-events:none}.login-right-bg-orb-1{width:260px;height:260px;background:radial-gradient(circle,rgba(22,163,74,.07) 0%,transparent 70%);top:-60px;right:-60px;animation:float 8s ease-in-out infinite}.login-right-bg-orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(45,90,138,.06) 0%,transparent 70%);bottom:40px;left:-40px;animation:float 10s ease-in-out infinite reverse}.login-form-container{width:100%;max-width:370px;min-width:0;position:relative;z-index:1}.login-form-container.wide-form{max-width:440px}.login-right-panel .form-input,.auth-page .form-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);min-height:48px;font-size:.9375rem;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xs)}[data-theme=dark] .login-right-panel .form-input,[data-theme=dark] .auth-page .form-input{background:#13203373;border-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-right-panel .form-input:hover,.auth-page .form-input:hover{border-color:var(--border-hover);transform:translateY(-.5px)}.login-right-panel .form-input:focus,.auth-page .form-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-glow),0 4px 12px #16a34a14;transform:translateY(-1px)}.login-right-panel .form-input-wrapper,.auth-page .form-input-wrapper{transition:transform .2s ease}.login-right-panel .form-input-wrapper:not(:has(.custom-select-root)):focus-within,.auth-page .form-input-wrapper:not(:has(.custom-select-root)):focus-within{transform:scale(1.01)}.login-right-panel .form-input-wrapper:has(.custom-select-root),.auth-page .form-input-wrapper:has(.custom-select-root){transform:none!important;transition:none}.login-right-panel .login-submit-btn,.auth-page .auth-submit-btn{min-height:48px;border-radius:var(--radius-md);font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-primary);background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .3s ease;will-change:transform}.login-right-panel .login-submit-btn:hover:not(:disabled),.auth-page .auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #16a34a73;filter:brightness(1.08)}.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:24px;font-size:1.25rem;font-weight:900}.login-form-header{margin-bottom:28px}.login-form-title{font-size:1.875rem;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.025em}.login-form-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.6;overflow-wrap:break-word}.login-error-box{background:var(--error-bg);color:var(--error-text-strong);padding:12px 14px;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:18px;border:1px solid #FECACA;display:flex;align-items:flex-start;gap:8px;animation:shake .4s ease;line-height:1.4}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:15px;color:var(--customer-muted, var(--text-tertiary));flex-shrink:0;pointer-events:none;transition:color .2s}.form-input-wrapper:focus-within .form-input-icon{color:var(--primary)}.form-input-icon-left{padding-left:44px}.form-input-icon-right{padding-right:42px}.form-pw-toggle{position:absolute;right:4px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:8px;transition:var(--transition)}.form-pw-toggle:hover{color:var(--text-secondary);background:var(--bg-secondary)}.form-pw-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-pw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.login-pw-header .form-label{margin-bottom:0}.login-forgot-link{min-height:44px;display:inline-flex;align-items:center;padding:0 4px;font-size:.8rem;font-weight:600;color:var(--primary-text);text-decoration:none;transition:var(--transition);white-space:nowrap}.login-forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.login-forgot-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}.login-submit-btn{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:var(--shadow-primary);position:relative;overflow:hidden;margin-top:4px}.login-submit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.login-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #16a34a6b;transform:translateY(-1.5px);filter:brightness(1.06)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-submit-btn:focus-visible{outline:3px solid var(--primary-light);outline-offset:3px}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:.78rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap}.login-signup-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition)}.login-signup-btn:hover{border-color:var(--primary);color:var(--primary-text);background:var(--primary-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.login-signup-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-light)}.login-footer-sep{color:var(--border-hover);font-size:.8rem}.login-footer-btn{min-height:44px;display:inline-flex;align-items:center;background:none;border:none;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;text-decoration:none;transition:var(--transition);padding:0 8px;border-radius:6px}.login-footer-btn:hover{color:var(--primary-text)}.login-footer-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-tab.active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}@media(max-width:900px){.login-split-page{flex-direction:column;min-height:100dvh;width:100%;justify-content:flex-end}.login-left-panel{display:none}.login-right-panel{width:100%;max-width:100vw;min-width:0;padding:36px 24px 44px;box-shadow:0 -12px 40px #0000001f;flex:0;align-items:flex-start;border-radius:28px 28px 0 0;margin-top:0;position:relative;z-index:1;background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.35)}[data-theme=dark] .login-right-panel{background:#132033b8;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -8px 32px #00000040}.login-right-bg-orb{display:none}.login-mobile-brand{display:flex;min-width:0}.login-mobile-brand span{min-width:0;overflow-wrap:anywhere}.login-form-title{font-size:1.5rem}.login-form-sub{margin-bottom:20px}.login-footer-links{margin-top:24px;padding-top:16px;flex-wrap:wrap;row-gap:8px}}@media(max-width:480px){.login-left-panel{padding:24px 20px 16px}.login-tagline{font-size:1.25rem}.login-route-pills{gap:6px}.login-route-pill{padding:5px 12px;font-size:.75rem}.login-right-panel{padding:24px 20px}.login-form-title{font-size:1.375rem}.login-mobile-brand{margin-bottom:16px;font-size:1.1rem}.login-route-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.login-route-pill{min-width:0;padding:6px 8px;text-align:center;white-space:nowrap}.login-submit-btn{min-width:0}}@keyframes fabPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.65);opacity:0}to{transform:scale(1.65);opacity:0}}@keyframes chatOpen{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chatClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.88) translateY(12px)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}@keyframes statusPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.chat-header-left{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.chat-header-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;box-shadow:0 2px 8px #0003}.chat-header-name{font-size:.875rem;font-weight:700;letter-spacing:-.01em}.chat-header-status{display:flex;align-items:center;gap:5px;font-size:.65rem;opacity:.8}.chat-header-actions{display:flex;align-items:center;gap:4px;position:relative;z-index:1}}@layer components{.donut-chart-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.donut-chart-svg-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut-chart-svg{display:block;overflow:visible}.donut-chart-arc{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));outline:none}.donut-chart-arc:hover,.donut-chart-arc.is-active{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15)) brightness(1.1)}.donut-chart-arc:focus-visible{outline:2px solid var(--primary);outline-offset:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15)) brightness(1.1)}.donut-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px}.donut-chart-center-value{font-size:1.35rem;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.02em}.donut-chart-center-sub{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.donut-chart-legend{display:flex;flex-direction:column;gap:4px;width:100%;max-width:240px}.donut-chart-legend-item{display:flex;align-items:center;gap:6px;width:100%;margin:0;font:inherit;font-size:.8rem;padding:4px 8px;border:none;border-radius:var(--radius-xs);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease;outline:none}.donut-chart-legend-item:hover,.donut-chart-legend-item.active{background:var(--bg-secondary)}.donut-chart-legend-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px;background:var(--bg-secondary)}.donut-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-chart-legend-label{color:var(--text-secondary);font-weight:500}.donut-chart-legend-value{font-weight:700;color:var(--text);margin-left:auto;white-space:nowrap}.donut-chart-legend-pct{font-weight:500;color:var(--text-tertiary);font-size:.72rem;margin-left:2px}.donut-chart-empty{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.875rem;font-weight:500}.bar-chart-wrap{width:100%}.bar-chart-container{position:relative;display:flex;align-items:flex-end;width:100%}.bar-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bar-chart-grid-line{position:absolute;left:0;right:0;height:1px;background:var(--border-light)}.bar-chart-bars{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;position:relative;z-index:1;padding-bottom:28px}.bar-chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;flex:1;min-width:0}.bar-chart-bar{border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1),opacity .2s ease;min-height:2px;width:100%;max-width:40px;position:relative}.bar-chart-col.hovered .bar-chart-bar{filter:brightness(1.15);box-shadow:0 -2px 8px #16a34a33}.bar-chart-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;padding:0 2px}.bar-chart-value-label{font-size:.6875rem;font-weight:700;color:var(--text-secondary);margin-bottom:3px;white-space:nowrap}.bar-chart-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-lg);white-space:nowrap;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1px;animation:fadeIn .15s ease;pointer-events:none}.bar-chart-tooltip-value{font-size:.8125rem;font-weight:800;color:var(--text)}.bar-chart-tooltip-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary)}.bar-chart-empty{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.875rem;font-weight:500;border:2px dashed var(--border);border-radius:var(--radius-md);width:100%}.pagination-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-top:1px solid var(--border-light);background:var(--surface);background:color-mix(in srgb,var(--surface) 88%,var(--bg) 12%)}.pagination-info{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-secondary)}.pagination-per-page{font-size:.75rem;font-weight:600;min-height:40px;padding:8px 10px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pagination-per-page:hover{border-color:var(--primary)}.pagination-per-page:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition)}@media(hover:none)and (pointer:coarse){.pagination-btn{min-width:44px;height:44px;padding:0 8px}}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text);border-color:var(--border)}.pagination-btn.active{background:var(--primary-fill);color:#fff;border-color:var(--primary-fill);box-shadow:var(--shadow-primary)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:28px;height:34px;color:var(--text-tertiary);font-size:.875rem;font-weight:600}@media(max-width:600px){.pagination-wrap{flex-direction:column;align-items:stretch;padding:12px 16px;gap:10px}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}@media(max-width:480px){.pagination-controls{width:100%;max-width:100%;flex-wrap:wrap;gap:2px}.pagination-ellipsis{width:16px;height:44px}}.breadcrumb{margin-bottom:16px}.breadcrumb-list{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:2px}.breadcrumb-sep{color:var(--text-tertiary);opacity:.6;flex-shrink:0;margin:0 2px}.breadcrumb-link{display:inline-flex;align-items:center;gap:4px;min-height:40px;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);text-decoration:none;padding:4px 6px;border-radius:var(--radius-xs);transition:var(--transition)}.breadcrumb-link:hover{color:var(--primary-text);background:var(--primary-bg)}.breadcrumb-current{display:inline-flex;align-items:center;gap:4px;min-height:40px;font-size:.8125rem;font-weight:700;color:var(--text);padding:4px 6px}.breadcrumb-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-home-icon{flex-shrink:0}.card-body-chart{display:flex;justify-content:center;padding:24px 16px}.p-30{padding:30px}.p-40{padding:40px}}@layer components{.field-error-inline{display:flex;align-items:flex-start;gap:4px;color:var(--error-text);font-size:.78rem;font-weight:600;margin-top:4px;animation:slideDown .2s ease}.field-error-inline>svg{flex-shrink:0;margin-top:2px}.form-input.field-invalid,.form-select.field-invalid,.form-textarea.field-invalid,.form-control.field-invalid,.about-premium-input.field-invalid,.trk-search-input.field-invalid{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-glow)!important}.field-invalid:focus-visible,.field-group-invalid:focus-visible,.field-invalid:focus,.field-group-invalid:focus{outline-color:var(--error)!important}.field-group-invalid{border:1px solid var(--error)!important;box-shadow:0 0 0 3px var(--error-glow);border-radius:8px;padding:10px}.custom-select-trigger.field-invalid{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-glow)!important}.form-input.field-valid,.form-select.field-valid,.form-control.field-valid{border-color:var(--success)!important;box-shadow:0 0 0 3px var(--success-glow)!important}}@layer layout{.app-layout{display:flex;min-height:100vh;background:linear-gradient(180deg,#fcfefc,#f5f8f4 42%,#f7f8fb);--sidebar-width: 280px;--sidebar-collapsed-width: 88px}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:calc(var(--z-overlay) + 1);transform:translate(0);transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--sidebar-border);will-change:width,transform}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a7a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:var(--z-overlay);animation:fadeIn .18s ease}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-brand .sidebar-brand-wordmark,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-link-label,.sidebar.collapsed .sidebar-count-badge,.sidebar.collapsed .sidebar-user-name,.sidebar.collapsed .sidebar-user-role,.sidebar.collapsed .sidebar-link>span:not(.sidebar-link-label){opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .2s ease}.sidebar:not(.collapsed) .sidebar-brand .sidebar-brand-wordmark,.sidebar:not(.collapsed) .sidebar-section-label,.sidebar:not(.collapsed) .sidebar-link-label,.sidebar:not(.collapsed) .sidebar-count-badge,.sidebar:not(.collapsed) .sidebar-user-name,.sidebar:not(.collapsed) .sidebar-user-role,.sidebar:not(.collapsed) .sidebar-link>span:not(.sidebar-link-label){opacity:1;width:auto;transition:opacity .25s ease .1s,width .2s ease}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:24px 12px}.sidebar.collapsed .sidebar-nav{padding:8px 6px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-link.active:before{left:0}.sidebar.collapsed .sidebar-footer{padding:16px 6px}.sidebar.collapsed .sidebar-profile-btn{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-profile-info,.sidebar.collapsed .sidebar-profile-chevron{display:none}.sidebar.collapsed .sidebar-link{position:relative}.sidebar.collapsed .sidebar-link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--sidebar-bg);color:var(--sidebar-text-hover);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:100;box-shadow:var(--shadow-lg);border:1px solid var(--sidebar-border);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-50%) translate(-4px)}.sidebar.collapsed .sidebar-link:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-collapse-btn{position:absolute;top:20px;right:-14px;width:28px;height:28px;border-radius:50%;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:var(--transition);box-shadow:var(--shadow-sm)}.sidebar-collapse-btn:hover{color:var(--primary-text);background:var(--sidebar-hover);box-shadow:var(--shadow-md)}.sidebar-collapse-btn svg{transition:transform .3s ease}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-drawer-close-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;margin-left:auto;border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);background:#47556914;color:var(--sidebar-text);cursor:pointer;transition:var(--transition-fast)}.sidebar-drawer-close-btn:hover{color:var(--sidebar-text-hover);background:#47556929}@supports (background: color-mix(in srgb,#000,#fff)){.sidebar-drawer-close-btn{background:color-mix(in srgb,var(--sidebar-text) 8%,transparent)}.sidebar-drawer-close-btn:hover{background:color-mix(in srgb,var(--sidebar-text) 16%,transparent)}}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand .sidebar-brand-wordmark{margin:0;font-size:1.25rem;font-weight:800;color:var(--primary-text);letter-spacing:-.02em}.sidebar-brand span{color:var(--sidebar-text);font-weight:400}.sidebar-section-label{padding:16px 20px 8px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-section-label);-webkit-user-select:none;user-select:none}.sidebar.collapsed .sidebar-section-label{padding:12px 0 4px;height:0;margin:0}.sidebar-nav{flex:1;padding:8px 10px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:.875rem;font-weight:500;transition:var(--transition);margin-bottom:2px;cursor:pointer;text-decoration:none;border:none;background:none;width:100%;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-link:hover svg{transform:scale(1.08)}.sidebar-link svg{transition:var(--transition-fast);flex-shrink:0}.sidebar-link.danger{color:var(--error-text)}.sidebar-link.danger:hover{background:var(--error-bg);color:var(--error-text-strong)}.sidebar-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-count-badge{min-width:18px;height:18px;padding:0 6px;border-radius:var(--radius-full);background:linear-gradient(135deg,#DC2626,var(--error-fill));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;line-height:1;box-shadow:0 4px 12px #ef444447;margin-left:auto}.sidebar-link.active{background:var(--sidebar-active);color:var(--primary-text);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.sidebar-footer{padding:10px;border-top:1px solid var(--sidebar-border)}.sidebar-profile-menu{position:relative}.sidebar-profile-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s ease;color:var(--sidebar-text-hover);text-align:left}.sidebar-profile-btn:hover,.sidebar-profile-btn.active{background:var(--sidebar-hover)}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-chevron{flex-shrink:0;color:var(--sidebar-text);transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar-profile-chevron.rotated{transform:rotate(180deg)}.sidebar-profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--glass-bg-heavy);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 -4px 24px #00000024,0 2px 8px #00000014;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;animation:profileDropdownIn .18s cubic-bezier(.34,1.56,.64,1);z-index:100}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-profile-dropdown-header{display:flex;align-items:center;gap:10px;padding:14px 14px 12px}.sidebar-profile-dropdown-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--primary-rgb, 99, 102, 241),.35)}.sidebar-profile-dropdown-name{font-size:.8125rem;font-weight:600;color:var(--sidebar-text-hover);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-dropdown-role{font-size:.6875rem;color:var(--sidebar-text);margin-top:1px}.sidebar-profile-dropdown-divider{height:1px;background:var(--sidebar-border);margin:0}.sidebar-profile-dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:var(--sidebar-text-hover);cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.sidebar-profile-dropdown-item:hover{background:var(--sidebar-hover)}.sidebar-profile-dropdown-item.danger{color:var(--error, #ef4444)}.sidebar-profile-dropdown-item.danger:hover{background:#ef444414}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--sidebar-text-hover);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:.6875rem;color:var(--sidebar-text)}.main-content{flex:1;min-width:0;width:100%;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed~.main-content,.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.topbar{height:64px;background:var(--glass-bg-heavy);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:var(--z-sticky)}.topbar-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:10px}.topbar-actions{display:flex;align-items:center;gap:12px}.page-content{width:100%;max-width:1720px;margin-inline:auto;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;padding:28px 32px;scroll-behavior:smooth}.page-content>.page-transition{width:100%;min-width:0;flex:1 1 auto}.page-content>*{scroll-margin-top:80px}.admin-route-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-menu-toggle{display:none}.topbar-title{display:none!important}@media(max-width:1024px){.mobile-menu-toggle,.topbar-title{display:flex!important}.sidebar-collapse-btn{display:none!important}}.customer-row-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;text-decoration:none}.customer-row-link:hover .fw-700{text-decoration:underline}.customer-row-chevron{color:var(--text-tertiary);flex-shrink:0}.customer-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.customer-detail-name{margin:0;font-size:1.25rem;font-weight:800}.customer-detail-list{margin:0}.customer-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border-light)}.customer-detail-row:last-child{border-bottom:none;padding-bottom:0}.customer-detail-row dt{flex-shrink:0;font-size:.8125rem;color:var(--text-secondary)}.customer-detail-row dd{margin:0;min-width:0;font-size:.875rem;font-weight:600;color:var(--text);text-align:right;overflow-wrap:anywhere}.customer-detail-row dd a{color:var(--accent-light);text-decoration:none}.customer-detail-row dd a:hover{text-decoration:underline}.activity-logs-filters{animation-delay:0ms}.activity-logs-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.activity-logs-search{flex:1 1 240px;min-width:200px;margin:0}.activity-logs-module{flex:0 0 auto;width:170px}.activity-logs-filter-bar .activity-logs-hide-logins{margin-left:auto}.activity-logs-clear{flex:0 0 auto;white-space:nowrap}@media(max-width:720px){.activity-logs-search,.activity-logs-module{flex:1 1 100%;width:100%}.activity-logs-filter-bar .activity-logs-hide-logins{margin-left:0}}.activity-logs-table-card{animation-delay:60ms;overflow:hidden}}@layer layout{.customer-layout-v2{min-height:100dvh;background:linear-gradient(180deg,#fcfefc,#f5f8f4 42%,#f7f8fb);padding-bottom:0}.customer-navbar{background:#ffffffd1;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-bottom:0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:none}.customer-navbar-inner{height:72px;max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px}.customer-navbar-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;min-height:44px;padding:6px 0}.customer-navbar-links{display:flex;align-items:center;gap:2px;flex:1}.customer-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;min-height:44px;font-size:.875rem;font-weight:700;color:var(--customer-muted);text-decoration:none;transition:var(--transition);white-space:nowrap;position:relative}.customer-nav-link:hover{background:var(--bg-secondary);color:var(--text)}.customer-nav-link.active{color:var(--customer-green-dark);font-weight:700;background:var(--customer-green-soft)}.customer-nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:var(--radius-full)}.customer-inline-action{min-height:36px;padding:6px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:var(--transition)}.customer-inline-action:hover{background:var(--customer-green-soft)}.customer-route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-route-option{min-width:0;min-height:96px;padding:20px 12px;color:var(--text);text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25}.customer-route-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.customer-route-option-label{color:var(--text);font-size:.9375rem;font-weight:700;overflow-wrap:anywhere}.customer-navbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.customer-nav-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:var(--text-secondary);text-decoration:none;transition:var(--transition);position:relative}.customer-nav-icon-btn:hover{background:var(--customer-green-soft);color:var(--customer-green-dark)}.notification-badge{position:absolute;top:2px;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6875rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface);box-shadow:0 2px 6px #ef444466;animation:badgePop .35s cubic-bezier(.34,1.56,.64,1);line-height:1;letter-spacing:0}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.customer-avatar-btn{width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.customer-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;font-weight:700;transition:var(--transition);-webkit-tap-highlight-color:transparent}.customer-avatar:hover{color:var(--text);background:var(--border-light)}.customer-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border);z-index:var(--z-dropdown);overflow:hidden;animation:scaleIn .15s ease;transform-origin:top right}.customer-dropdown-header{padding:14px 16px;background:var(--bg);border-bottom:1px solid var(--border-light)}.customer-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;border-radius:var(--radius-xs);transition:var(--transition);text-align:left;margin:2px 4px;width:calc(100% - 8px)}.customer-dropdown-item:hover{background:var(--bg-secondary);color:var(--text)}.customer-dropdown-item.danger{color:var(--error-text)}.customer-dropdown-item.danger:hover{background:var(--error-bg)}.customer-main{padding-top:28px;padding-right:22px;padding-bottom:calc(132px + var(--customer-safe-bottom));padding-left:22px;max-width:980px;margin:0 auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.customer-main::-webkit-scrollbar{display:none}.customer-main:has(.support-chat-page){padding-bottom:calc(104px + var(--customer-safe-bottom))}.customer-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);padding-top:0;padding-right:16px;padding-bottom:calc(16px + var(--customer-safe-bottom));padding-left:16px;pointer-events:none}.customer-bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;max-width:430px;margin:0 auto;background:#ffffffdb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:28px;border:1px solid rgba(255,255,255,.68);box-shadow:0 18px 44px #0f172a29,inset 0 1px #ffffffc7;padding:8px;pointer-events:all;position:relative}.customer-bottom-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 8px;border-radius:22px;color:#657184;text-decoration:none;font-size:.7rem;font-weight:800;transition:color .25s ease,transform .2s cubic-bezier(.34,1.56,.64,1);background:none;border:none;cursor:pointer;min-width:60px;letter-spacing:0;text-transform:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}.customer-bottom-tab svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s ease}.customer-bottom-tab:hover{color:var(--text-secondary)}.customer-bottom-tab:active{transform:scale(.92)}.customer-bottom-tab.active{color:var(--primary-text)}.customer-bottom-tab.active svg{transform:scale(1.12) translateY(-1px)}.customer-bottom-tab.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:var(--customer-green-soft);z-index:-1;animation:tabGlowIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes tabGlowIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.customer-bottom-tab.book-tab{position:relative;min-width:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.customer-bottom-tab.book-tab .book-tab-icon{width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,var(--customer-green),#10B981);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 34px #128a5a47,inset 0 1px #ffffff4d;margin-top:-12px;margin-bottom:1px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;position:relative}.customer-bottom-tab.book-tab .book-tab-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--primary-light);opacity:0;animation:fabPulseRing 3s ease-in-out infinite}@keyframes fabPulseRing{0%,to{transform:scale(.95);opacity:0}50%{transform:scale(1.08);opacity:.4}}.customer-bottom-tab.book-tab:hover .book-tab-icon{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 28px #16a34a73,0 4px 8px #16a34a40}.customer-bottom-tab.book-tab:active .book-tab-icon{transform:scale(.95)}.customer-bottom-tab.book-tab.active .book-tab-icon{box-shadow:0 18px 38px #128a5a57,0 0 0 6px #128a5a1f}.customer-bottom-tab.book-tab.active:before{display:none}.customer-chat-fab{display:none;position:fixed;right:18px;bottom:calc(105px + var(--customer-safe-bottom));z-index:var(--z-sticky);width:56px;height:56px;align-items:center;justify-content:center;border-radius:999px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:chatFabFloat 3.2s ease-in-out infinite;will-change:transform;transition:opacity .2s ease}.customer-chat-fab-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:999px;background:linear-gradient(135deg,var(--customer-green),#10B981);color:#fff;box-shadow:0 16px 34px #128a5a47,inset 0 1px #ffffff4d;transition:transform .2s cubic-bezier(.34,1.56,.64,1);will-change:transform}@keyframes chatFabFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.customer-chat-fab-inner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid var(--primary-light);opacity:0;pointer-events:none;animation:chatFabPulse 3.2s ease-in-out infinite}@keyframes chatFabPulse{0%,to{transform:scale(.96);opacity:0}50%{transform:scale(1.06);opacity:.45}}.customer-chat-fab:hover .customer-chat-fab-inner{transform:scale(1.06)}.customer-chat-fab:active .customer-chat-fab-inner{transform:scale(.94)}.customer-chat-fab:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.customer-chat-fab:active .customer-chat-fab-inner:after{animation:none;opacity:0}body.keyboard-active .customer-chat-fab{opacity:0;pointer-events:none}@media(max-width:899.98px){.customer-navbar-links{display:none}.customer-bottom-nav{display:block}.customer-chat-fab{display:flex}.customer-navbar-inner{padding:0 16px;height:66px}.customer-main{padding-top:18px;padding-right:18px;padding-bottom:calc(160px + var(--customer-safe-bottom));padding-left:18px;scroll-padding-bottom:var(--customer-bottom-nav-reserve)}.customer-main:has(.support-chat-page){padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}}@media(min-width:900px){.customer-bottom-nav,.customer-chat-fab{display:none}.customer-main{padding-bottom:40px}}.home-hero-trip-card{overflow:hidden;background:var(--customer-panel-solid, var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--customer-green-soft) 82%,var(--customer-panel-solid, var(--surface)) 18%),var(--customer-panel-solid, var(--surface)) 62%),var(--customer-panel-solid, var(--surface));border:1px solid var(--customer-green-soft, var(--primary-bg));border:1px solid color-mix(in srgb,var(--customer-green, var(--primary)) 22%,transparent);border-radius:28px;box-shadow:var(--customer-shadow, var(--shadow-md));padding:20px;color:var(--customer-ink, var(--text))}.customer-layout-v2 .home-hero-trip-card{overflow:hidden;background:var(--customer-panel-solid, var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--customer-green-soft) 82%,var(--customer-panel-solid) 18%),var(--customer-panel-solid) 62%),var(--customer-panel-solid);border:1px solid var(--customer-green-soft, var(--primary-bg));border:1px solid color-mix(in srgb,var(--customer-green) 22%,transparent);border-radius:28px;box-shadow:var(--customer-shadow);padding:20px;color:var(--customer-ink)}.home-trip-badge-num{font-size:.75rem;font-weight:600;color:var(--customer-muted, var(--text-secondary))}.home-trip-route-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--customer-green-soft, var(--primary-bg));color:var(--customer-green, var(--primary))}.home-trip-route-label{font-size:.75rem;margin-bottom:2px;color:var(--customer-muted, var(--text-secondary))}.home-trip-route-title{font-weight:800;font-size:1.0625rem;color:var(--customer-ink, var(--text))}.home-trip-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.home-trip-metric-box{background:var(--customer-green-soft, var(--primary-bg));background:color-mix(in srgb,var(--customer-green-soft, var(--primary-bg)) 55%,var(--customer-panel-solid, var(--surface)));border:1px solid var(--customer-line, var(--border));padding:10px 12px;border-radius:var(--radius-sm);color:var(--customer-ink, var(--text))}.home-trip-metric-lbl{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--customer-muted, var(--text-secondary))}.home-trip-metric-val{font-size:.8125rem;font-weight:700;color:var(--customer-ink, var(--text))}.home-trip-price{margin-bottom:12px;font-size:.8125rem;font-weight:600;color:var(--customer-muted, var(--text-secondary))}.home-trip-cta{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:13px;border:none;border-radius:16px;background:var(--primary-fill);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 14px 28px #128a5a38}.home-trip-cta:hover{filter:brightness(1.05)}}@layer pages{.auth-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--bg-gradient, var(--bg));padding:32px 16px 48px;position:relative;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;pointer-events:none}.auth-orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(22,163,74,.06) 0%,transparent 65%);top:-160px;right:-120px;animation:float 8s ease-in-out infinite}.auth-orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(45,90,138,.12) 0%,transparent 65%);bottom:-120px;left:-80px;animation:float 11s ease-in-out infinite reverse}.auth-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(22,163,74,.04) 0%,transparent 65%);top:50%;left:10%;animation:float 6s ease-in-out infinite 2s}.auth-card{width:100%;max-width:500px;background:var(--surface);border-radius:var(--radius-2xl);padding:40px 44px 32px;box-shadow:0 32px 80px #00000052,0 0 0 1px #ffffff0f;border:1px solid var(--border-light);position:relative;z-index:1;animation:authCardIn .55s cubic-bezier(.34,1.56,.64,1);margin-top:0}@keyframes authCardIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-brand{text-align:center;margin-bottom:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.auth-brand-icon{width:56px;height:56px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #16a34a59;margin-bottom:2px}.auth-brand-text{font-size:1.625rem;font-weight:900;letter-spacing:-.025em;line-height:1}.auth-brand-cargo{color:var(--accent)}.auth-brand-express{color:var(--primary-text)}.auth-brand-sub{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-top:-4px}.auth-brand h1{font-size:2rem;font-weight:900;letter-spacing:-.02em}.auth-brand h1 span:first-child{color:var(--accent)}.auth-brand h1 span:last-child{color:var(--primary-text)}.auth-brand p{color:var(--text-secondary);font-size:.9375rem;margin-top:4px}.auth-error-banner{display:flex;align-items:flex-start;gap:8px;background:var(--error-bg);color:var(--error-text-strong);border:1px solid #FECACA;border-radius:var(--radius-md);padding:11px 14px;font-size:.8375rem;font-weight:500;margin-bottom:18px;line-height:1.45;animation:shake .4s ease}.reg-step-bar{display:flex;align-items:center;margin-bottom:28px;gap:0}.reg-step-item{display:flex;align-items:center;flex:1}.reg-step-node{display:flex;align-items:center;gap:8px;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:opacity .2s ease,transform .2s ease}.reg-step-node:hover{opacity:.9;transform:translateY(-1px)}.reg-step-node:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}.reg-step-circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);color:var(--text-tertiary);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:var(--transition-slow);flex-shrink:0}.reg-step-node.active .reg-step-circle{border-color:var(--primary-fill);color:#fff;background:var(--primary-fill);box-shadow:0 0 0 4px var(--primary-glow)}.reg-step-node.completed .reg-step-circle{border-color:var(--success-fill);color:#fff;background:var(--success-fill);box-shadow:0 0 0 4px var(--success-glow)}.reg-step-label{font-size:.8rem;font-weight:600;color:var(--text-tertiary);transition:var(--transition)}.reg-step-node.active .reg-step-label{color:var(--primary-text)}.reg-step-node.completed .reg-step-label{color:var(--success-text)}.reg-step-connector{flex:1;height:2px;background:var(--border);margin:0 10px;transition:background .4s ease;border-radius:2px}.reg-step-connector.done{background:var(--success)}.reg-section-label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-text);margin-bottom:16px}.form-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.form-char-count{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.form-label-hint{font-size:.75rem;font-weight:400;color:var(--text-tertiary);margin-left:2px}.form-input-icon-right-check{position:absolute;right:13px;color:var(--success-text);flex-shrink:0;pointer-events:none}.pw-strength-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}.pw-strength-bars{display:flex;gap:4px;flex:1}.pw-strength-bar{flex:1;height:4px;border-radius:4px;transition:background .3s ease}.pw-strength-label{font-size:.72rem;font-weight:700;flex-shrink:0;min-width:42px}.pw-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pw-rule{display:flex;align-items:center;gap:4px;font-size:.69rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border);padding:3px 8px;border-radius:var(--radius-full);transition:var(--transition)}.pw-rule svg{opacity:.35}.pw-rule.met{color:var(--success-text);background:var(--success-bg);border-color:#10b9814d}.pw-rule.met svg{opacity:1}.reg-legal-consent{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.reg-legal-consent-invalid{border-color:var(--error-text);background:var(--error-bg)}.reg-legal-consent-control{display:flex;align-items:flex-start;gap:9px}.reg-legal-consent-control input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:19px;height:19px;flex:0 0 19px;margin:1px 0 0;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.reg-legal-consent-control input:checked{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.reg-legal-consent-control input:checked:after{content:"";display:block;width:9px;height:5px;margin:4px 0 0 3px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg)}.reg-legal-consent-control input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.reg-legal-consent-control label{color:var(--text);font-size:.8125rem;font-weight:700;line-height:1.45;cursor:pointer}.reg-legal-consent-copy>p{margin:6px 0 0 28px;color:var(--text-secondary);font-size:.76rem;line-height:1.5}.reg-legal-consent-copy a{color:var(--primary-text);font-weight:700;text-underline-offset:2px}.reg-legal-consent .field-error-inline{margin:8px 0 0 28px}.reg-step-content{width:100%}.auth-submit-btn{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:var(--shadow-primary);position:relative;overflow:hidden;margin-top:4px}.auth-submit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #16a34a6b;transform:translateY(-1.5px);filter:brightness(1.06)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-submit-btn:focus-visible{outline:3px solid var(--primary-light);outline-offset:3px}.auth-submit-flex{flex:1}.auth-back-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);flex-shrink:0}.auth-back-btn:hover{border-color:var(--primary);color:var(--primary-text);background:var(--primary-bg)}.auth-back-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.reg-btn-row{display:flex;gap:10px;align-items:stretch;margin-top:4px}.auth-card-footer{text-align:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-light)}.auth-card-footer p{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.auth-link{color:var(--primary-text);font-weight:700;text-decoration:none;transition:var(--transition)}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-success-card{text-align:center;padding:56px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.auth-success-icon{width:88px;height:88px;border-radius:50%;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 12px #10b9811a}.auth-success-title{font-size:1.625rem;font-weight:800;color:var(--text);letter-spacing:-.025em}.auth-success-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.auth-success-loader{width:100%;max-width:200px;height:4px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:8px}.auth-success-bar{height:100%;background:var(--success);border-radius:4px;animation:successBar 1.4s ease forwards}@keyframes successBar{0%{width:0%}to{width:100%}}@media(max-width:540px){.auth-card{padding:32px 24px 28px;border-radius:var(--radius-xl)}.auth-brand-icon{width:48px;height:48px}.auth-brand-text{font-size:1.375rem}.reg-step-label{display:none}.reg-btn-row{flex-direction:column-reverse}.auth-back-btn{padding:12px}}@media(max-width:380px){.auth-card{padding:28px 18px 24px}}@keyframes sentEnvelope{0%{transform:scale(.6) translateY(12px);opacity:0}60%{transform:scale(1.08) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes sentRingPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}.fp-card{max-width:440px}.fp-hero{text-align:center;margin-bottom:24px}.fp-hero-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bg),#F0FDF4);border:2px solid rgba(22,163,74,.2);display:flex;align-items:center;justify-content:center;color:var(--primary);margin:0 auto 16px;box-shadow:0 4px 16px #16a34a1f;animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1)}.fp-hero-icon-lock{background:linear-gradient(135deg,#3b82f614,#3b82f60a);border-color:#3b82f633;color:var(--info);box-shadow:0 4px 16px #3b82f61a}.fp-hero-icon-error{background:linear-gradient(135deg,#dc262614,#dc26260a);border-color:#dc262633;color:var(--error);box-shadow:0 4px 16px #dc26261a}.fp-title{font-size:1.375rem;font-weight:800;color:var(--text);letter-spacing:-.025em;margin-bottom:8px}.fp-subtitle{font-size:.875rem;color:var(--text-secondary);line-height:1.65;max-width:320px;margin:0 auto}.fp-tips-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;margin-top:20px}.fp-tips-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:10px}.fp-tips-list{display:flex;flex-direction:column;gap:8px}.fp-tip-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.fp-tip-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #16a34a4d}.fp-sent-hero{text-align:center;margin-bottom:22px}.fp-sent-icon-wrap{position:relative;width:80px;height:80px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.fp-sent-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#10b98133;animation:sentRingPulse 2s ease-out infinite;pointer-events:none}.fp-sent-icon{width:72px;height:72px;border-radius:50%;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #10b98114;animation:sentEnvelope .55s cubic-bezier(.34,1.56,.64,1)}.fp-email-highlight{color:var(--primary-text);word-break:break-all}.fp-resend-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:10px}.fp-resend-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.fp-resend-btn{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:var(--primary-text);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition)}.fp-resend-btn:disabled{color:var(--text-tertiary);cursor:not-allowed}.fp-resend-btn:not(:disabled):hover{background:var(--primary-bg);color:var(--primary-dark)}.fp-resend-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.fp-countdown-bar{height:3px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:18px}.fp-countdown-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px;transition:width 1s linear}.rp-loading-card{text-align:center;max-width:400px}.rp-verifying{padding:32px 0 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.rp-verifying-spinner{width:56px;height:56px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary-text);box-shadow:0 0 0 6px #16a34a14}.rp-verifying-text{font-size:1rem;font-weight:700;color:var(--text)}.rp-verifying-sub{font-size:.825rem;color:var(--text-tertiary)}.rp-requirements{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.rp-requirement-item{display:flex;align-items:center;gap:7px;font-size:.775rem;font-weight:600;color:var(--text-tertiary);transition:color .25s ease}.rp-req-icon{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:transparent;transition:var(--transition)}.rp-requirement-item.met{color:var(--success-text)}.rp-requirement-item.met .rp-req-icon{border-color:var(--success);background:var(--success-bg);color:var(--success-text);box-shadow:0 0 0 3px var(--success-glow)}.rp-match-ok{display:flex;align-items:center;gap:5px;font-size:.775rem;font-weight:600;color:var(--success-text);margin-top:5px;animation:slideDown .2s ease}@media(max-width:480px){.rp-requirements{grid-template-columns:1fr}.fp-tips-box{padding:12px 14px}}.auth-mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg);overflow:hidden;pointer-events:none}.auth-mesh-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;animation:floatOrb 25s ease-in-out infinite alternate}[data-theme=dark] .auth-mesh-orb{opacity:.22;filter:blur(100px)}.auth-mesh-orb-1{width:320px;height:320px;background:var(--primary);top:-60px;left:-60px}.auth-mesh-orb-2{width:420px;height:420px;background:var(--accent-light);bottom:-100px;right:-50px;animation-duration:30s;animation-delay:-6s}.auth-mesh-orb-3{width:260px;height:260px;background:var(--success);top:35%;right:25%;animation-duration:20s;animation-delay:-3s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}to{transform:translate(-30px,-60px) scale(.92)}}@media(max-width:768px){.auth-page{display:flex;flex-direction:column;justify-content:flex-end;padding:0;min-height:100dvh}.auth-page .auth-card{margin-top:auto;border-radius:28px 28px 0 0;padding:32px 24px 40px;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -12px 40px #00000026;animation:authCardMobileIn .5s cubic-bezier(.34,1.56,.64,1)}.auth-mobile-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 20px;z-index:1;text-align:center}.auth-mobile-logo-circle{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #16a34a59;margin-bottom:12px}.auth-mobile-title{font-size:1.5rem;font-weight:900;color:var(--text)}.auth-mobile-title span:first-child{color:var(--accent)}.auth-mobile-title span:last-child{color:var(--primary-text)}[data-theme=dark] .auth-mobile-title span:first-child{color:var(--text)}}@keyframes authCardMobileIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.remember-me-group{margin:16px 0 20px}.remember-me-label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.remember-me-label:hover{color:var(--text)}.remember-me-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--border);border-radius:4px;background-color:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;margin:0}.remember-me-checkbox:before{content:"";width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(.5px,-.5px) scale(0);transition:transform .15s cubic-bezier(.12,.4,.29,1.46);transform-origin:center}.remember-me-checkbox:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.remember-me-checkbox:checked:before{transform:rotate(-45deg) translate(.5px,-.5px) scale(1)}.remember-me-checkbox:focus-visible{outline:2px solid var(--primary);outline-offset:2px}}@layer pages{.about-section{display:flex;flex-direction:column;gap:0}.about-hero{background:linear-gradient(135deg,var(--accent-darker),var(--accent),var(--accent-light));border-radius:var(--radius-md);padding:28px;text-align:center;color:#fff;margin-bottom:20px;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:#16a34a1f}.about-hero h2{font-size:1.25rem;font-weight:800;margin:10px 0 4px;position:relative}.about-hero p{font-size:.8125rem;opacity:.8;position:relative}.about-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:380px}.about-block h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-text);margin-bottom:8px}.about-block p{font-size:.8125rem;color:var(--text-secondary);line-height:1.65}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-feature-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border-light);transition:var(--transition)}.about-feature-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.about-feature-icon{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0;background:linear-gradient(135deg,var(--primary-bg),var(--primary-lighter));display:flex;align-items:center;justify-content:center;color:var(--primary)}.about-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.about-photo-placeholder{aspect-ratio:4/3;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--border)}.contact-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);margin-bottom:10px;text-decoration:none;color:var(--text);transition:var(--transition);cursor:pointer}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contact-card-icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.facebook-card{border-color:#bfdbfe}.facebook-card:hover{border-color:#3b82f6}.facebook-icon{background:linear-gradient(135deg,#1877f2,#42a5f5)}.hero{background:linear-gradient(135deg,#0f172aeb,color-mix(in srgb,var(--primary) 88%,#0F172A)),var(--accent);border-radius:var(--radius-xl);padding:36px;color:#fff;position:relative;overflow:hidden;transform-style:preserve-3d;perspective:600px}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:#16a34a1f;animation:float 6s ease-in-out infinite;transform:translateZ(-20px) scale(1.1)}.hero:after{content:"";position:absolute;bottom:-30%;left:10%;width:200px;height:200px;border-radius:50%;background:#ffffff0d;transform:translateZ(-10px)}.hero h1,.hero h2{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:800;margin-bottom:8px;position:relative;letter-spacing:-.02em}.hero p{opacity:.85;position:relative;line-height:1.6}.hero .search-box input::placeholder{color:#ffffff80}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative;overflow:hidden}.nf-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.15}.nf-orb-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-80px;animation:float 8s ease-in-out infinite}.nf-orb-2{width:300px;height:300px;background:var(--accent);bottom:-60px;left:-60px;animation:float 10s ease-in-out infinite reverse}.not-found-card{text-align:center;max-width:440px;position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.nf-icon-wrap{position:relative;width:96px;height:96px;margin:0 auto 28px}.nf-icon-circle{width:96px;height:96px;border-radius:50%;background:var(--primary-bg);background:linear-gradient(135deg,var(--primary-bg),color-mix(in srgb,var(--primary) 12%,transparent));display:flex;align-items:center;justify-content:center;color:var(--primary-text);position:relative;z-index:2;box-shadow:0 0 0 6px var(--primary-glow),var(--shadow-md)}.nf-icon-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--primary-glow);animation:nfPulse 2.5s ease-in-out infinite;z-index:1}@keyframes nfPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.nf-code{font-size:clamp(4.5rem,12vw,7rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:8px;display:flex;justify-content:center;gap:4px}.nf-code-4,.nf-code-4b{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideUp .5s cubic-bezier(.16,1,.3,1) backwards}.nf-code-0{background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideUp .5s cubic-bezier(.16,1,.3,1) .08s backwards}.nf-code-4b{animation-delay:.16s}.not-found-title{font-size:1.375rem;font-weight:800;color:var(--text);margin-bottom:12px}.not-found-text{color:var(--text-secondary);line-height:1.65;margin-bottom:24px;font-size:.9375rem}.nf-suggestions{margin-bottom:20px}.nf-suggestion-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.nf-back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.nf-back-link:hover{color:var(--primary-text);background:var(--primary-bg)}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;gap:1.25rem}.error-boundary-icon{width:72px;height:72px;border-radius:50%;background:var(--error-bg);display:flex;align-items:center;justify-content:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.error-boundary-fallback h2{font-size:1.375rem;font-weight:800;color:var(--text);margin:0}.error-boundary-fallback p{color:var(--text-secondary);max-width:420px;margin:0;line-height:1.6;font-size:.9375rem}.error-boundary-error{font-size:.75rem;color:var(--error-text-strong);background:var(--error-bg);padding:.75rem 1rem;border-radius:var(--radius-md);max-width:100%;overflow:auto;text-align:left;border:1px solid var(--error-glow)}.error-boundary-actions{display:flex;gap:.75rem;margin-top:.25rem}}@layer pages{@keyframes aboutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes aboutSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutPulseGlow{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 15px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}@keyframes aboutShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes aboutScrollHint{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(12px) translate(-50%)}60%{transform:translateY(6px) translate(-50%)}}@keyframes aboutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes aboutProgressPulse{0%,to{opacity:.8}50%{opacity:1}}.about-glass-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 5%;transition:background-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1);will-change:background-color,box-shadow}.about-glass-nav.scrolled{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);border-bottom:1px solid var(--border-light)}.about-nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.about-nav-links{display:none;align-items:center;gap:4px}@media(min-width:768px){.about-nav-links{display:flex}}.about-nav-link{position:relative;padding:8px 14px;border-radius:100px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .25s ease,color .25s ease;cursor:pointer;background:transparent;border:none}.about-nav-link.transparent{color:#fffc}.about-nav-link.scrolled{color:var(--text-secondary)}.about-nav-link:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-text)}.about-nav-link.active{background:rgba(var(--primary-rgb),.12);color:var(--primary-text);font-weight:700}.about-login-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;color:#fff;text-decoration:none;font-weight:600;font-size:.875rem;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease;border:none;cursor:pointer}.about-login-btn.transparent{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.about-login-btn.scrolled{background:var(--text)}.about-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.about-scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-light));z-index:1001;transition:width .05s linear;border-radius:0 2px 2px 0}.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(min-width:900px){.about-hero{height:92vh;min-height:640px}}.about-hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:0 24px 80px}.about-hero-badge{display:inline-block;padding:8px 24px;border-radius:100px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.18);margin-bottom:24px;font-size:.95rem!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;position:relative;overflow:hidden}.about-hero-badge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:aboutShimmer 3s ease-in-out infinite}.about-hero-cta-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:100px;background:var(--primary-fill);color:#fff;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background-color .3s ease;will-change:transform;box-shadow:0 10px 30px rgba(var(--primary-rgb),.4);border:none;cursor:pointer}.about-hero-cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px rgba(var(--primary-rgb),.5)}.about-hero-cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:100px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);text-decoration:none;font-weight:700;font-size:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,color .3s ease;will-change:transform;cursor:pointer}.about-hero-cta-secondary:hover{background:#fffffff2;color:var(--text);border-color:transparent;transform:translateY(-2px)}.about-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:10;animation:aboutScrollHint 2s ease infinite;color:#fff9;cursor:pointer;background:none;border:none;padding:8px}.about-scroll-hint:hover{color:#ffffffe6}.about-content-wrapper{max-width:min(1200px,100%);margin:0 auto;padding:80px 20px 0}@media(min-width:768px){.about-content-wrapper{padding:120px 5% 0}}.about-section{margin-bottom:64px}@media(min-width:768px){.about-section{margin-bottom:120px}}.about-section-label{color:var(--primary-text);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:.875rem}.about-section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-1px;color:var(--text)}.about-text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-grid-2{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media(min-width:900px){.about-grid-2{grid-template-columns:1fr 1fr;gap:64px}}.about-story-image-container{display:block;position:relative;padding:24px 8% 48px;width:100%;max-width:480px;margin:0 auto}@media(min-width:900px){.about-story-image-container{padding:10%;margin:0;max-width:none}}.about-story-main-img{width:100%;border-radius:24px;box-shadow:0 30px 60px #0000001f;position:relative;z-index:10;transform:rotate(-3deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}.about-story-image-container:hover .about-story-main-img{transform:rotate(0)}.about-story-overlay-img{position:absolute;bottom:-20px;right:-20px;width:50%;border-radius:16px;box-shadow:0 20px 40px #0003;z-index:20;border:6px solid var(--surface);transform:rotate(5deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}.about-story-image-container:hover .about-story-overlay-img{transform:rotate(0) scale(1.02)}.about-dot-pattern{position:absolute;width:120px;height:120px;background-image:radial-gradient(circle,rgba(var(--primary-rgb),.15) 1.5px,transparent 1.5px);background-size:12px 12px;z-index:1;pointer-events:none}.about-timeline{margin-top:32px;display:flex;flex-direction:column;gap:0;position:relative;padding-left:28px}.about-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--primary),rgba(var(--primary-rgb),.15));border-radius:2px}.about-timeline-item{position:relative;padding:12px 0}.about-timeline-dot{position:absolute;left:-24px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:3px solid var(--surface);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.about-timeline-year{font-size:.75rem;font-weight:800;color:var(--primary-text);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.about-timeline-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;font-weight:500}.about-bento-card{background:var(--surface);color:var(--text);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s ease}@media(min-width:768px){.about-bento-card{padding:32px}}.about-bento-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(var(--primary-rgb),.15)}.about-feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.04));color:var(--primary);margin-bottom:20px;transition:transform .3s ease}.about-bento-card:hover .about-feature-icon{transform:scale(1.1) rotate(5deg)}.about-coverage-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;min-width:0}.about-coverage-grid>*{min-width:0}@media(min-width:900px){.about-coverage-grid{grid-template-columns:1.2fr 2fr;gap:48px}}.about-coverage-regions{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.about-region-card{width:100%;color:inherit;text-align:left;font:inherit;padding:24px 20px;border-radius:24px;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-light)}.about-region-card:focus-visible{outline:3px solid rgba(var(--primary-rgb),.35);outline-offset:3px}.about-region-card:hover{border-color:rgba(var(--primary-rgb),.25);box-shadow:0 4px 16px rgba(var(--primary-rgb),.08)}.about-region-card.selected{background:rgba(var(--primary-rgb),.06);border:2px solid var(--primary);box-shadow:0 8px 30px rgba(var(--primary-rgb),.12)}.about-muni-tag{display:inline-block;padding:6px 12px;background:var(--surface);border:1px solid var(--border-light);border-radius:100px;font-size:.8125rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-xs);transition:color .2s ease,background-color .2s ease,border-color .2s ease}.about-region-card.selected .about-muni-tag{border-color:rgba(var(--primary-rgb),.2);color:var(--primary-text)}@media(max-width:640px){.about-map-box{height:380px;border-radius:20px}.about-region-card{padding:20px 16px;border-radius:20px}}.about-highlight-card{position:relative;height:320px;border-radius:24px;overflow:hidden;cursor:pointer;border:none;padding:0;background:var(--bg-secondary);width:100%;text-align:left;display:block;outline:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.about-highlight-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.about-highlight-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.about-highlight-card:hover img{transform:scale(1.08)}.about-highlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,transparent 100%);opacity:0;transition:opacity .35s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.about-highlight-card:hover .about-highlight-overlay{opacity:1}.about-highlight-title{color:#fff;font-weight:800;font-size:1.125rem;transform:translateY(8px);transition:transform .35s ease}.about-highlight-card:hover .about-highlight-title{transform:translateY(0)}.about-highlight-caption{color:#ffffffd9;font-size:.875rem;margin-top:8px;transform:translateY(8px);transition:transform .35s ease .05s}.about-highlight-card:hover .about-highlight-caption{transform:translateY(0)}.about-highlight-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#fff9;font-size:.75rem;transform:translateY(8px);transition:transform .35s ease .1s}.about-highlight-card:hover .about-highlight-meta{transform:translateY(0)}.about-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:aboutFadeIn .2s ease-out}.about-lightbox-close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10}.about-lightbox-close:hover{background:#fff3}.about-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;z-index:10}.about-lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.08)}.about-lightbox-nav.prev{left:24px}.about-lightbox-nav.next{right:24px}.about-lightbox-img{max-width:85%;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;animation:aboutSlideUp .3s ease-out}.about-lightbox-info{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#0009;padding:16px 28px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;max-width:80%}.about-lightbox-info-title{color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:4px}.about-lightbox-info-desc{color:#fffc;font-size:.9rem}.about-lightbox-info-counter{color:#ffffff80;font-size:.75rem;margin-top:8px}.about-feedback-card{position:relative;background:var(--surface);border-radius:24px;padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;overflow:hidden}.about-feedback-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.about-feedback-card.hero-testimonial{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:24px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.03),rgba(var(--accent-rgb),.03));border-color:rgba(var(--primary-rgb),.12);padding:40px}@media(min-width:768px){.about-feedback-card.hero-testimonial{grid-template-columns:1fr 1fr;gap:32px}}.about-quote-mark{position:absolute;top:16px;right:20px;font-size:4.5rem;line-height:1;color:rgba(var(--primary-rgb),.08);font-family:Georgia,serif;font-weight:900;pointer-events:none;-webkit-user-select:none;user-select:none}.about-feedback-filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:40px;animation:aboutFadeIn .6s ease-out}.about-filter-chip{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 18px;border-radius:99px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.about-filter-chip:hover{background:var(--border-light);color:var(--text);transform:translateY(-1px)}.about-filter-chip.active{background:var(--primary-fill);border-color:var(--primary-fill);color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.about-filter-chip.active svg{fill:#fff}.about-filter-chip svg{transition:fill .25s ease}.about-contact-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.about-contact-grid{display:grid;grid-template-columns:1fr}.about-contact-grid>*{min-width:0}@media(min-width:900px){.about-contact-grid{grid-template-columns:1fr 1fr}}.about-contact-info{padding:40px 24px;background:var(--text);color:#fff}@media(min-width:900px){.about-contact-info{padding:64px 48px}}.about-contact-form{padding:40px 24px;background:var(--surface)}@media(min-width:900px){.about-contact-form{padding:64px 48px}}.about-contact-block{display:flex;gap:16px;transition:transform .2s ease}.about-contact-block>*{min-width:0}.about-contact-block:hover{transform:translate(4px)}.about-contact-icon-box{width:48px;height:48px;border-radius:14px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.about-contact-block:hover .about-contact-icon-box{background:#ffffff2e}.about-contact-link{color:#ffffffb3;text-decoration:none;transition:color .2s;overflow-wrap:break-word}.about-contact-link:hover{color:#fff;text-decoration:underline}.about-premium-input{width:100%;padding:14px 18px;border-radius:16px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:.95rem;font-family:inherit;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease,background-color .3s ease;outline:none}.about-premium-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12);transform:translateY(-2px);background:var(--surface)}.about-premium-input::placeholder{color:var(--text-tertiary)}.about-submit-btn{width:100%;padding:16px;border-radius:16px;background:var(--primary-fill);color:#fff;border:none;font-weight:700;font-size:1.05rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background-color .3s ease;will-change:transform;margin-top:8px}.about-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px rgba(var(--primary-rgb),.35)}.about-submit-btn:active:not(:disabled){transform:translateY(-1px)}.about-submit-btn:disabled{opacity:.7;cursor:not-allowed}.about-wave-divider{width:100%;overflow:hidden;line-height:0;margin-top:-1px}.about-wave-divider svg{display:block;width:100%;height:auto}.about-footer{background:#0a0a0a;color:#fff;padding:72px 5% 32px;position:relative}.about-footer-grid{max-width:1200px;margin:0 auto 64px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px}@media(max-width:900px){.about-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.about-footer-grid{grid-template-columns:1fr;gap:32px}}.about-footer-heading{font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80;margin-bottom:20px}.about-footer-link{display:block;color:#fff9;text-decoration:none;font-size:.9375rem;font-weight:500;padding:4px 0;transition:color .2s,transform .2s}.about-footer-link:hover{color:#fff;transform:translate(4px)}.about-social-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.08);text-decoration:none}.about-social-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3)}.about-footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:#ffffff8c;font-size:.875rem}.about-footer-legal-links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:16px}.about-footer-legal-links .about-footer-link{color:inherit;font-size:inherit}.about-back-to-top{position:fixed;bottom:32px;right:32px;width:52px;height:52px;border-radius:50%;background:var(--primary-fill);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 30px rgba(var(--primary-rgb),.3);z-index:999;transition:transform .3s,box-shadow .3s}.about-back-to-top:hover{transform:scale(1.1);box-shadow:0 12px 40px rgba(var(--primary-rgb),.4)}.about-back-to-top:active{transform:scale(.95)}.about-gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}[data-theme=dark] .about-contact-info{background:var(--accent-darker)}[data-theme=dark] .about-login-btn.scrolled{background:var(--primary-fill);color:#fff}[data-theme=dark] .about-bento-card:hover,[data-theme=dark] .about-feedback-card:hover{border-color:rgba(var(--primary-rgb),.3)}.about-map-box{position:relative;width:100%;max-width:100%;min-width:0;height:clamp(360px,52vw,460px);border-radius:24px;overflow:hidden;margin-top:24px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08);background:#dbeafe;isolation:isolate}.about-leaflet-map{width:100%;height:100%;z-index:0;font-family:var(--font-sans)}.about-leaflet-map .leaflet-top.leaflet-right{top:64px;right:12px}.about-leaflet-map .leaflet-control-zoom{border:1px solid rgba(15,23,42,.18);border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #0f172a2e}.about-leaflet-map .leaflet-control-zoom a{width:32px;height:32px;line-height:30px;color:#1e293b;background:#ffffffeb;border-bottom-color:#0f172a1f}.about-leaflet-map .leaflet-control-zoom a:hover,.about-leaflet-map .leaflet-control-zoom a:focus-visible{color:#0f172a;background:#fff}.about-leaflet-map .leaflet-control-attribution{padding:2px 6px;color:#334155;background:#ffffffdb}.about-leaflet-map .leaflet-control-attribution a{color:#0f4c81}.about-leaflet-map .leaflet-popup-content-wrapper{border-radius:12px;color:var(--text);background:var(--surface)}.about-leaflet-map .leaflet-popup-tip{background:var(--surface)}.about-leaflet-map .leaflet-popup-content{margin:12px 14px;font-size:.8125rem;line-height:1.45}.about-leaflet-marker{width:28px!important;height:28px!important;border:0;background:transparent}.about-leaflet-marker-shell{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4ade80;border:2px solid #fff;box-shadow:0 2px 8px #0f172a66;transition:width .2s ease,height .2s ease,top .2s ease,left .2s ease,background .2s ease}.about-leaflet-marker-shell.is-origin{background:#22c55e}.about-leaflet-marker-shell.is-active{top:3px;left:3px;width:22px;height:22px;box-shadow:0 0 0 5px #22c55e33,0 3px 12px #0f172a73}.about-leaflet-marker-shell.is-active:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid rgba(34,197,94,.58);border-radius:50%;animation:about-map-pin-pulse 1.6s ease-out infinite}.about-leaflet-marker-dot{width:5px;height:5px;border-radius:50%;background:#fff}@keyframes about-map-pin-pulse{0%{opacity:.78;transform:scale(.65)}to{opacity:0;transform:scale(1.35)}}.about-coverage-tag{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#041425bd;border:1px solid rgba(255,255,255,.16);border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em;z-index:1000}.about-green-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 9px #4ade80}.about-map-hint{position:absolute;left:12px;bottom:12px;padding:5px 8px;background:#041425b8;border-radius:5px;color:#ffffffdb;font-size:.6875rem;letter-spacing:.03em;z-index:1000}.about-wave-svg{fill:#0a0a0a}.about-map-tooltip{position:absolute;bottom:48px;left:12px;right:12px;background:#051226d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(74,222,128,.28);border-radius:14px;padding:10px 14px;box-shadow:0 8px 32px #00000080;display:flex;align-items:center;gap:10px;z-index:1000}.about-map-tooltip-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0}.about-map-tooltip-body{flex:1}.about-map-tooltip-name{font-weight:700;font-size:.8125rem;color:#fff}.about-map-tooltip-detail{font-size:.75rem;color:#ffffff80;margin-top:2px}.about-nav-brand{display:flex;align-items:center;gap:10px}.about-nav-brand h1{margin:0;font-size:1.25rem;font-weight:900}.about-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:1}.about-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000040,#000000bf);z-index:2}.about-gradient-orb-primary{width:400px;height:400px;top:10%;left:-5%;background:rgba(var(--primary-rgb),.08);z-index:3}.about-gradient-orb-accent{width:300px;height:300px;bottom:15%;right:-3%;background:rgba(var(--accent-rgb),.06);z-index:3}.about-hero-heading{font-size:clamp(3rem,6vw,5rem)!important;font-weight:900!important;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.about-hero-subtext{font-size:clamp(1.2rem,2.5vw,1.5rem)!important;color:#ffffffe6;line-height:1.6;max-width:800px;margin:0 auto 40px}.about-hero-cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.about-story-heading{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:24px;letter-spacing:-1px}.about-story-body{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:8px;white-space:pre-wrap}.about-dot-top{top:-20px;right:-10px}.about-dot-bottom{bottom:0;left:-15px}.about-story-img-wrap{position:relative}.about-story-img-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-rgb),.1));border-radius:50%;filter:blur(40px);transform:scale(.8)}.about-section-header{text-align:center;margin-bottom:48px}.about-section-header-sm{text-align:center;margin-bottom:36px}.about-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.about-feature-title{font-size:1.25rem;font-weight:800;margin-bottom:12px;color:var(--text)}.about-feature-desc{color:var(--text-secondary);line-height:1.6;font-size:.9375rem}.about-empty-state{text-align:center;padding:48px 24px;background:var(--surface);border-radius:24px;border:1px solid var(--border-light)}.about-empty-state-lg{padding:48px}.about-empty-icon{color:var(--text-tertiary);margin-bottom:16px}.about-empty-text{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.about-coverage-header-card{padding:40px 24px}.about-coverage-icon-box{width:56px;height:56px;border-radius:20px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.about-coverage-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px}.about-coverage-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:16px}.about-coverage-search-wrap{width:100%;max-width:100%;min-width:0;margin-bottom:16px}.about-coverage-search-inner{position:relative;width:100%;max-width:100%;min-width:0}.about-coverage-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.about-coverage-search-input{display:block;width:100%;max-width:100%;min-width:0;padding:14px 16px 14px 44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);font-size:.9375rem;outline:none;color:var(--text)}.about-coverage-no-result{text-align:center;padding:32px 20px}.about-coverage-no-result-icon{color:var(--text-tertiary);margin-bottom:10px}.about-coverage-no-result-title{font-weight:700;margin-bottom:4px}.about-coverage-no-result-desc{max-width:100%;color:var(--text-secondary);font-size:.9375rem;overflow-wrap:anywhere}.about-region-card h4{font-size:1.125rem;font-weight:800;display:flex;align-items:center;gap:12px;justify-content:space-between;transition:margin-bottom .2s;margin-bottom:0}.about-region-card[aria-expanded=true] h4{margin-bottom:16px}.about-region-label-wrap{display:flex;align-items:center;gap:12px}.about-region-pin-icon{color:var(--text-tertiary);transition:color .2s}.about-region-card.selected .about-region-pin-icon{color:var(--primary)}.about-region-chevron{color:var(--text-tertiary);transition:transform .2s;transform:rotate(0)}.about-region-card[aria-expanded=true] .about-region-chevron{transform:rotate(180deg)}.about-region-munis{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.about-highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.about-highlight-title-inner{display:flex;align-items:center;gap:8px}.about-highlight-pkg-icon{color:var(--primary-text);flex-shrink:0}.about-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.about-review-stars{display:flex;gap:4px;margin-bottom:16px}.about-review-text{font-size:1.05rem;line-height:1.7;color:var(--text);margin-bottom:24px;font-style:italic;position:relative;z-index:1}.about-feedback-card.hero-testimonial .about-review-text{font-size:1.15rem}.about-review-photo{margin-bottom:24px;border-radius:16px;overflow:hidden;height:160px}.about-feedback-card.hero-testimonial .about-review-photo{height:200px}.about-review-photo img{width:100%;height:100%;object-fit:cover}.about-reviewer-row{display:flex;align-items:center;gap:12px}.about-reviewer-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.05));color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.about-reviewer-name{font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:6px;color:var(--text)}.about-reviewer-location{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.about-contact-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px}.about-contact-subtext{color:#ffffffb3;font-size:1.05rem;line-height:1.6;margin-bottom:32px}.about-contact-blocks{display:flex;flex-direction:column;gap:24px}.about-contact-block-title{font-weight:700;font-size:1.05rem;margin-bottom:4px}.about-contact-block-body{color:#ffffffb3;font-size:.9375rem;line-height:1.5;display:flex;flex-direction:column;gap:4px}.about-contact-block-body-lg{gap:8px}.about-contact-form-title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;margin-bottom:24px;color:var(--text)}.about-contact-form-body{display:flex;flex-direction:column;gap:20px}.about-form-label{display:block;font-weight:700;font-size:.875rem;margin-bottom:8px;color:var(--text-secondary)}.about-form-textarea{min-height:120px;resize:vertical}.about-contact-consent{font-size:.8125rem;line-height:1.5;color:var(--text-secondary);cursor:pointer;align-items:flex-start!important}.about-contact-consent input[type=checkbox]{flex-shrink:0;margin-top:2px;accent-color:var(--primary)}.about-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.about-footer-brand h3{margin:0;font-size:1.25rem;font-weight:900;letter-spacing:-.3px}.about-footer-desc{color:#ffffff8c;line-height:1.7;font-size:.9375rem;margin-bottom:24px}.about-footer-hubs{display:flex;flex-direction:column;gap:4px;margin:0 0 20px}.about-footer-hub{margin:0;color:#ffffff8c;font-size:.8125rem;line-height:1.6}.about-footer-hub strong{color:#ffffffd9;font-weight:700}.about-footer-social{display:flex;gap:12px}.about-footer-links{display:flex;flex-direction:column;gap:10px}.about-footer-status{display:flex;align-items:center;gap:6px}.about-footer-status-dot{color:var(--primary-text)}.about-footer-status-checking .about-footer-status-dot{color:var(--warning-text)}.about-footer-status-offline .about-footer-status-dot,.about-footer-status-unavailable .about-footer-status-dot{color:var(--error-text)}}@layer pages{.legal-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 92% 0%,rgba(var(--primary-rgb),.14),transparent 24rem),var(--bg)}.legal-nav,.legal-hero,.legal-content-wrap,.legal-footer{width:min(100% - 40px,1080px);margin-inline:auto}.legal-nav{min-height:76px;display:flex;align-items:center}.legal-back,.legal-aside a,.legal-footer a{color:var(--primary-text);font-weight:700;text-decoration:none}.legal-nav .legal-back{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--text);border-radius:9px;background:var(--text);color:var(--bg);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.legal-nav .legal-back:hover{background:var(--text-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.legal-hero{padding:48px 0 54px;max-width:920px}.legal-aside a svg{transform:rotate(180deg)}.legal-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.legal-hero h1{margin:15px 0 14px;font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.04em;line-height:1.06}.legal-hero>p{max-width:620px;margin:0;color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.legal-effective-date{margin:18px 0 0;color:var(--text-tertiary);font-size:.8125rem;font-weight:600}.legal-content-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:54px;padding-bottom:72px}.legal-aside{align-self:start;position:sticky;top:24px;padding:18px;border-left:2px solid var(--primary);background:rgba(var(--primary-rgb),.06);border-radius:0 10px 10px 0}.legal-aside p{margin:0 0 9px;color:var(--text-secondary);font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.legal-aside a{display:inline-flex;align-items:center;gap:7px;font-size:.9rem}.legal-document{padding:clamp(22px,4vw,46px);border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.legal-intro{margin:0 0 34px;color:var(--text-secondary);font-size:1.02rem;line-height:1.75}.legal-section+.legal-section{margin-top:36px;padding-top:36px;border-top:1px solid var(--border-light)}.legal-section h2{margin:0 0 13px;font-size:1.2rem;letter-spacing:-.015em}.legal-section p{margin:0;color:var(--text-secondary);line-height:1.78}.legal-section p+p{margin-top:14px}.legal-footer{display:flex;justify-content:space-between;gap:18px;padding:24px 0 34px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem}.legal-footer div{display:flex;flex-wrap:wrap;gap:17px}.legal-footer a{font-size:inherit}.legal-page a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:3px}@media(max-width:720px){.legal-nav,.legal-hero,.legal-content-wrap,.legal-footer{width:min(100% - 28px,1080px)}.legal-nav{min-height:66px}.legal-hero{padding:28px 0 35px}.legal-content-wrap{display:block;padding-bottom:46px}.legal-aside{position:static;margin-bottom:20px}.legal-document{padding:23px 20px;border-radius:14px}.legal-section+.legal-section{margin-top:30px;padding-top:30px}.legal-footer{flex-direction:column}}}@layer pages{.trk-page{min-height:100vh;background:var(--bg-gradient);display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px;position:relative;overflow-x:hidden;touch-action:pan-y}.trk-page--embedded{min-height:auto;align-items:stretch;background:transparent;padding:0}.trk-page--embedded .trk-header{text-align:left;margin-bottom:20px}.trk-page--embedded .trk-headline{font-size:1.75rem}.trk-page--embedded .trk-search-form,.trk-page--embedded .trk-card,.trk-page--embedded .trk-not-found,.trk-page--embedded .trk-empty{max-width:none}.trk-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.trk-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(22,163,74,.06) 0%,transparent 65%);top:-180px;right:-140px;animation:float 9s ease-in-out infinite}.trk-orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(45,90,138,.12) 0%,transparent 65%);bottom:-120px;left:-100px;animation:float 12s ease-in-out infinite reverse}.trk-orb-3{width:220px;height:220px;background:radial-gradient(circle,rgba(22,163,74,.04) 0%,transparent 65%);top:42%;left:5%;animation:float 7s ease-in-out infinite 1.5s}.trk-header{text-align:center;margin-bottom:36px;position:relative;z-index:1;width:100%}.trk-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:20px;transition:opacity .2s}.trk-brand:hover{opacity:.85}.trk-brand-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #16a34a59}.trk-brand-name{font-size:1.375rem;font-weight:900;letter-spacing:-.02em}.trk-brand-cargo{color:var(--text)}.trk-brand-express{color:var(--primary-text)}.trk-headline{font-size:2.25rem;font-weight:900;color:var(--text);letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}.trk-subheadline{font-size:1rem;color:var(--text-secondary);font-weight:400;line-height:1.5}.trk-search-form{width:100%;max-width:580px;margin-bottom:32px;position:relative;z-index:1}.trk-search-box{display:flex;align-items:center;background:var(--surface);color:var(--text);border-radius:var(--radius-full);padding:6px 6px 6px 18px;border:1px solid var(--border);box-shadow:var(--shadow-md);transition:var(--transition)}.trk-search-box:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 3px var(--primary-glow)}.trk-search-box--loading{opacity:.8}.trk-search-icon{color:var(--text-tertiary);flex-shrink:0}.trk-search-input{flex:1;min-width:0;border:none;background:none;padding:12px 10px;font-size:1rem;font-weight:600;color:var(--text);outline:none;letter-spacing:.04em;touch-action:manipulation}.trk-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.trk-clear-btn{background:var(--border-light);border:none;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem;font-weight:700;flex-shrink:0;margin-right:6px;touch-action:manipulation;transition:var(--transition-fast)}.trk-clear-btn:hover{background:var(--border);color:var(--text)}.trk-search-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition);flex-shrink:0;box-shadow:var(--shadow-primary);min-width:88px;justify-content:center}.trk-search-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:translateY(-1px);filter:brightness(1.06)}.trk-search-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.trk-search-btn:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.trk-not-found{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:48px 32px;text-align:center;max-width:480px;width:100%;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.trk-not-found-icon{width:64px;height:64px;border-radius:50%;background:var(--error-bg);border:1px solid var(--error-glow);color:var(--error-text-strong);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.trk-not-found-title{font-size:1.25rem;font-weight:800;color:var(--text);margin-bottom:8px}.trk-not-found-msg{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.trk-retry-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:9px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.trk-retry-btn:hover{background:var(--border-light)}.trk-rate-limit-card{background:var(--surface);border:1.5px solid var(--warning);border-radius:var(--radius-2xl);padding:40px 28px;text-align:center;max-width:480px;width:100%;position:relative;z-index:1;box-shadow:var(--shadow-lg),0 0 20px rgba(var(--warning-rgb),.15)}.trk-rate-limit-icon{width:68px;height:68px;border-radius:50%;background:rgba(var(--warning-rgb),.12);border:1px solid rgba(var(--warning-rgb),.3);color:var(--warning-text);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.trk-rate-limit-title{font-size:1.3rem;font-weight:800;color:var(--text);margin-bottom:8px}.trk-rate-limit-msg{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.trk-countdown-badge{display:inline-flex;align-items:center;gap:8px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:var(--warning-text);padding:8px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.trk-card{width:100%;max-width:680px;background:var(--surface);color:var(--text);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-light);position:relative;z-index:1;touch-action:pan-y;-webkit-overflow-scrolling:touch;animation:authCardIn .5s cubic-bezier(.34,1.56,.64,1)}.trk-status-banner{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:2px solid;gap:16px;flex-wrap:wrap}.trk-status-left{display:flex;align-items:center;gap:14px}.trk-status-icon-wrap{width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.trk-status-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:3px}.trk-status-value{font-size:1.25rem;font-weight:900;letter-spacing:-.02em}.trk-tracking-num{text-align:right}.trk-tracking-num-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:3px}.trk-tracking-num-value{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:.04em;font-variant-numeric:tabular-nums}.trk-eta-banner{display:flex;align-items:center;gap:12px;padding:14px 24px;background:linear-gradient(90deg,var(--primary-bg),transparent);border-bottom:1px solid var(--border-light)}.trk-eta-icon{width:34px;height:34px;border-radius:var(--radius-sm);flex-shrink:0;background:var(--primary-icon-bg);color:var(--primary);display:flex;align-items:center;justify-content:center}.trk-eta-text{display:flex;flex-direction:column;gap:1px;min-width:0}.trk-eta-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.trk-eta-value{font-size:1rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.trk-eta-caveat{margin-left:auto;flex-shrink:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--bg-secondary);padding:3px 8px;border-radius:var(--radius-full)}.trk-timestamp-live{color:var(--primary-text)}.trk-timestamp-live svg{animation:none}.trk-progress-wrap{display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid var(--border-light);background:var(--bg)}.trk-progress-bar{flex:1;height:6px;background:var(--border-light);border-radius:999px;overflow:hidden}.trk-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:999px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.trk-progress-pct{font-size:.72rem;font-weight:700;color:var(--primary-text);white-space:nowrap;min-width:76px;text-align:right}.trk-timeline-wrap{padding:20px 24px 8px;border-bottom:1px solid var(--border-light)}.trk-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:14px}.trk-info-section{padding:20px 24px}.trk-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trk-info-tile{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;transition:var(--transition)}.trk-info-tile:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.trk-info-tile-icon{width:30px;height:30px;border-radius:var(--radius-sm);flex-shrink:0;background:var(--primary-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center}.trk-info-tile-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:4px}.trk-info-tile-value{font-size:.9rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.trk-info-tile-meta{display:flex;align-items:center;gap:4px;font-size:.775rem;color:var(--text-secondary);margin-top:3px}.trk-route-arrow{color:var(--text-tertiary);flex-shrink:0}.trk-card-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--border-light);background:var(--bg);flex-wrap:wrap;gap:6px}.trk-timestamp{display:flex;align-items:center;gap:5px;font-size:.73rem;color:var(--text-secondary)}.trk-empty{width:100%;margin-inline:auto;text-align:center;padding:20px 24px 0;position:relative;z-index:1;max-width:420px}.trk-empty-icon{margin:0 auto 20px;color:var(--primary-text);display:flex;align-items:center;justify-content:center}.trk-empty-title{font-size:1.25rem;font-weight:800;color:var(--text);margin-bottom:10px}.trk-empty-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin-bottom:24px}.trk-empty-tips{display:flex;flex-direction:column;gap:8px}.trk-empty-tip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;font-size:.825rem;color:var(--text-secondary);text-align:left}.trk-footer{margin-top:36px;text-align:center;color:var(--text-tertiary);font-size:.825rem;position:relative;z-index:1;line-height:1.8}.trk-footer-link{color:var(--primary-text-strong);font-weight:700;text-decoration:none;transition:opacity .2s}.trk-footer-link:hover{opacity:.8}.trk-footer-copy{font-size:.75rem}@media(max-width:640px){.trk-page{padding:28px 16px 48px}.trk-headline{font-size:1.625rem}.trk-search-box{padding:5px 5px 5px 14px;border-radius:var(--radius-xl)}.trk-search-btn{padding:11px 18px;font-size:.85rem}.trk-status-banner{flex-direction:column;align-items:flex-start}.trk-tracking-num{text-align:left}.trk-info-grid{grid-template-columns:1fr}.trk-card-footer{flex-direction:column;align-items:flex-start}.trk-progress-wrap{padding:12px 20px}.trk-timeline-wrap,.trk-info-section{padding-left:16px;padding-right:16px}}@media(max-width:380px){.trk-headline{font-size:1.375rem}.trk-status-banner{padding:18px 20px}}.public-about-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-gradient, var(--bg));overflow-x:hidden}.public-about-header{background:linear-gradient(135deg,#0B1929,var(--accent),#2D5A8A);padding:20px 24px;color:#fff}.public-about-header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-about-brand{display:flex;align-items:center;gap:10px;min-width:0}.public-about-brand h1{font-size:1.125rem;font-weight:900;margin:0;overflow-wrap:anywhere}.public-about-brand-accent{color:var(--primary-light)}.public-about-back{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 0;font-size:.875rem;font-weight:600;opacity:.9;white-space:nowrap}.public-about-contact-link{color:var(--info-text);display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none}.public-about-hero{border-radius:0;padding:56px 24px;text-align:center;background:linear-gradient(135deg,#0F172A,var(--accent),var(--primary));color:#fff}.public-about-hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:900;margin-bottom:12px;position:relative;overflow-wrap:anywhere;color:#fff}.public-about-hero p{font-size:1.0625rem;color:#ffffffdb;max-width:600px;margin:0 auto;line-height:1.65;position:relative}.public-about-feature-wrap{max-width:960px;margin:-32px auto 0;padding:0 20px;width:100%;position:relative;z-index:2}.public-about-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.public-about-content-grid{max-width:960px;width:100%;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}@media(max-width:640px){.public-about-header{padding:18px 20px}.public-about-header-inner{align-items:flex-start;flex-wrap:wrap}.public-about-back{font-size:.8rem;white-space:normal}.public-about-hero{padding:48px 20px 42px}.public-about-hero h1{font-size:1.75rem;line-height:1.15}.public-about-hero p{font-size:.95rem}.public-about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-about-feature-grid .card{min-width:0;padding:16px 12px}.public-about-content-grid{grid-template-columns:minmax(0,1fr);padding:28px 20px;gap:20px}.public-about-contact-card{position:static;top:auto}}@media(max-width:380px){.public-about-feature-grid{grid-template-columns:minmax(0,1fr)}}}@layer pages{.alert-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:16px;animation:slideDown .3s ease}.alert-banner svg{flex-shrink:0}.alert-banner-success{background:var(--success-bg);color:var(--success-text);border:1px solid rgba(var(--success-rgb),.35)}.alert-banner-error{background:var(--error-bg);color:var(--error-text-strong);border:1px solid rgba(var(--error-rgb),.35)}.alert-banner-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid rgba(var(--warning-rgb),.35)}.alert-banner-info{background:var(--info-bg);color:var(--info-dark);border:1px solid rgba(var(--info-rgb),.35)}.alert-banner .alert-dismiss{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;transition:var(--transition-fast);padding:2px}.alert-banner .alert-dismiss:hover{opacity:1}.typing-indicator{display:flex;gap:4px;padding:10px 14px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);width:fit-content}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.notification-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:24px;border:1px solid var(--border-light);background:var(--customer-panel);transition:var(--transition);cursor:default;margin-bottom:8px;width:100%;color:inherit;text-align:left}.notification-card-action{cursor:pointer}.notification-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.notification-card.unread{background:linear-gradient(135deg,var(--customer-green-soft),color-mix(in srgb,var(--customer-panel-solid) 90%,transparent));border-color:color-mix(in srgb,var(--customer-green) 24%,transparent)}.notification-card.unread .notification-icon-wrap{background:linear-gradient(135deg,var(--customer-green),#10B981);color:#fff}.notification-icon-wrap{width:40px;height:40px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary);flex-shrink:0;transition:var(--transition)}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:6px}.notification-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.notification-time{font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;animation:breathe 2s ease-in-out infinite}.notification-date-separator{font-size:.75rem;font-weight:900;color:var(--customer-muted);text-transform:uppercase;letter-spacing:.09em;padding:12px 0 8px;margin-top:8px;border-bottom:0}.notification-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.notification-clear-all-btn{color:var(--error-text)}.notification-clear-all-btn:hover{background:var(--error-bg)}.notification-swipe-container{position:relative;overflow:hidden;border-radius:24px;margin-bottom:8px;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;max-height:200px}.notification-swipe-container .notification-card{margin-bottom:0;position:relative;z-index:2}.notification-delete-backdrop{position:absolute;top:0;right:0;bottom:0;width:120px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.8125rem;font-weight:700;letter-spacing:.02em;border-radius:0 24px 24px 0;z-index:1;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.notification-exit{animation:notificationSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes notificationSlideOut{0%{max-height:200px;opacity:1;transform:translate(0)}50%{opacity:0;transform:translate(-100%)}to{max-height:0;opacity:0;margin-bottom:0;padding:0;transform:translate(-100%)}}.notification-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease;flex-shrink:0;align-self:center}.notification-card:hover .notification-delete-btn,.notification-card:focus-within .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:var(--error-bg);color:var(--error-text-strong);transform:scale(1.1)}.notification-delete-btn:active{transform:scale(.95)}.notification-swipe-hint{display:none;text-align:center;font-size:.7rem;color:var(--customer-muted);padding:0 0 8px;letter-spacing:.04em;opacity:.7;animation:notificationHintFade 4s ease forwards}.notification-modal.announcement-modal{max-width:460px;text-align:left;padding:28px 24px 20px}.announcement-modal-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-right:40px}.announcement-modal-title{font-size:1.125rem;font-weight:800;color:var(--text);line-height:1.35;margin:12px 0 6px}.announcement-modal-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-tertiary)}.announcement-modal-body{max-height:46vh;overflow-y:auto;margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--border-light)}.announcement-modal-content{margin:0;font-size:.875rem;line-height:1.65;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.announcement-modal-loading,.announcement-modal-missing{display:flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;color:var(--text-tertiary)}.notification-load-more{display:flex;justify-content:center;padding:18px 0 8px}.notification-load-more .btn{min-width:172px;justify-content:center}@keyframes notificationHintFade{0%,80%{opacity:.7}to{opacity:0;display:none}}.notification-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalOverlayIn .25s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.notification-modal{position:relative;width:100%;max-width:380px;background:var(--customer-panel-solid);border:1px solid var(--border-light);border-radius:28px;padding:32px 28px 24px;box-shadow:var(--shadow-xl);text-align:center;animation:modalCardIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalCardIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:14px;border:none;background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.notification-modal-close:hover{background:var(--border);color:var(--text)}.notification-modal-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.notification-modal-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px}.notification-modal-message{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.notification-modal-actions{display:flex;gap:10px;justify-content:center}.notification-modal-actions .btn{min-width:100px;font-weight:600}@media(max-width:768px){.notification-swipe-hint{display:block}.notification-delete-btn{display:none}}@media(min-width:769px){.notification-swipe-hint{display:none}}.announcement-comments{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-light)}.announcement-comments-heading{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.announcement-comments-empty{margin:8px 0 0;font-size:.8125rem;color:var(--text-tertiary)}.announcement-comment-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.announcement-comment-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.announcement-comment-author{font-size:.8125rem;font-weight:700;color:var(--text)}.announcement-comment-time{font-size:.6875rem;color:var(--text-tertiary)}.announcement-comment-text{margin:2px 0 0;font-size:.8125rem;line-height:1.55;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.announcement-comment-form{display:flex;align-items:center;gap:8px;margin-top:12px}.announcement-comment-form .form-input{flex:1 1 auto;min-width:0}.announcement-comment-form .btn{flex:0 0 auto}.announcement-comment-form .form-input:focus{border-color:var(--border-hover);box-shadow:none}.announcement-comment-form .form-input:focus-visible{outline:2px solid var(--border-hover);outline-offset:1px}}@layer pages{.chat-timestamp{font-size:.625rem;color:var(--text-tertiary);margin-top:4px;opacity:.7}.chat-bubble-wrap.user .chat-timestamp{text-align:right}.support-chat-page{display:flex;flex-direction:column;height:calc(100vh - 160px - var(--keyboard-inset, 0px));height:calc(100dvh - 160px - var(--keyboard-inset, 0px));min-height:0;min-width:0}@supports (height: 100dvh){.support-chat-page{height:calc(100dvh - 160px - var(--keyboard-inset, 0px))}}.support-chat-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--customer-panel-solid) 88%,var(--bg) 12%);border:1px solid var(--customer-line, var(--border-light));border-radius:24px;box-shadow:var(--customer-shadow-soft)}.support-chat-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:10px 12px;background:color-mix(in srgb,var(--customer-panel-solid) 94%,transparent);border-bottom:1px solid var(--customer-line, var(--border-light));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.support-chat-header-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--customer-green),#10B981);color:#fff}.support-chat-header-text{min-width:0;flex:1 1 auto}.support-chat-header-title{margin:0;font-size:1rem;font-weight:800;line-height:1.2;color:var(--customer-ink, var(--text))}.support-chat-header-subtitle{margin:2px 0 0;font-size:.75rem;line-height:1.3;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-chat-header-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.support-chat-header-close:hover{background:var(--bg-secondary);color:var(--text)}.support-chat-header-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.support-chat-messages{flex:1;min-height:0;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--customer-green-soft) 42%,transparent),transparent 44%),transparent;padding:16px;border:none;border-radius:0;margin-bottom:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;container-name:support-chat}.support-chat-messages.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center}.support-chat-messages.is-empty>.empty-state-premium{min-height:0;max-width:520px;padding:24px 16px}.support-chat-input-area{display:flex;gap:8px;align-items:flex-end;flex:0 0 auto;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--customer-panel-solid) 92%,transparent);border:none;border-top:1px solid var(--customer-line);border-radius:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:4;min-width:0}.support-chat-textarea{flex:1 1 0;min-width:0;resize:none;overflow-y:auto;border-radius:18px;padding:12px 18px;line-height:1.4;min-height:48px;max-height:120px;font-size:.9375rem}.support-chat-input-area .chat-send-btn{width:44px;height:44px;flex-shrink:0;margin-bottom:2px}.support-message-row{width:100%;display:flex;align-items:flex-end;gap:8px;margin-bottom:8px}.support-message-row.is-me{justify-content:flex-end}.support-message-row.is-admin{justify-content:flex-start}.support-message-stack{display:flex;flex-direction:column;max-width:min(70%,640px);min-width:0}.support-message-row.is-me .support-message-stack{align-items:flex-end}.support-message-row.is-admin .support-message-stack{align-items:flex-start}.support-message-bubble{width:fit-content;max-width:100%;padding:10px 14px;border-radius:16px;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.support-message-bubble.user-bubble{border-radius:16px 16px 4px}.support-message-bubble.bot-bubble,.support-message-bubble.admin-bubble{border-radius:16px 16px 16px 4px}.support-load-older{display:flex;justify-content:center;margin-bottom:8px}.support-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 8px;position:relative}.support-date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--customer-line)}.support-date-divider-label{position:relative;z-index:1;padding:3px 12px;border:1px solid var(--customer-line);border-radius:var(--radius-full);background:var(--customer-panel-solid);color:var(--customer-muted);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.support-message-bubble.is-failed{opacity:.8;border:1px dashed var(--error)}.chat-msg-failed-actions{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0 4px;font-size:.6875rem;color:var(--error-text)}.chat-msg-failed-actions button{background:none;border:none;padding:0;color:var(--error-text);font-size:.6875rem;font-weight:700;text-decoration:underline;cursor:pointer}.chat-msg-failed-actions button:disabled{opacity:.5;cursor:default}@media(max-width:768px){.support-message-stack{max-width:84%}.support-chat-messages{padding:12px}.support-chat-input-area{padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}}@media(max-width:640px){.support-chat-messages{padding:10px}.support-chat-textarea{font-size:16px;padding:10px 14px;border-radius:16px}.chat-waiting-banner,.chat-resolved-banner{padding:8px 12px;font-size:.8125rem;gap:8px}}@media(max-width:480px){.support-chat-messages{padding:8px}.support-chat-shell{border-radius:18px}.support-message-row{gap:6px;margin-bottom:6px}.support-message-bubble{padding:10px 14px;font-size:.875rem;border-radius:16px}.chat-avatar{width:28px;height:28px}.support-chat-input-area .chat-send-btn{width:44px;height:44px}.chat-resolution{gap:6px}.chat-resolution-btn{min-height:44px;padding:0 12px;font-size:.75rem}}@media(max-width:360px){.support-chat-textarea{padding:10px 12px}}.chat-sender-label{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;margin-bottom:3px;padding:0 4px;letter-spacing:.01em}.chat-sender-label svg{flex-shrink:0}.chat-sender-label.bot-label{color:var(--primary-text)}.chat-sender-label.admin-label{color:var(--accent)}.chat-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.chat-avatar.bot-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-light, #34d399))}.chat-avatar.admin-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-light))}.chat-send-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;transition:var(--transition-fast);border-radius:999px;background:var(--primary-fill);color:#fff}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{filter:brightness(1.1);transform:scale(1.05)}.chat-typing-dots{display:flex;gap:4px;padding:12px 16px;background:var(--bg-secondary);border-radius:18px 18px 18px 4px;border:1px solid var(--border-light);width:fit-content}.chat-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}.chat-resolution{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.chat-resolution-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;transition:var(--transition-fast)}.chat-resolution-btn:hover:not(:disabled){background:var(--bg-secondary)}.chat-resolution-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.chat-resolution-btn:disabled{opacity:.6;cursor:not-allowed}.chat-resolution-btn.is-escalate{border-color:var(--primary);color:var(--primary-text)}.chat-resolution-btn.is-escalate:hover:not(:disabled){background:var(--primary-bg)}.chat-waiting-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:12px;border-radius:var(--radius-sm);background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--border-light);font-size:.875rem;font-weight:500;animation:slideDown .3s ease}.chat-resolved-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:12px;border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success-text);border:1px solid var(--border-light);font-size:.875rem;font-weight:500;animation:slideDown .3s ease}.support-chat-shell>.chat-waiting-banner,.support-chat-shell>.chat-resolved-banner{flex:0 0 auto;margin-bottom:0;border-radius:0;border-width:0 0 1px 0}.inbox-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.inbox-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.inbox-conv-waiting .inbox-conversation-name{font-weight:700;color:var(--text)}.inbox-waiting-banner{display:flex;align-items:center;gap:8px;padding:10px 20px 0;color:var(--warning-text);font-size:.78rem;font-weight:500}.inbox-filter-tabs{display:flex;background:var(--bg-secondary);padding:3px;border-radius:var(--radius-sm);gap:4px}.inbox-filter-tab-btn{flex:1;font-size:.72rem;padding:6px 8px;border-radius:var(--radius-xs);border:none;font-weight:600;text-transform:capitalize;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.inbox-filter-tab-btn.active{background:var(--surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.inbox-filter-count{display:inline-block;margin-left:4px;font-variant-numeric:tabular-nums;opacity:.65}.inbox-filter-tab-btn.has-waiting{color:var(--warning-text)}.inbox-filter-tab-btn.has-waiting .inbox-filter-count{opacity:1;font-weight:700}.inbox-filter-tab-btn.active.has-waiting{color:var(--warning-text)}.inbox-wait-age{font-size:.68rem;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.inbox-wait-age.overdue{color:var(--error-text)}.inbox-msg-bubble-admin{padding:10px 14px;line-height:1.5;overflow-wrap:break-word;box-shadow:0 1px 2px #0000000d;background:var(--accent);color:#fff;border-radius:16px 16px 4px;border:none}.inbox-msg-bubble-customer{padding:10px 14px;line-height:1.5;overflow-wrap:break-word;box-shadow:0 1px 2px #0000000d;background:var(--surface);color:var(--text);border-radius:16px 16px 16px 4px;border:1px solid var(--border-light)}.inbox-msg-bubble-bot{padding:10px 14px;line-height:1.5;overflow-wrap:break-word;box-shadow:0 1px 2px #0000000d;background:var(--bg-secondary);color:var(--text);border-radius:16px 16px 16px 4px;border:1px solid var(--border-light)}.inbox-search-box{padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;gap:8px}.inbox-search-box input{background:transparent;border:none;width:100%;outline:none;font-size:.82rem;padding:0;color:var(--text)}.inbox-message-row{display:flex;margin-bottom:12px}.inbox-message-row.is-admin{justify-content:flex-end}.inbox-message-row.is-other{justify-content:flex-start}.inbox-msg-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-light);align-self:flex-end;margin-bottom:18px}.inbox-msg-avatar.is-bot{background:var(--bg-secondary)}.inbox-msg-avatar.is-customer{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.inbox-msg-sender-label{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--text-tertiary);margin-bottom:3px;padding-left:4px}.inbox-msg-sender-label svg{flex-shrink:0}.inbox-msg-sender-label.is-admin{display:flex;justify-content:flex-end;padding-right:4px;padding-left:0;font-weight:600}.inbox-msg-timestamp{font-size:.6875rem;color:var(--text-tertiary);margin-top:4px;padding:0 4px}.inbox-msg-timestamp.is-admin{text-align:right}.inbox-msg-timestamp.is-other{text-align:left}.inbox-conversation-name.is-closed{opacity:.6}.inbox-conversation-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.inbox-header-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.inbox-chat-header-identity{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.inbox-chat-user-name{font-size:1.0625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-chat-user-sub{font-size:.8125rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inbox-avatar-initials{color:var(--text-secondary);font-weight:700;font-size:.875rem}.inbox-avatar-initials.active{color:#fff}.admin-inbox-page{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(100dvh - 120px);min-height:560px}.inbox-layout{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--surface);border-radius:var(--radius-lg)}.inbox-sidebar{width:clamp(260px,28%,320px);border-right:1px solid var(--border-light);display:flex;flex-direction:column;min-height:0}.inbox-sidebar-header{padding:18px 20px 14px;display:flex;flex-direction:column;gap:10px}.inbox-conversation-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.inbox-conversation-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .12s ease}.inbox-conversation-item:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.inbox-conversation-item.active,.inbox-conversation-item.active:hover{background:color-mix(in srgb,var(--text) 9%,transparent)}.inbox-conversation-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0;position:relative}.inbox-conversation-info{flex:1;min-width:0}.inbox-conversation-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-conv-preview{font-size:.78125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.inbox-conversation-date{font-size:.75rem;color:var(--text-tertiary)}.inbox-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);display:inline-block;flex-shrink:0;box-shadow:0 0 0 2px var(--surface)}.inbox-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 8px;position:relative}.inbox-date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-light);z-index:1}.inbox-date-divider-label{position:relative;z-index:2;background:var(--bg-secondary);color:var(--text-tertiary);font-size:.6875rem;font-weight:600;padding:3px 12px;border-radius:var(--radius-full);border:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.04em}.btn-resolve-success{background:var(--success-fill);color:#fff;border:none}.btn-resolve-success:hover{background:#059669;box-shadow:0 2px 8px #10b98140}.inbox-chat-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-chat-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:wrap}.inbox-chat-header-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.inbox-chat-user-meta{flex:1;min-width:0}.inbox-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--bg);min-height:0;overscroll-behavior:contain}.inbox-message-stack{max-width:min(70%,640px);min-width:0}.inbox-chat-messages>.inbox-empty-state{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.inbox-chat-input-area{display:flex;align-items:flex-end;gap:10px;padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-light);background:var(--surface)}.inbox-chat-input-area .btn{flex-shrink:0}.inbox-load-older{display:flex;justify-content:center}.inbox-msg-bubble-admin.is-failed{opacity:.75;border:1px dashed var(--error)}.inbox-msg-failed-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;padding:0 4px;font-size:.6875rem;color:var(--error-text)}.inbox-msg-failed-actions button{background:none;border:none;padding:0;color:var(--error-text);font-size:.6875rem;font-weight:700;text-decoration:underline;cursor:pointer}.inbox-msg-failed-actions button:disabled{opacity:.5;cursor:default}.inbox-textarea{min-width:0;resize:none;overflow-y:auto;padding-top:10px;padding-bottom:10px;border-radius:8px;line-height:1.4}.inbox-send-btn{height:42px;display:flex;align-items:center;justify-content:center}.inbox-mobile-back-btn{display:none}@media(max-width:768px){.admin-inbox-page{height:calc(100vh - 96px);height:calc(100dvh - 96px);min-height:0}.inbox-mobile-back-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;margin-right:4px;border-radius:8px;transition:var(--transition)}.inbox-mobile-back-btn:hover{background:var(--bg-secondary)}.inbox-layout:not(.has-active-conv) .inbox-sidebar{display:flex;flex:1;width:100%;max-height:none;border-right:0}.inbox-layout:not(.has-active-conv) .inbox-chat-area{display:none}.inbox-layout.has-active-conv .inbox-sidebar{display:none}.inbox-layout.has-active-conv .inbox-chat-area{display:flex;flex:1;min-height:0}.inbox-message-stack{max-width:84%}.inbox-chat-header,.inbox-chat-input-area{padding:12px 14px}.inbox-chat-input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.inbox-chat-header{flex-wrap:nowrap}.inbox-chat-header-identity{flex:1 1 0;min-width:0;gap:8px}.inbox-header-avatar{display:none}.inbox-chat-user-name{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.inbox-chat-header-actions{width:auto;flex:0 0 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end}}.inbox-queue-line{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:.78rem;font-weight:500}.inbox-queue-line.has-waiting{color:var(--warning-text);font-weight:600}.inbox-queue-line strong{font-variant-numeric:tabular-nums}.inbox-show-resolved{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:32px;padding:4px 6px;border-radius:var(--radius-xs);transition:background .15s ease}.inbox-show-resolved:hover{background:var(--bg-secondary)}.inbox-show-resolved input{cursor:pointer;margin:0;width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}@media(max-width:480px){.inbox-show-resolved{min-height:36px;font-size:.8125rem}.inbox-show-resolved input{width:18px;height:18px}}.activity-logs-hide-logins{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.activity-logs-hide-logins input{cursor:pointer;margin:0;width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}.inbox-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.inbox-close-btn:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.inbox-close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.inbox-actions-desktop{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inbox-resolve-quick{display:none}.inbox-resolve-quick{align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success-text);cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.inbox-resolve-quick:hover{background:color-mix(in srgb,var(--success) 20%,var(--surface))}.inbox-resolve-quick:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:768px){.inbox-actions-desktop{display:none}.inbox-resolve-quick{display:flex}.inbox-chat-user-email{min-width:0;flex:0 1 auto}}.inbox-conv-preview.is-match{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-style:italic}.inbox-conv-preview.is-match>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-conv-preview.is-empty{color:var(--text-tertiary);font-style:italic}.inbox-match-count{flex-shrink:0;font-size:.62rem;font-weight:700;font-style:normal;color:var(--text-tertiary)}.message-customer-btn{min-height:28px;padding:4px 8px;gap:5px;font-size:.75rem;border-radius:var(--radius-xs);color:var(--text-tertiary);flex-shrink:0;vertical-align:middle}.message-customer-btn:hover{background:var(--primary-bg);color:var(--primary-text)}.message-customer-btn svg{flex-shrink:0}.customer-detail-head .message-customer-btn{min-height:40px;padding:8px 16px;font-size:.8125rem;font-weight:700;color:var(--primary-text);background:var(--primary-bg);border-radius:var(--radius-sm)}.customer-detail-head .message-customer-btn:hover{box-shadow:inset 0 0 0 1px var(--primary)}@media(max-width:480px){.customer-detail-head .message-customer-btn{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.message-customer-btn{min-height:32px;padding:6px 10px}}@media(max-width:480px){.inbox-sidebar-header{padding:14px 14px 10px;gap:8px}.inbox-queue-line{font-size:.75rem}.inbox-conversation-item{padding:12px 14px;gap:10px}.inbox-conversation-avatar{width:36px;height:36px;font-size:.8125rem}.inbox-conversation-name{font-size:.8125rem}.inbox-conv-preview{font-size:.75rem}}@media(max-width:360px){.inbox-sidebar-header{padding:12px 12px 8px}.inbox-conversation-item{padding:10px 12px}.inbox-search-box{padding:6px 8px}.inbox-search-box input{font-size:.8rem}}@media(min-width:1440px){.support-chat-messages{padding:20px}.inbox-chat-messages{padding:24px}}@media(min-width:1920px){.support-chat-page,.admin-inbox-page{max-width:1400px;margin-inline:auto}}}@layer pages{.profile-card-premium{border-radius:30px;overflow:visible;background:var(--customer-panel);box-shadow:var(--customer-shadow);border:1px solid var(--border-light)}.profile-card-banner{height:132px;background:linear-gradient(135deg,var(--customer-green-dark),var(--customer-green));position:relative}.profile-card-avatar{width:82px;height:82px;border-radius:50%;background:var(--primary-fill);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:800;border:4px solid var(--surface);box-shadow:0 16px 32px #128a5a3d;position:relative;margin-top:-36px;margin-left:auto;margin-right:auto}.profile-card-info{text-align:center;padding:12px 24px 24px}.profile-card-name{font-size:1.125rem;font-weight:700;margin-bottom:2px}.profile-card-email{font-size:.8125rem;color:var(--text-secondary)}.profile-card-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary-text);font-size:.75rem;font-weight:600;margin-top:8px}.profile-menu-item{display:flex;align-items:center;gap:14px;padding:16px 18px;font-size:.9375rem;font-weight:500;color:var(--customer-ink);text-decoration:none;border-bottom:1px solid var(--customer-line);transition:var(--transition-fast);cursor:pointer;background:var(--customer-panel);border-left:none;border-right:none;border-top:none;width:100%;text-align:left}.profile-menu-item:hover{background:var(--customer-green-soft);color:var(--customer-green-dark)}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item svg{color:var(--text-tertiary);flex-shrink:0}.profile-menu-item:hover svg{color:var(--primary)}.profile-menu-item .menu-arrow{margin-left:auto;color:var(--text-tertiary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.section-title{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.section-subtitle{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}}@layer pages{@media(hover:none)and (pointer:coarse){.inbox-search-box input,.inbox-textarea,.form-input,.form-select,.form-textarea,.form-control,.login-right-panel .form-input,.auth-page .form-input,.search-box input{font-size:16px}.inbox-mobile-back-btn{min-width:44px;min-height:44px;padding:10px}.btn-sm{min-height:44px;padding:10px 16px}.inbox-filter-tab-btn{min-height:40px;padding:8px}.inbox-chat-header-actions .btn{min-height:44px}}}@layer pages{.payment-method-bar{display:flex;align-items:center;gap:12px;padding:10px 0}.report-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.report-period-tabs{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.report-period-tab{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;font-family:inherit}.report-period-tab:hover{background:var(--surface);color:var(--text)}.report-period-tab.active{background:var(--surface);color:var(--primary-text);font-weight:600;box-shadow:var(--shadow-sm)}.report-custom-range{display:flex;align-items:flex-end;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.report-date-inputs{display:flex;gap:12px;flex:1;min-width:min(300px,100%)}.report-date-inputs .form-group{flex:1;margin-bottom:0}.report-custom-range>.form-error{flex-basis:100%;margin:-4px 0 0}.report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;font-family:var(--font-sans);color:var(--text)}.report-table--wide{min-width:640px}@media(max-width:900px){.report-table--wide{min-width:0}}.report-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg);white-space:nowrap;position:sticky;top:0;z-index:1}.report-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text);vertical-align:middle;transition:var(--transition-fast)}.report-table tbody tr{transition:var(--transition-fast)}.report-table tbody tr:hover{background:var(--primary-bg)}.report-table-striped tbody tr:nth-child(2n){background:var(--bg-secondary)}.report-table-striped tbody tr:nth-child(2n):hover{background:var(--primary-bg)}.report-table td.num,.report-table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.app-layout .report-table th{background:color-mix(in srgb,var(--admin-green-soft) 72%,var(--admin-panel-solid) 28%);color:var(--admin-green-dark);font-weight:900;letter-spacing:.07em;border-bottom-color:var(--admin-line)}.app-layout .report-table td{border-bottom-color:var(--admin-line)}.app-layout .report-table tbody tr:hover{background:color-mix(in srgb,var(--admin-green-soft) 62%,transparent)}.report-financial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-financial-item{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.report-financial-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.report-financial-value{font-family:var(--font-sans);font-size:1.125rem;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.01em}.report-financial-value.text-error{color:var(--error-text-strong)}.report-financial-value.text-success{color:var(--success-text)}.report-table td.text-primary{color:var(--primary-text-strong)}.report-table td.fw-600{font-weight:600}.report-table td.text-secondary{color:var(--text-secondary)}.report-table .report-mono{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--primary-text-strong)}.report-financial-sublabel{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.report-payment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;min-width:0}.report-payment-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.report-payment-amount{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:900px){.report-controls{flex-direction:column;align-items:stretch}.report-controls .flex{width:100%;flex-wrap:wrap;justify-content:flex-start}.report-controls .btn{flex:1 1 auto;min-width:0;justify-content:center}}@media(max-width:768px){.report-custom-range{flex-direction:column;align-items:stretch}.report-date-inputs{min-width:unset;flex-direction:column}.report-financial-grid{grid-template-columns:1fr}.report-period-tabs{gap:4px}.report-period-tab{padding:6px 12px;font-size:.8rem}.report-controls h1.admin-page-title{font-size:1.25rem}}@media(max-width:480px){.report-financial-item{padding:12px 14px}.report-financial-value{font-size:1rem}.report-payment-row{flex-wrap:wrap}.report-payment-row .badge{font-size:.6875rem}}.unsettled-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.unsettled-search-box{flex:0 1 260px;width:260px;max-width:260px;min-width:0}.unsettled-search-box input{width:100%}@media(max-width:640px){.unsettled-search-box{flex:1 1 100%;width:100%;max-width:none}}.admin-table-card .pagination-wrap{border-top:1px solid var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md)}.app-layout .admin-table-card .pagination-wrap{border-top-color:var(--admin-line);background:color-mix(in srgb,var(--admin-panel) 88%,var(--bg) 12%)}.report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0;width:100%}@media(max-width:900px){.report-table-wrap{overflow-x:visible}}}@layer pages{.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 70%);opacity:0;transform:scale(0);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease;pointer-events:none}.btn:active:after{opacity:1;transform:scale(2.5);transition:transform 0s,opacity 0s}.form-group:focus-within .form-label{color:var(--primary-text);transition:color .2s ease}.form-input.success{animation:successPulse .4s ease}@keyframes successPulse{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98126}to{box-shadow:0 0 0 3px var(--success-glow)}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.stat-card:hover .stat-value{text-shadow:0 0 20px rgba(255,255,255,.3);transition:text-shadow .3s ease}.data-table tbody tr.clickable:hover{transform:scale(1.002);box-shadow:0 2px 8px #0000000a}.data-table tbody tr.clickable:active{transform:scale(.998);background:var(--primary-lighter)}.page-content>*:first-child{animation:pageEntrance .35s cubic-bezier(.22,1,.36,1)}@keyframes pageEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.badge:hover{filter:brightness(1.08);box-shadow:0 2px 8px #00000014;transition:filter .2s ease,box-shadow .2s ease}.btn-icon:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:scale(1.08)}.btn-icon:active{transform:scale(.95)}.loading-screen .spinner{filter:drop-shadow(0 0 12px var(--primary-glow))}.toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}}@layer pages{@media(max-width:768px){.grid{gap:16px}.stat-card{display:flex;align-items:center;gap:16px}.stat-card .stat-icon{position:static;opacity:.5}}@media(max-width:360px){.page-content{padding:12px}.btn-lg{padding:12px 20px;font-size:.9375rem}.stat-card .stat-value{font-size:1.375rem}.confirm-modal{padding:20px;margin:12px}}@media(max-width:900px){.modal{max-height:calc(100dvh - 24px)}.modal-header{padding:18px 16px;gap:12px}.modal-header h3{min-width:0;overflow-wrap:anywhere}.modal-body{padding:20px 16px}.modal-footer{padding:14px 16px;flex-wrap:wrap}.modal-footer .btn{min-height:44px;flex:1 1 140px;justify-content:center}.pickup-summary-card{flex-wrap:wrap;align-items:flex-start}.pickup-summary-card>div:last-child{width:100%;font-weight:700}.pickup-segment-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.customer-order-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-x:visible;border-bottom:0;margin-bottom:20px}.customer-order-tabs .tab{min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:0;background:var(--surface);display:inline-flex;align-items:center;justify-content:center}.customer-order-tabs .tab:hover{border-radius:var(--radius-full)}.customer-order-tabs .tab.active{border-color:var(--primary);background:var(--primary-bg)}.customer-order-tabs .tab:last-child:nth-child(odd){grid-column:1 / -1}.tabs{width:100%;min-width:0}.tab{flex:0 0 auto}.card,.table-container{min-width:0}}@media(max-width:820px){.data-table thead,.report-table thead{display:none}.data-table,.data-table tbody,.report-table,.report-table tbody{display:block;width:100%;min-width:0}.data-table tbody tr,.report-table tbody tr{display:block;width:100%;min-width:0;padding:16px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.data-table tbody tr:hover,.report-table tbody tr:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-sm)}.data-table--list tbody tr{padding:0;margin-bottom:0;background:transparent;border:0;border-bottom:1px solid var(--border-light);border-radius:0;box-shadow:none}.data-table--list tbody tr:last-child{border-bottom:0}.data-table--list tbody tr:hover{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:none}.data-table--list td:first-child{padding:4px 12px;border-bottom:0;margin-bottom:0}.data-table--list td.empty-state-cell{padding:0}.data-table td,.report-table td{display:grid;grid-template-columns:minmax(86px,108px) minmax(0,1fr);align-items:start;column-gap:12px;width:100%;min-width:0;padding:6px 0;border-bottom:none;text-align:right;white-space:normal;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.45}.data-table td>*,.report-table td>*{min-width:0;justify-self:end;text-align:right;max-width:100%}.data-table td .badge,.report-table td .badge{justify-self:end;width:fit-content;margin-left:auto}.data-table td a,.report-table td a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}.data-table td:first-child,.report-table td:first-child{grid-template-columns:minmax(0,1fr);text-align:left;padding-bottom:10px;border-bottom:1px solid var(--border-light);margin-bottom:6px}.data-table td:first-child>*,.report-table td:first-child>*{justify-self:start;text-align:left}.data-table td:first-child strong,.data-table td:first-child a,.report-table td:first-child strong,.report-table td:first-child a{font-size:.9rem;font-weight:700}.data-table td[data-label]:before,.report-table td[data-label]:before{content:attr(data-label);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);line-height:1.5;min-width:0;text-align:left;align-self:start;padding-top:2px;grid-column:1}.data-table td:first-child:before,.report-table td:first-child:before{display:none}.data-table td[data-label]:not(:first-child)>*,.report-table td[data-label]:not(:first-child)>*{grid-column:2}.data-table td:not([data-label]),.report-table td:not([data-label]){display:block;text-align:left}.data-table td[colspan],.report-table td[colspan]{display:block;width:100%;text-align:center}.data-table td[colspan]:before,.report-table td[colspan]:before{content:none}.data-table td[colspan]>*,.report-table td[colspan]>*{text-align:center}.data-table tfoot,.report-table tfoot{display:block;width:100%}.data-table tfoot tr,.report-table tfoot tr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:700;font-size:.8125rem}.data-table tfoot td,.report-table tfoot td{display:block;padding:0;border:none;font-size:.8125rem;font-weight:700}.data-table tfoot td:before,.report-table tfoot td:before{content:none}.data-table tfoot td.num,.report-table tfoot td.num{margin-left:auto;text-align:right;color:var(--error-text-strong);font-variant-numeric:tabular-nums}.data-table tfoot td:empty,.report-table tfoot td:empty{display:none}.data-table td.num,.report-table td.num,.data-table td.text-right,.report-table td.text-right{font-variant-numeric:tabular-nums;text-align:right}.data-table td:last-child,.report-table td:last-child{padding-top:6px;margin-top:2px;border-top:none}.data-table td[data-label=Action],.report-table td[data-label=Action],.data-table td[data-label=Actions],.report-table td[data-label=Actions]{grid-template-columns:minmax(86px,108px) minmax(0,1fr);padding-top:10px;margin-top:6px;border-top:1px solid var(--border-light);align-items:center}.data-table td[data-label=Action]>*,.report-table td[data-label=Action]>*,.data-table td[data-label=Actions]>*,.report-table td[data-label=Actions]>*{justify-self:end}.data-table td[data-label=Action] .btn:not(.message-customer-btn),.report-table td[data-label=Action] .btn:not(.message-customer-btn),.data-table td[data-label=Actions] .btn:not(.message-customer-btn),.report-table td[data-label=Actions] .btn:not(.message-customer-btn){width:auto;max-width:240px;justify-content:center;flex:0 1 auto}.data-table td[data-label=Actions]>div,.report-table td[data-label=Actions]>div{flex-wrap:wrap;justify-content:flex-end;width:100%;gap:6px}.table-container{overflow-x:visible;border-radius:var(--radius-md);background:transparent;border:none}}@media(max-width:900px){.data-table--wide thead,.report-table--wide thead{display:none}.data-table--wide,.data-table--wide tbody,.report-table--wide,.report-table--wide tbody{display:block;width:100%;min-width:0}.data-table--wide tbody tr,.report-table--wide tbody tr{display:block;width:100%;min-width:0;padding:16px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.data-table--wide tbody tr:hover,.report-table--wide tbody tr:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-sm)}.data-table--wide td,.report-table--wide td{display:grid;grid-template-columns:minmax(86px,108px) minmax(0,1fr);align-items:start;column-gap:12px;width:100%;min-width:0;padding:6px 0;border-bottom:none;text-align:right;white-space:normal;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.45}.data-table--wide td>*,.report-table--wide td>*{min-width:0;justify-self:end;text-align:right;max-width:100%}.data-table--wide td .badge,.report-table--wide td .badge{justify-self:end;width:fit-content;margin-left:auto}.data-table--wide td a,.report-table--wide td a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}.data-table--wide td:first-child,.report-table--wide td:first-child{grid-template-columns:minmax(0,1fr);text-align:left;padding-bottom:10px;border-bottom:1px solid var(--border-light);margin-bottom:6px}.data-table--wide td:first-child>*,.report-table--wide td:first-child>*{justify-self:start;text-align:left}.data-table--wide td:first-child strong,.data-table--wide td:first-child a,.report-table--wide td:first-child strong,.report-table--wide td:first-child a{font-size:.9rem;font-weight:700}.data-table--wide td[data-label]:before,.report-table--wide td[data-label]:before{content:attr(data-label);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);line-height:1.5;min-width:0;text-align:left;align-self:start;padding-top:2px;grid-column:1}.data-table--wide td:first-child:before,.report-table--wide td:first-child:before{display:none}.data-table--wide td[data-label]:not(:first-child)>*,.report-table--wide td[data-label]:not(:first-child)>*{grid-column:2}.data-table--wide td:not([data-label]),.report-table--wide td:not([data-label]){display:block;text-align:left}.data-table--wide td[colspan],.report-table--wide td[colspan]{display:block;width:100%;text-align:center}.data-table--wide td[colspan]:before,.report-table--wide td[colspan]:before{content:none}.data-table--wide td[colspan]>*,.report-table--wide td[colspan]>*{text-align:center}.data-table--wide tfoot,.report-table--wide tfoot{display:block;width:100%}.data-table--wide tfoot tr,.report-table--wide tfoot tr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:700;font-size:.8125rem}.data-table--wide tfoot td,.report-table--wide tfoot td{display:block;padding:0;border:none;font-size:.8125rem;font-weight:700}.data-table--wide tfoot td:before,.report-table--wide tfoot td:before{content:none}.data-table--wide tfoot td.num,.report-table--wide tfoot td.num{margin-left:auto;text-align:right;color:var(--error-text-strong);font-variant-numeric:tabular-nums}.data-table--wide tfoot td:empty,.report-table--wide tfoot td:empty{display:none}.data-table--wide td.num,.report-table--wide td.num,.data-table--wide td.text-right,.report-table--wide td.text-right{font-variant-numeric:tabular-nums;text-align:right}.data-table--wide td:last-child,.report-table--wide td:last-child{padding-top:6px;margin-top:2px;border-top:none}.data-table--wide td[data-label=Action],.report-table--wide td[data-label=Action],.data-table--wide td[data-label=Actions],.report-table--wide td[data-label=Actions]{grid-template-columns:minmax(86px,108px) minmax(0,1fr);padding-top:10px;margin-top:6px;border-top:1px solid var(--border-light);align-items:center}.data-table--wide td[data-label=Action]>*,.report-table--wide td[data-label=Action]>*,.data-table--wide td[data-label=Actions]>*,.report-table--wide td[data-label=Actions]>*{justify-self:end}.data-table--wide td[data-label=Action] .btn:not(.message-customer-btn),.report-table--wide td[data-label=Action] .btn:not(.message-customer-btn),.data-table--wide td[data-label=Actions] .btn:not(.message-customer-btn),.report-table--wide td[data-label=Actions] .btn:not(.message-customer-btn){width:auto;max-width:240px;justify-content:center;flex:0 1 auto}.data-table--wide td[data-label=Actions]>div,.report-table--wide td[data-label=Actions]>div{flex-wrap:wrap;justify-content:flex-end;width:100%;gap:6px}.data-table--wide+.pagination-wrap,.report-table--wide+.pagination-wrap,.admin-table-card:has(.data-table--wide) .pagination-wrap,.admin-table-card:has(.report-table--wide) .pagination-wrap{border-top:1px solid var(--border-light)}.table-container:has(.data-table--wide),.table-container:has(.report-table--wide){overflow-x:visible;border-radius:var(--radius-md);background:transparent;border:none}.table-container:has(.data-table--wide) .data-table--wide,.table-container:has(.report-table--wide) .report-table--wide{min-width:0}}@media(max-width:820px){.status-timeline{overflow-x:visible;overflow-y:visible;touch-action:pan-y;padding:6px 4px 0}.status-timeline-track{min-width:0;flex-direction:column}.status-timeline-step{width:100%;min-height:54px;flex-direction:row;align-items:flex-start;padding-bottom:10px}.status-timeline-line{top:30px;left:15px;width:3px;height:calc(100% - 14px)}.status-timeline-node,.status-timeline-step.active .status-timeline-node{width:30px;height:30px;flex:0 0 30px;margin:0 12px 0 0}.status-timeline-text{flex:1 1 auto;min-width:0;max-width:none;align-items:flex-start;text-align:left;padding-top:5px;padding-right:4px}.status-timeline-label,.status-timeline-step.active .status-timeline-label{text-align:left;font-size:.8125rem;white-space:normal}.status-timeline-time{white-space:normal}.customer-order-detail-header{align-items:flex-start}.customer-contact-grid{grid-template-columns:minmax(0,1fr)}.customer-payment-summary{display:grid;grid-template-columns:minmax(0,1fr);text-align:left}.customer-payment-summary .text-center{display:flex;justify-content:space-between;gap:12px;text-align:left}}}@layer pages{.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.onboarding-enter{animation:onboardFadeIn .4s ease}.onboarding-exit{animation:onboardFadeOut .3s ease forwards}.onboarding-card{background:var(--surface);border-radius:var(--radius-2xl);padding:40px 36px 32px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 25px 80px #0000004d}.onboarding-card-enter{animation:onboardSlideUp .5s cubic-bezier(.34,1.56,.64,1)}.onboarding-card-exit{animation:onboardSlideDown .3s ease forwards}.onboarding-skip{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;min-height:44px;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.onboarding-skip:hover{background:var(--bg-secondary);color:var(--text-secondary)}.onboarding-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;box-shadow:0 8px 30px #00000026;animation:onboardIconPulse 2s ease-in-out infinite}.onboarding-title{font-size:1.375rem;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.02em;line-height:1.3}.onboarding-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px;max-width:340px;margin-left:auto;margin-right:auto}.onboarding-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-dot{width:32px;height:32px;border-radius:50%;border:0;background:transparent;cursor:pointer;padding:0;position:relative;transition:var(--transition)}.onboarding-dot:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid var(--border);background:transparent;transform:translate(-50%,-50%);transition:var(--transition)}.onboarding-dot.active,.onboarding-dot.done{background:transparent}.onboarding-dot.active:after{background:var(--primary);border-color:var(--primary);transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 3px var(--primary-glow)}.onboarding-dot.done:after{background:var(--success);border-color:var(--success)}.onboarding-btn{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-primary);transition:var(--transition)}.onboarding-btn:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-1px);filter:brightness(1.05)}@keyframes onboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardFadeOut{0%{opacity:1}to{opacity:0}}@keyframes onboardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboardSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}@keyframes onboardIconPulse{0%,to{box-shadow:0 8px 30px #00000026}50%{box-shadow:0 8px 40px #00000040,0 0 0 8px #16a34a1a}}@media(max-width:480px){.onboarding-card{padding:32px 24px 28px;border-radius:var(--radius-xl)}.onboarding-icon{width:64px;height:64px;margin-bottom:20px}.onboarding-icon svg{width:28px;height:28px}.onboarding-title{font-size:1.25rem}.onboarding-desc{font-size:.875rem;margin-bottom:24px}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:10001;display:flex;flex-direction:column;animation:lightboxFadeIn .25s ease;user-select:none;-webkit-user-select:none}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:relative;z-index:2}.lightbox-counter{color:#ffffffb3;font-size:.875rem;font-weight:600}.lightbox-actions{display:flex;gap:4px}.lightbox-actions button{width:40px;height:40px;border-radius:var(--radius-sm);background:#ffffff14;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.lightbox-actions button:hover{background:#ffffff2e}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.lightbox-image{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:var(--radius-sm);will-change:transform}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.08)}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-thumbnails{display:flex;gap:8px;justify-content:center;padding:12px 16px;overflow-x:auto}.lightbox-thumb{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;padding:0;border:2px solid transparent;background:none;opacity:.5;transition:var(--transition);flex-shrink:0}.lightbox-thumb:hover{opacity:.8}.lightbox-thumb.active{opacity:1;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.lightbox-thumb img{width:100%;height:100%;object-fit:cover}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.lightbox-nav{width:36px;height:36px}.lightbox-nav svg{width:20px;height:20px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-image{max-width:95vw;max-height:70vh}.lightbox-actions button{width:36px;height:36px}.lightbox-thumb{width:44px;height:44px}}}@layer pages{.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px;min-width:0;flex-wrap:wrap}.admin-page-header>*{min-width:0}.admin-page-header h1,.admin-page-header h2,.admin-page-header h3{overflow-wrap:anywhere}.admin-page-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--text);font-family:var(--font-sans);font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}.admin-page-subtitle{margin-top:5px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;line-height:1.45}.admin-page-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center;margin-bottom:16px}.admin-toolbar .search-box{margin-bottom:0}.admin-table-card{overflow:hidden}.admin-table-card .table-container{border-radius:0}.admin-section-card{border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.admin-section-card .card-header{background:linear-gradient(180deg,var(--surface),var(--bg))}.admin-action-card .card-body{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-action-group{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-detail-item{min-width:0;padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-secondary)}.admin-detail-label{margin-bottom:4px;color:var(--text-tertiary);font-size:.72rem;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}.admin-detail-value{min-width:0;color:var(--text);font-size:.925rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.company-tab-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.company-tab-bar::-webkit-scrollbar{display:none}.company-tab-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--transition-fast)}.company-tab-btn:hover{color:var(--text);background:var(--bg-secondary)}.company-tab-btn.active{background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;font-weight:700;box-shadow:0 4px 12px #16a34a47}[data-theme=dark] .company-tab-btn.active{background:#10b981;color:#0f172a;box-shadow:0 4px 12px #10b9814d}.coverage-list-container{padding:20px 24px}@media(max-width:768px){.coverage-list-container{padding:16px}}@media(max-width:480px){.coverage-list-container{padding:12px}}@media(max-width:360px){.coverage-list-container{padding:8px}}.coverage-region-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition)}.coverage-region-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.coverage-region-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:var(--bg-secondary);-webkit-user-select:none;user-select:none;min-height:52px;transition:background-color .2s ease,border-color .2s ease}.coverage-region-header:hover{background:var(--bg-tertiary)}.coverage-region-header.expanded{border-bottom:1px solid var(--border-light)}.coverage-region-left{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.coverage-region-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.coverage-region-toggle-content{display:flex;align-items:center;gap:10px;min-width:0}.coverage-region-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}.coverage-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:grab;flex-shrink:0;padding:4px;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);transition:color .15s ease}.feature-drag-handle{touch-action:none;-webkit-user-select:none;user-select:none}.coverage-drag-handle:hover{color:var(--text)}.coverage-region-icon-wrap{width:34px;height:34px;border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary-text);border:1px solid rgba(22,163,74,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs)}.coverage-region-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.coverage-region-title{font-size:.9375rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.coverage-muni-count-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px;line-height:1.4;flex-shrink:0}.coverage-region-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.coverage-action-btn{width:34px;height:34px;min-height:34px;min-width:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);padding:0}.coverage-action-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.coverage-action-btn.danger{color:var(--error-text)}.coverage-action-btn.danger:hover{background:var(--error-bg);color:var(--error-text-strong);border-color:#ef444433}.coverage-action-divider{width:1px;height:18px;background:var(--border);margin:0 4px;flex-shrink:0}.coverage-chevron-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.coverage-muni-section{padding:16px 20px;background:var(--surface)}@media(max-width:640px){.coverage-muni-section{padding:12px 14px}}.coverage-muni-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.coverage-muni-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast);position:relative}.coverage-muni-item:hover{border-color:var(--border-hover);background:var(--surface);box-shadow:var(--shadow-xs)}.coverage-muni-name{flex:1;min-width:0;font-size:.84rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.coverage-region-header{padding:10px 12px}.coverage-region-icon-wrap{width:32px;height:32px}.coverage-region-title{font-size:.875rem;max-width:140px}}@media(max-width:400px){.coverage-region-title{font-size:.84rem;max-width:110px}.coverage-muni-count-badge{padding:1px 6px;font-size:.68rem}.coverage-action-btn{width:30px;height:30px;min-width:30px;min-height:30px}}}@layer pages{.trip-detail-page{min-width:0}.admin-detail-label{display:inline-flex;align-items:center;gap:6px}@media(max-width:820px){.trip-detail-page .admin-page-meta{width:100%;justify-content:flex-start}}.admin-list-card{display:block;margin-bottom:12px;color:inherit;text-decoration:none}.admin-list-card .card-body{padding:18px}.admin-list-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px}.admin-list-card-title{color:var(--accent);font-weight:800;overflow-wrap:anywhere}.admin-list-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-secondary);font-size:.875rem}.admin-list-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-tertiary);font-size:.78rem;flex-wrap:wrap}.admin-error-card{padding:40px;text-align:center;color:var(--error-text)}.admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.admin-form-submit{min-width:180px}.admin-route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.admin-route-option{min-width:0;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-route-option svg{flex-shrink:0}.admin-announcement-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:8px}.admin-announcement-title{min-width:0;overflow-wrap:anywhere;line-height:1.35}.admin-card-action{width:44px;height:44px;padding:0;flex-shrink:0;color:var(--error-text-strong);background:var(--error-bg)}.admin-card-action:hover{color:var(--error-text-strong);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.admin-compact-input{max-width:220px}.admin-filter-row{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.admin-filter-row::-webkit-scrollbar{display:none}.admin-filter-row .btn{flex:0 0 auto}.admin-payment-summary{background:linear-gradient(135deg,var(--bg-secondary),var(--surface));border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:20px;display:flex;justify-content:space-around;gap:12px;transition:var(--transition)}@media(max-width:820px){.admin-toolbar{grid-template-columns:1fr}.admin-page-meta{justify-content:flex-start;width:100%}.admin-detail-grid{grid-template-columns:1fr}.admin-action-card .card-body{align-items:stretch}.admin-action-group,.admin-action-group .btn{width:100%}.admin-action-group .btn{justify-content:center}.admin-list-card-main{grid-template-columns:1fr}.admin-mobile-tabs,.report-period-tabs.no-print{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-x:visible;border-bottom:0}.admin-mobile-tabs .tab,.report-period-tab{min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:0;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}.admin-mobile-tabs .tab:hover,.report-period-tab:hover{border-radius:var(--radius-full)}.admin-mobile-tabs .tab.active,.report-period-tab.active{border-color:var(--primary);background:var(--primary-bg)}.admin-mobile-tabs .tab:last-child:nth-child(odd),.report-period-tab:last-child:nth-child(odd){grid-column:1 / -1}.admin-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.admin-filter-row .btn{min-width:0;min-height:44px;justify-content:center}.admin-filter-row .btn:last-child:nth-child(odd){grid-column:1 / -1}.admin-payment-summary{display:grid;grid-template-columns:minmax(0,1fr);text-align:left}.admin-payment-summary .text-center{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:left}.admin-page-header{align-items:flex-start;flex-wrap:wrap}.admin-page-header>.btn{min-height:44px}.btn-sm{min-height:44px;padding:9px 14px}.btn-icon.btn-sm{width:44px;height:44px}.admin-form-actions{align-items:stretch}.admin-form-actions .btn{min-height:44px;flex:1 1 140px}.admin-form-submit{width:100%}.admin-route-options{grid-template-columns:1fr}.admin-route-option{min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;justify-content:start;text-align:left}.admin-route-option svg{margin:0;grid-row:span 2}.admin-route-option>div{min-width:0;text-align:left}.admin-card-action{width:40px;height:40px}.admin-compact-input{max-width:none}.report-period-tab{min-height:44px;padding:9px 14px}}}@layer pages{.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.feedback-modal-card{background:var(--surface);border-radius:24px;width:100%;max-width:400px;padding:32px;box-shadow:var(--shadow-xl);position:relative}.feedback-star-btn{background:none;border:none;padding:4px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;color:var(--border)}.feedback-star-btn.active{color:var(--warning-text)}.feedback-star-btn:hover{transform:scale(1.15)}.ce-success-body{display:flex;flex-direction:column;gap:20px;padding:32px 28px}.ce-success-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ce-success-icon-wrap{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.ce-success-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#10b98129;animation:sentRingPulse 2s ease-out infinite;pointer-events:none}.ce-success-icon{width:72px;height:72px;border-radius:50%;background:var(--success-bg);color:var(--success-text);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #10b98114;animation:sentEnvelope .55s cubic-bezier(.34,1.56,.64,1)}.ce-success-title{font-size:1.375rem;font-weight:800;color:var(--text);letter-spacing:-.025em;margin:0}.ce-success-subtitle{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0;max-width:360px}.ce-email-highlight{color:var(--primary-text);font-weight:700;word-break:break-word;overflow-wrap:anywhere}.ce-steps-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 18px;min-width:0}.ce-steps-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin:0 0 12px}.ce-steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ce-step-item{display:flex;align-items:flex-start;gap:10px;font-size:.8125rem;color:var(--text-secondary);line-height:1.55;min-width:0}.ce-step-item>span:last-child{min-width:0;overflow-wrap:anywhere}.ce-step-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #16a34a4d}.ce-note-box{display:flex;align-items:flex-start;gap:10px;background:var(--info-bg);border:1px solid var(--info-glow);border-radius:var(--radius-md);padding:12px 14px;font-size:.8rem;color:var(--text-secondary);line-height:1.6;min-width:0}.ce-note-icon{color:var(--info);flex-shrink:0;margin-top:2px}.ce-success-cta{margin-top:4px}@media(max-width:480px){.ce-success-body{padding:24px 18px;gap:16px}.ce-success-title{font-size:1.25rem}.ce-success-icon-wrap{width:72px;height:72px}.ce-success-icon{width:60px;height:60px}.ce-steps-box{padding:14px}}.inquiry-message-preview{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.inquiry-message-preview{max-width:100%;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.inquiry-identity-row{display:flex;align-items:center;gap:12px;min-width:0}.inquiry-identity-row>div:not(.inquiry-identity-actions){min-width:0;overflow-wrap:anywhere}.inquiry-identity-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:520px){.inquiry-identity-row{flex-wrap:wrap}.inquiry-identity-actions{margin-left:0;width:100%;justify-content:space-between}}}@layer pages{.public-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.public-shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:var(--z-sticky)}.public-shell-brand{display:inline-flex;align-items:center;text-decoration:none}.public-shell-nav{display:flex;align-items:center;gap:16px}.public-shell-link{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-decoration:none}.public-shell-link:hover{color:var(--primary-text)}.public-shell-main{flex:1;width:100%;max-width:var(--container-customer-max);margin:0 auto;padding:24px 20px 48px;box-sizing:border-box}@media(max-width:480px){.public-shell-header{padding:12px 16px}}}@layer effects{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@keyframes ripple{to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1);backface-visibility:hidden}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);backface-visibility:hidden}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin .8s linear infinite}.animate-float{animation:float 3s ease-in-out infinite;backface-visibility:hidden}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1);backface-visibility:hidden}.animate-shake{animation:shake .4s ease-in-out}.animate-slide-up-spring{animation:slideUp .6s cubic-bezier(.16,1,.3,1);backface-visibility:hidden}.animate-zoom-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);backface-visibility:hidden}.animate-stagger{animation:slideUp .5s cubic-bezier(.16,1,.3,1) both;backface-visibility:hidden}.reveal{opacity:0;transform:translateY(24px) translateZ(0);backface-visibility:hidden;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.reveal.revealed{opacity:1;transform:translateY(0) translateZ(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes breathe{0%,to{box-shadow:0 0 0 3px var(--primary-glow)}50%{box-shadow:0 0 0 8px var(--primary-glow)}}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding-top:min(15vh,120px);padding-inline:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));animation:fadeIn .15s ease}.cmd-palette{width:min(540px,100%);min-width:0;max-height:min(80dvh,520px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 25px 60px #00000040,0 0 0 1px #0000000d;overflow:hidden;animation:cmdPaletteIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes cmdPaletteIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.cmd-palette-overlay{padding-top:max(16px,env(safe-area-inset-top,0px));padding-inline:12px}.cmd-palette{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.cmd-palette-input-wrap{gap:8px;padding:14px 12px}.cmd-palette-kbd{display:none}.cmd-palette-footer{flex-wrap:wrap;gap:6px 12px;padding:8px 12px}}.cmd-palette-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);flex-shrink:0}.cmd-palette-input-wrap svg{color:var(--text-tertiary);flex-shrink:0}.cmd-palette-input{flex:1;min-width:0;border:none;background:none;font-size:1rem;font-weight:500;color:var(--text);outline:none}.cmd-palette-input::placeholder{color:var(--text-tertiary)}.cmd-palette-kbd{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-light);font-family:inherit}.cmd-palette-results{max-height:min(320px,calc(80dvh - 120px));min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px;flex:1 1 auto}.cmd-palette-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:8px 12px 4px}.cmd-palette-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease;text-decoration:none;color:var(--text);border:none;background:none;width:100%;font-size:.875rem;font-weight:500}.cmd-palette-item:hover,.cmd-palette-item.highlighted{background:var(--primary-bg)}.cmd-palette-item.highlighted{box-shadow:inset 0 0 0 1.5px var(--primary-glow)}.cmd-palette-item svg{color:var(--text-tertiary);flex-shrink:0}.cmd-palette-item:hover svg,.cmd-palette-item.highlighted svg{color:var(--primary)}.cmd-palette-item-label{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.cmd-palette-item-shortcut{font-size:.75rem;color:var(--text-tertiary)}.cmd-palette-empty{padding:32px 20px;text-align:center;color:var(--text-tertiary);font-size:.875rem}.cmd-palette-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;border-top:1px solid var(--border-light);font-size:.75rem;color:var(--text-tertiary)}.cmd-palette-footer kbd{font-size:.6875rem;font-weight:600;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-light);font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-primary{color:var(--primary-text, var(--primary))}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-white{color:#fff}.w-full{width:100%}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.gap-0{gap:0}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.px-8{padding-left:8px;padding-right:8px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.py-20{padding-top:20px;padding-bottom:20px}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:2px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mt-0{margin-top:0}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.text-accent{color:var(--accent)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--success-text, var(--success))}.text-error{color:var(--error-text, var(--error))}.text-warning{color:var(--warning-text, var(--warning))}.inline{display:inline}.inline-flex{display:inline-flex}.block{display:block}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.overflow-hidden{overflow:hidden}.b-0{border:0}.border-none{border:none}.mr-4{margin-right:4px}.mr-6{margin-right:6px}.mr-8{margin-right:8px}.mr-10{margin-right:10px}.mr-12{margin-right:12px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.h-4{height:4px}.h-8{height:8px}.h-12{height:12px}.h-16{height:16px}.h-20{height:20px}.h-24{height:24px}.h-32{height:32px}.h-36{height:36px}.h-40{height:40px}.h-48{height:48px}.h-full{height:100%}.w-4{width:4px}.w-8{width:8px}.w-12{width:12px}.w-16{width:16px}.w-18{width:18px}.w-20{width:20px}.w-24{width:24px}.w-32{width:32px}.w-36{width:36px}.w-40{width:40px}.w-48{width:48px}.w-72{width:72px}.w-80{width:80px}.w-88{width:88px}.bg-transparent{background:transparent}.bg-none{background:none}.flex-row{flex-direction:row}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-lowercase{text-transform:lowercase}.text-underline{text-decoration:underline}.text-no-underline{text-decoration:none}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.stagger-item{animation:slideUp .35s cubic-bezier(.16,1,.3,1) both}.stagger-item.notification-exit{animation:notificationSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}.min-width-0{min-width:0}.opacity-50{opacity:.5}.py-2{padding-top:8px;padding-bottom:8px}.bg-surface{background:var(--bg)}.br-8{border-radius:8px}.border-t{border-top:1px solid var(--border)}.border-color{border-color:var(--border)}.pt-16{padding-top:16px}.pt-12{padding-top:12px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.p-md{padding:16px}.shrink-0{flex-shrink:0}.text-left{text-align:left}.rounded{border-radius:var(--radius-md, 8px)}.absolute{position:absolute}.fixed{position:fixed}.bg-secondary{background:var(--bg-secondary)}.bg-error{background:var(--error-bg)}.bg-warning{background:var(--warning-bg)}.bg-primary{background:var(--primary-bg)}.bg-info{background:var(--info-bg)}.overflow-y-auto{overflow-y:auto}.object-cover{object-fit:cover}.pointer-events-none{pointer-events:none}.col-full{grid-column:1 / -1}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hover-lift:hover{transform:none}}}@layer responsive{@media(max-width:899.98px){html:has(:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page)),body:has(:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page)),:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page){scrollbar-width:none;-ms-overflow-style:none}html:has(:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page))::-webkit-scrollbar,body:has(:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page))::-webkit-scrollbar,:is(.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page)::-webkit-scrollbar{display:none;width:0;height:0}html:has(.trk-page),body:has(.trk-page),.trk-page{scrollbar-width:thin;-ms-overflow-style:auto;overscroll-behavior-y:auto}html:has(.trk-page)::-webkit-scrollbar,body:has(.trk-page)::-webkit-scrollbar,.trk-page::-webkit-scrollbar{display:block;width:6px;height:6px}}@media(max-width:1024px){.sidebar,.sidebar.collapsed{width:min(86vw,300px);max-width:300px;transform:translate(-102%);box-shadow:none}.sidebar.open,.sidebar.open.collapsed{transform:translate(0);box-shadow:16px 0 40px #02081747}.sidebar.collapsed .sidebar-brand .sidebar-brand-wordmark,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-link-label,.sidebar.collapsed .sidebar-count-badge,.sidebar.collapsed .sidebar-user-name,.sidebar.collapsed .sidebar-user-role,.sidebar.collapsed .sidebar-link>span:not(.sidebar-link-label){opacity:1;width:auto;overflow:visible;white-space:nowrap}.sidebar.collapsed .sidebar-brand{justify-content:flex-start;padding:24px 20px}.sidebar-drawer-close-btn{display:inline-flex}.sidebar.collapsed .sidebar-nav{padding:8px 10px}.sidebar.collapsed .sidebar-section-label{padding:16px 20px 8px;height:auto;margin:0}.sidebar.collapsed .sidebar-link{justify-content:flex-start;padding:10px 14px}.sidebar.collapsed .sidebar-profile-btn{justify-content:flex-start;padding:8px 14px}.sidebar.collapsed .sidebar-profile-info,.sidebar.collapsed .sidebar-profile-chevron{display:flex}.sidebar.collapsed .sidebar-footer{padding:16px 10px}.sidebar.collapsed .sidebar-link:after{display:none}.main-content,.app-layout.sidebar-collapsed .main-content,.sidebar.collapsed~.main-content{margin-left:0}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-content{padding:16px}.grid{gap:16px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{padding:0 16px;height:56px}.auth-card{padding:28px 24px}.hero{padding:28px}.hero h1,.hero h2{font-size:1.375rem}.data-table{font-size:.8125rem}.data-table th,.data-table td{padding:10px 12px}.step-label{display:none}.stat-card .stat-value{font-size:1.75rem}.toast{min-width:280px;max-width:90vw}.toast-container{right:12px;left:12px;align-items:stretch}.about-features{grid-template-columns:1fr}}@media(max-width:480px){.auth-card{padding:24px 20px}.stat-card .stat-value{font-size:1.5rem}.stat-card{padding:18px}.confirm-modal{padding:24px;margin:16px}}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.page-title,.page-subtitle{word-break:break-word}.page-title{font-size:1.35rem}}@media(max-width:768px){.app-layout .company-tab-bar,.app-layout .card.company-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-layout .company-tab-bar::-webkit-scrollbar,.app-layout .card.company-tab-bar::-webkit-scrollbar{display:none}}@media(max-width:640px){.grid-2:has(.hover-lift){grid-template-columns:1fr}.feedback-filter-row{flex-direction:column;gap:12px}.feedback-filter-row>.form-group{flex:1 0 100%;min-width:0}.feedback-rating-filter{min-width:0}}@media(max-width:480px){.form-control{min-height:44px}}}@layer refresh{[data-theme=dark]{--glass-bg-heavy: rgba(13, 26, 43, .86)}body{letter-spacing:0}.auth-orb,.trk-orb,.login-right-bg-orb{opacity:.22;filter:blur(4px)}@media(max-width:899.98px){.trk-orb{display:none}}.card{border-color:var(--border)}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-input,.form-select,.form-textarea,.search-box input{border-color:var(--border)}.search-box:focus-within input{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}[data-theme=dark] .bot-bubble,[data-theme=dark] .chat-typing-indicator{background:var(--surface-raised);color:var(--text);border-color:var(--border);box-shadow:0 6px 18px #0000002e}[data-theme=dark] .chat-input{background:var(--bg-secondary);color:var(--text);border-color:var(--border)}[data-theme=dark] .chat-input:focus{background:var(--surface-raised)}.topbar,.customer-navbar{border-bottom-color:var(--border)}.customer-bottom-nav-inner{border-color:color-mix(in srgb,var(--border) 82%,transparent)}.customer-bottom-tab.book-tab .book-tab-icon:before{display:none}.customer-home-hero:before,.customer-home-hero:after{pointer-events:none}.customer-home-hero .customer-track-form{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;max-width:640px}.customer-home-hero .customer-track-form .search-box{min-height:48px}.customer-layout-v2 .customer-home-hero .customer-track-form .search-box input{min-height:48px;padding:12px 16px 12px 44px;border-radius:14px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.32);color:#fff;cursor:text}.customer-layout-v2 .customer-home-hero .customer-track-form .search-box input::placeholder{color:#ffffffb8}.customer-layout-v2 .customer-home-hero .customer-track-form .search-box input:hover{background:#ffffff38;border-color:#ffffff70}.customer-layout-v2 .customer-home-hero .customer-track-form .search-box input:focus{background:#ffffff3d;border-color:#ffffffb8;box-shadow:0 0 0 4px #ffffff2e}.customer-layout-v2 .customer-home-hero .customer-track-form .search-icon{left:15px;color:#ffffffd1;z-index:1}.customer-layout-v2 .customer-home-hero .customer-track-form .btn{min-height:48px;padding-inline:18px;border-radius:14px;white-space:nowrap}.app-layout .stat-card{min-height:118px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon value" "icon label";column-gap:14px;align-items:center;padding:20px;background:var(--admin-panel);color:var(--admin-ink);border:1px solid var(--admin-line);box-shadow:var(--admin-shadow-soft)}.app-layout .stat-card:before,.app-layout .stat-card:after{display:none}.app-layout .stat-card .stat-icon{grid-area:icon;position:static;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;opacity:1;color:var(--admin-green);background:var(--admin-green-soft)}.app-layout .stat-card .stat-icon svg{width:22px;height:22px}.app-layout .stat-card-primary .stat-icon{color:var(--primary-text);background:var(--primary-bg)}.app-layout .stat-card-info .stat-icon{color:var(--info-text);background:var(--info-bg)}.app-layout .stat-card-success .stat-icon{color:var(--success-text);background:var(--success-bg)}.app-layout .stat-card-warning .stat-icon{color:var(--warning-text);background:var(--warning-bg)}.app-layout .stat-card-danger .stat-icon{color:var(--error-text-strong);background:var(--error-bg)}.app-layout .stat-card-accent .stat-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.app-layout .stat-card .stat-value{grid-area:value;margin:0;color:var(--admin-ink);font-size:1.55rem;line-height:1.05}.app-layout .stat-card .stat-label{grid-area:label;color:var(--admin-muted);font-size:.78rem;text-transform:none;letter-spacing:0}.app-layout .stat-card:not(:has(.stat-icon)){display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px 20px;min-height:100px;position:relative;overflow:hidden}.app-layout .stat-card-primary:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--primary)}.app-layout .stat-card-success:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--success)}.app-layout .stat-card-warning:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--warning)}.app-layout .stat-card-danger:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--error)}.app-layout .stat-card-info:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--info)}.app-layout .stat-card-accent:not(:has(.stat-icon)):before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--accent)}.admin-section-card,.admin-table-card{border-color:var(--border)}.capacity-fill.danger{background:linear-gradient(90deg,#ef4444,#b91c1c)}.capacity-note{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--error-text);font-size:.75rem;font-weight:700}.booking-current-step{display:none;margin:-10px 0 14px;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.booking-summary-card{border:1px solid var(--border);border-radius:20px;padding:14px 16px;background:color-mix(in srgb,var(--surface) 90%,var(--bg) 10%)}.booking-summary-label{margin-bottom:6px;color:var(--text-tertiary);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.booking-summary-value{color:var(--text);font-weight:800;overflow-wrap:anywhere}.booking-cost-card{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:20px;padding:18px;background:linear-gradient(135deg,var(--customer-green-soft),var(--customer-green-soft))}[data-theme=dark] .booking-cost-card{background:#10b9811a}.booking-page{scroll-padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))}.booking-success-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;background:var(--bg);z-index:var(--z-overlay)}.booking-success-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;text-align:center}.booking-success-visual{position:relative;display:grid;place-items:center;width:110px;height:110px;margin-bottom:24px}.booking-success-check-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--primary);box-shadow:0 0 60px color-mix(in srgb,var(--primary) 50%,transparent)}.booking-success-particle{position:absolute;left:50%;top:50%;border-radius:999px;background:color-mix(in srgb,var(--primary) 80%,transparent)}.booking-success-checkmark-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.booking-success-eyebrow{color:var(--primary-text);font-size:.7rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase}.booking-success-heading{margin:12px 0 0;color:var(--text);font-size:clamp(2rem,6vw,2.75rem);font-weight:800;line-height:1.05}.booking-success-subtitle{max-width:280px;margin:16px auto 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.booking-success-card{width:100%;margin-top:24px;text-align:left;border-radius:var(--radius-lg);padding:16px 20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px #0f172a0a,0 16px 36px -16px #0f172a1f}.booking-success-card .pr-transaction-header{font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px}.booking-success-card .pr-transaction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.booking-success-card .pr-transaction-row+.pr-transaction-row{border-top:1px solid var(--border-light)}.booking-success-card .pr-transaction-label{color:var(--text-tertiary);font-size:.78125rem;font-weight:600;flex-shrink:0}.booking-success-card .pr-transaction-value{color:var(--text);font-size:.84375rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.booking-success-card .pr-transaction-id{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.booking-success-tracking-row{display:flex;align-items:center;gap:8px;min-width:0}.booking-success-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.booking-success-copy-btn:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--border-hover)}.booking-success-copy-btn.is-copied{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-text);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.booking-success-status-pill{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600}.booking-success-status-pill:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.booking-success-status-pill.is-pending{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary-text)}.booking-success-status-pill.is-assigned{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info-text)}.booking-success-actions{display:flex;gap:12px;margin-top:20px}.booking-success-btn-primary{border-radius:999px;background:var(--primary-fill);color:#fff;padding:12px 24px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease}.booking-success-btn-primary:hover{transform:scale(1.03)}.booking-success-btn-outline{border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 24px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s ease}.booking-success-btn-outline:hover{background:var(--bg-secondary)}[data-theme=dark] .booking-success-page{background:var(--bg)}[data-theme=dark] .booking-success-card{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #0006,0 20px 40px -20px #00000080}[data-theme=dark] .booking-success-btn-outline{background:var(--surface-raised);border-color:var(--border)}@media(prefers-reduced-motion:reduce){.booking-success-check-circle,.booking-success-particle{animation:none!important;transition:none!important}}@media(max-width:420px){.booking-success-page{padding:12px}.booking-success-visual{width:80px;height:80px;margin-bottom:16px}.booking-success-eyebrow{font-size:.6rem}.booking-success-heading{margin-top:8px;font-size:1.35rem}.booking-success-subtitle{margin-top:6px;font-size:.82rem}.booking-success-card{margin-top:16px;padding:14px 16px}.booking-success-card .pr-transaction-row{padding:8px 0}.booking-success-card .pr-transaction-label{font-size:.75rem}.booking-success-card .pr-transaction-value{font-size:.8125rem}.booking-success-status-pill{font-size:.68rem;padding:3px 10px}.booking-success-actions{flex-direction:column;width:100%;margin-top:16px;gap:6px}.booking-success-btn-primary,.booking-success-btn-outline{width:100%;padding:10px 16px;font-size:.82rem;text-align:center}}.profile-page{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.profile-page .profile-card-premium,.profile-page .card{box-shadow:var(--shadow-sm)}.profile-page .profile-quick-stats{box-shadow:none;border:none;background:transparent}.profile-page .profile-menu-card{margin-bottom:24px}.profile-page .profile-signout{margin-bottom:8px}.public-about-page .form-label{cursor:pointer}[data-theme=dark] .auth-page{background:radial-gradient(circle at 18% 12%,rgba(16,185,129,.1),transparent 34%),radial-gradient(circle at 82% 88%,rgba(96,165,250,.12),transparent 36%),linear-gradient(135deg,#0f172a,#16213a 48%,#1e293b)}[data-theme=dark] .auth-card{background:linear-gradient(180deg,#253449f5,#1e293bfa);border-color:#94a3b824;box-shadow:0 32px 84px #0000006b,inset 0 1px #ffffff09}[data-theme=dark] .auth-brand-icon{border:1px solid rgba(240,157,92,.28);box-shadow:0 10px 28px #10b9813d}[data-theme=dark] .auth-brand-cargo{color:var(--accent-light)}[data-theme=dark] .auth-brand-express,[data-theme=dark] .fp-email-highlight{color:var(--primary-dark)}[data-theme=dark] .fp-title,[data-theme=dark] .auth-success-title,[data-theme=dark] .rp-verifying-text{color:var(--text)}[data-theme=dark] .fp-subtitle,[data-theme=dark] .auth-success-sub,[data-theme=dark] .auth-card-footer p{color:var(--text-secondary)}[data-theme=dark] .fp-hero-icon{background:linear-gradient(135deg,#10b98138,#10b98114);border-color:#f09d5c52;color:var(--primary-dark);box-shadow:0 0 0 6px #10b98114,0 14px 32px #0000003d}[data-theme=dark] .fp-hero-icon-lock{background:linear-gradient(135deg,#60a5fa38,#60a5fa14);border-color:#93c5fd4d;color:var(--info-dark);box-shadow:0 0 0 6px #60a5fa14,0 14px 32px #0000003d}[data-theme=dark] .fp-sent-icon,[data-theme=dark] .auth-success-icon{background:linear-gradient(135deg,#34d39938,#34d39914);color:var(--success-dark);box-shadow:0 0 0 8px #34d39914,0 14px 32px #0000003d}[data-theme=dark] .rp-verifying-spinner{background:linear-gradient(135deg,#10b98133,#60a5fa1a);color:var(--primary-dark);box-shadow:0 0 0 6px #10b98114,0 14px 32px #0003}[data-theme=dark] .fp-tips-box,[data-theme=dark] .fp-resend-row,[data-theme=dark] .rp-requirements{background:color-mix(in srgb,var(--surface-raised) 72%,var(--bg) 28%);border-color:#94a3b824;box-shadow:inset 0 1px #ffffff09}[data-theme=dark] .fp-tips-label{color:var(--text-tertiary)}[data-theme=dark] .fp-tip-item,[data-theme=dark] .fp-resend-label,[data-theme=dark] .rp-requirement-item{color:var(--text-secondary)}[data-theme=dark] .fp-tip-dot{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #10b9813d}[data-theme=dark] .fp-resend-btn{color:var(--primary-dark)}[data-theme=dark] .fp-resend-btn:not(:disabled):hover{background:#10b9811f;color:#bbf7d0}[data-theme=dark] .auth-error-banner{background:#f871711a;border-color:#f871713d;color:#fecaca}[data-theme=dark] .auth-success-loader,[data-theme=dark] .fp-countdown-bar{background:#94a3b82e}[data-theme=dark] .form-pw-toggle{color:var(--text-tertiary)}[data-theme=dark] .form-pw-toggle:hover{background:#94a3b81a;color:var(--text)}[data-theme=dark] .rp-req-icon{background:var(--bg-secondary);border-color:var(--border-hover)}[data-theme=dark] .rp-requirement-item.met{color:var(--success-dark)}[data-theme=dark] .rp-requirement-item.met .rp-req-icon{background:#34d39924;border-color:#34d3996b;color:var(--success-dark);box-shadow:0 0 0 3px #34d3991a}[data-theme=dark] .rp-match-ok{color:var(--success-dark)}[data-theme=dark] .public-about-page{background:radial-gradient(circle at 12% 8%,rgba(16,185,129,.08),transparent 30%),radial-gradient(circle at 88% 24%,rgba(96,165,250,.1),transparent 32%),var(--bg)}[data-theme=dark] .public-about-header{background:linear-gradient(135deg,#0f172a,#16233e 54%,#1e3252);border-bottom:1px solid rgba(148,163,184,.12)}[data-theme=dark] .public-about-hero{background:radial-gradient(circle at 50% -20%,rgba(16,185,129,.18),transparent 42%),linear-gradient(135deg,#0f172a,#16283f 48%,#234e76)}[data-theme=dark] .public-about-hero p{color:#e8eef5d1}[data-theme=dark] .public-about-feature-grid .card,[data-theme=dark] .public-about-content-grid .card{background:linear-gradient(180deg,#253449f5,#1e293bfa);border-color:#94a3b824;box-shadow:0 18px 42px #00000038,inset 0 1px #ffffff09}[data-theme=dark] .public-about-feature-grid .card:hover,[data-theme=dark] .public-about-content-grid .card:hover{border-color:#f09d5c47;box-shadow:0 22px 48px #00000047,0 0 0 1px #f09d5c14}[data-theme=dark] .public-about-brand svg{stroke:var(--primary-dark)}[data-theme=dark] .public-about-back{color:#f2f6fae6}[data-theme=dark] .public-about-back:hover{color:#fff}[data-theme=dark] .public-about-feature-grid .rounded-md{background:linear-gradient(135deg,#10b98133,#10b98114);color:var(--primary-dark);border:1px solid rgba(240,157,92,.24);box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .public-about-content-grid .w-36.h-36.rounded-sm{background:color-mix(in srgb,var(--surface-raised) 72%,var(--bg) 28%);border:1px solid var(--border)}[data-theme=dark] .public-about-content-grid .w-36.h-36.rounded-sm svg{filter:drop-shadow(0 0 8px color-mix(in srgb,currentColor 22%,transparent))}[data-theme=dark] .public-about-contact-link{color:var(--info-dark)}[data-theme=dark] .public-about-contact-link:hover{color:#bfdbfe}[data-theme=dark] .public-about-contact-card .form-input,[data-theme=dark] .public-about-contact-card .form-textarea{background:#0d1a2bd1;border-color:#94a3b82e}[data-theme=dark] .public-about-contact-card .form-input:hover,[data-theme=dark] .public-about-contact-card .form-textarea:hover{border-color:#94a3b84d}[data-theme=dark] .public-about-contact-card .form-input:focus,[data-theme=dark] .public-about-contact-card .form-textarea:focus{background:var(--surface-raised);border-color:var(--primary)}[data-theme=dark] .public-about-page footer{background:#07111fb8;border-top-color:#94a3b81f}[data-theme=dark] .fp-hero-icon svg,[data-theme=dark] .fp-sent-icon svg,[data-theme=dark] .auth-success-icon svg,[data-theme=dark] .rp-verifying-spinner svg,[data-theme=dark] .public-about-feature-grid svg{stroke-width:2.35}@media(max-width:899.98px){.booking-current-step{display:block}.booking-page>.card:last-child .card-body{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.app-layout .stat-card{min-height:88px;padding:16px}.app-layout .stat-card .stat-icon{width:40px;height:40px}}@media(max-width:480px){.customer-bottom-nav-inner{max-width:360px}.customer-bottom-tab{min-width:48px;padding-inline:7px}.customer-bottom-tab.book-tab .book-tab-icon{width:48px;height:48px}}.btn,.search-box,.search-box input,.form-input,.form-select,.form-textarea,.card,.modal,.confirm-modal{min-width:0}.btn svg,.btn-icon svg,.customer-bottom-tab svg,.trk-search-btn svg{flex-shrink:0}.empty-state-premium,.empty-state{min-height:min(42vh,360px);overflow-wrap:anywhere}.data-table td.empty-state-cell,.report-table td.empty-state-cell{padding:0;border-bottom:0;text-align:center;vertical-align:middle}.empty-state-premium p,.empty-state p{margin-inline:auto}.modal-header,.modal-footer,.card-header{min-width:0}.modal-header h3,.card-header h3,.admin-page-title,.customer-section-title{min-width:0;overflow-wrap:anywhere}.modal-footer{flex-wrap:wrap}.modal-footer .btn{min-width:min(140px,100%)}@media(max-width:899.98px){.customer-layout-v2{--customer-bottom-nav-reserve: calc(176px + env(safe-area-inset-bottom, 0px)) }}@media(max-width:640px){.customer-home-hero .customer-track-form{grid-template-columns:minmax(0,1fr) auto;gap:6px}.customer-home-hero .customer-track-form .search-box input,.customer-home-hero .customer-track-form .btn{min-height:46px}.customer-home-hero .customer-track-form .search-box input{width:100%;padding-left:40px;padding-right:10px}.customer-home-hero .customer-track-form .btn{width:auto;min-width:72px;padding-inline:12px}.btn:not(.btn-icon),.login-submit-btn,.login-signup-btn,.auth-submit-btn,.auth-back-btn{white-space:normal;text-align:center}.modal-overlay{align-items:flex-end;padding:10px 10px max(10px,env(safe-area-inset-bottom,0px))}.modal{max-height:calc(100dvh - 20px);border-radius:18px 18px 14px 14px}.confirm-modal{max-height:calc(100dvh - 20px);overflow-y:auto;padding:24px 20px;border-radius:18px}.payment-result-modal{max-height:calc(100dvh - 20px);overflow-y:auto;padding:28px 20px 24px;border-radius:18px}.confirm-modal-actions{flex-wrap:wrap}.confirm-modal-actions .btn{flex:1 1 140px}.empty-state-premium,.empty-state{min-height:260px;padding:40px 16px}.empty-state-icon-wrap{margin-bottom:16px}}@media(max-width:480px){.customer-navbar-inner{gap:8px;padding-inline:14px}.customer-navbar-logo{min-width:0;gap:6px}.customer-navbar-right{gap:4px}.theme-toggle-btn,.customer-nav-icon-btn,.customer-avatar-btn{width:40px;height:40px}.customer-avatar{width:38px;height:38px}.trk-page{padding-inline:16px}.trk-header,.trk-search-form{margin-bottom:28px}.trk-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon input clear" "button button button";align-items:center;gap:8px 10px;padding:10px;border-radius:20px}.trk-search-icon{grid-area:icon}.trk-search-input{grid-area:input;width:100%;min-width:0;padding:8px 0;letter-spacing:0}.trk-clear-btn{grid-area:clear;margin-right:0}.trk-search-btn{grid-area:button;width:100%;min-height:44px;padding:10px 16px;border-radius:14px}.trk-empty{padding-inline:8px}.trk-empty-tip{align-items:flex-start;padding:12px 14px}}@media(max-width:360px){.customer-bottom-nav{padding-inline:8px}.customer-bottom-tab{min-width:52px;padding-inline:6px;font-size:.6875rem}.customer-bottom-tab.book-tab .book-tab-icon{width:44px;height:44px}}.live-tracker-step.completed .live-tracker-node{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 8px var(--primary-glow)}.live-tracker-step.completed .live-tracker-node:after{background:var(--primary);transform:scale(1.2)}.live-tracker-step.active .live-tracker-node{border-color:var(--primary);background:var(--primary);box-shadow:0 0 12px var(--primary-glow);animation:nodePulse 2s infinite}.live-tracker-step.active .live-tracker-node:after{background:#fff;transform:scale(1)}.live-tracker-step.completed .live-tracker-label,.live-tracker-step.active .live-tracker-label{color:var(--text);font-weight:800}@keyframes nodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 16px var(--primary)}}}@layer refresh{.customer-layout-v2,.customer-layout-v2 .customer-main,.customer-layout-v2 .customer-main *,.customer-bottom-nav,.customer-bottom-nav *{scrollbar-width:none;-ms-overflow-style:none}.customer-layout-v2::-webkit-scrollbar,.customer-layout-v2 .customer-main::-webkit-scrollbar,.customer-layout-v2 .customer-main *::-webkit-scrollbar,.customer-bottom-nav::-webkit-scrollbar,.customer-bottom-nav *::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.customer-layout-v2,.customer-main{-webkit-overflow-scrolling:touch}@media(max-width:899.98px){html:has(.customer-layout-v2),body:has(.customer-layout-v2){scrollbar-width:none;-ms-overflow-style:none}html:has(.customer-layout-v2)::-webkit-scrollbar,body:has(.customer-layout-v2)::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}}.customer-layout-v2 .hero-search-input{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff}.customer-layout-v2 .hero-search-input::placeholder{color:#ffffffd9}.customer-layout-v2{--customer-green: #16A34A;--customer-green-dark: #0B5F3D;--customer-green-soft: #F0FDF4;--customer-green-glow: rgba(18, 138, 90, .18);--customer-ink: #0B1220;--customer-muted: #5F6B7A;--customer-panel: rgba(255, 255, 255, .92);--customer-panel-solid: #FFFFFF;--customer-line: rgba(15, 23, 42, .08);--customer-shadow: 0 18px 44px rgba(15, 23, 42, .08);--customer-shadow-soft: 0 10px 26px rgba(15, 23, 42, .06);--customer-safe-bottom: env(safe-area-inset-bottom, 0px);color:var(--customer-ink)}[data-theme=dark] .customer-layout-v2{--customer-green: #34D399;--customer-green-dark: #A7F3D0;--customer-green-soft: rgba(16, 185, 129, .12);--customer-green-glow: rgba(52, 211, 153, .22);--customer-ink: #F8FAFC;--customer-muted: #B7C2D0;--customer-panel: rgba(30, 41, 59, .9);--customer-panel-solid: #1E293B;--customer-line: rgba(148, 163, 184, .15);--customer-shadow: 0 18px 44px rgba(0, 0, 0, .32);--customer-shadow-soft: 0 10px 26px rgba(0, 0, 0, .24);background:linear-gradient(180deg,#0f172a,#16213a 48%,#1e293b)}.customer-layout-v2 .card,.customer-layout-v2 .modal,.customer-layout-v2 .confirm-modal{border-color:var(--customer-line);border-radius:22px;background:var(--customer-panel);box-shadow:var(--customer-shadow-soft)}.customer-layout-v2 .card:hover{border-color:color-mix(in srgb,var(--customer-green) 20%,var(--customer-line));box-shadow:var(--customer-shadow)}.customer-layout-v2 .card-body{padding:20px}.customer-layout-v2 .btn,.customer-layout-v2 .form-input,.customer-layout-v2 .form-select,.customer-layout-v2 .form-textarea,.customer-layout-v2 .search-box input{min-height:48px;border-radius:16px}.customer-layout-v2 .form-input,.customer-layout-v2 .form-select,.customer-layout-v2 .form-textarea,.customer-layout-v2 .search-box input{border-color:var(--customer-line);background:color-mix(in srgb,var(--customer-panel-solid) 92%,var(--bg) 8%);box-shadow:inset 0 1px #ffffff8c}.customer-layout-v2 .form-input:focus,.customer-layout-v2 .form-select:focus,.customer-layout-v2 .form-textarea:focus,.customer-layout-v2 .search-box:focus-within input{border-color:var(--customer-green);box-shadow:0 0 0 4px var(--customer-green-glow)}.customer-layout-v2 .btn-primary{background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;box-shadow:0 14px 28px #128a5a3d}.customer-layout-v2 .btn-primary:hover{background:linear-gradient(135deg,var(--primary-text-strong),var(--primary-dark));box-shadow:0 18px 34px #128a5a47}.customer-layout-v2 .btn-ghost:hover{background:var(--customer-green-soft);color:var(--customer-green-dark)}.customer-layout-v2 .text-primary,.customer-layout-v2 .text-accent{color:var(--primary-text)}[data-theme=dark] .customer-navbar{background:#081321d1}.customer-navbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--customer-line),transparent)}.customer-navbar-inner{padding-inline:24px}.customer-navbar-logo>svg{box-sizing:content-box;width:21px;height:21px;padding:10px;border-radius:13px;background:linear-gradient(145deg,#0b1220,#173725);color:#fff;stroke:var(--customer-green);box-shadow:0 10px 22px #0f172a29}.customer-layout-v2 .customer-navbar-brand .text-accent,.customer-layout-v2 .customer-navbar-brand .text-primary{color:var(--primary-text)}.customer-nav-link.active:after{display:none}.customer-avatar-btn{border-radius:999px}.customer-avatar{box-shadow:none}.customer-main{width:min(100%,980px)}.customer-bottom-nav-inner{min-height:74px}[data-theme=dark] .customer-bottom-nav-inner{border-color:#94a3b81f;background:#132033db}.customer-bottom-tab{min-height:58px}[data-theme=dark] .customer-bottom-tab{color:var(--text-tertiary)}.customer-page-heading,.customer-mobile-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.customer-page-heading h1,.customer-page-heading h2,.customer-mobile-heading h1,.customer-mobile-heading h2{color:var(--customer-ink);font-size:clamp(1.85rem,5vw,2.55rem);font-weight:900;line-height:1.02;letter-spacing:0}.customer-home-hero h1,.customer-home-hero h2{color:var(--text-on-dark);font-size:clamp(2.1rem,8vw,3rem);font-weight:900;line-height:1.02;letter-spacing:0}.customer-page-heading p,.customer-mobile-heading p{color:var(--customer-muted);line-height:1.45}.customer-section-title{color:var(--customer-ink);font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.customer-inline-action{color:var(--customer-green-dark);font-weight:800}.customer-home-page{display:grid;gap:18px}.customer-home-hero{min-height:236px;margin-bottom:0;padding:28px;border-radius:30px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 24px 58px #09442f38;transition:background-image .8s ease,box-shadow .8s ease;position:relative;overflow:hidden}.customer-home-hero.hero-morning{background-image:linear-gradient(100deg,#064e3bb8,#064e3b75 45%,#0003),url(/images/hero/hero-morning.jpg);box-shadow:0 24px 58px #064e3b47}.customer-home-hero.hero-afternoon{background-image:linear-gradient(100deg,#09442fb3,#0f6e4b70 45%,#0000002e),url(/images/hero/hero-afternoon.jpg);box-shadow:0 24px 58px #09442f40}.customer-home-hero.hero-evening{background-image:linear-gradient(100deg,#141e19bd,#1e293b6b 45%,#0000002e),url(/images/hero/hero-evening.jpg);box-shadow:0 24px 58px #0f3d2e4d}.customer-home-hero.hero-night{background-image:linear-gradient(100deg,#050f19c2,#0f172a73 45%,#0003),url(/images/hero/hero-night.jpg);box-shadow:0 24px 58px #022c2259}.customer-home-hero:before,.customer-home-hero:after{display:none}.customer-home-hero p{position:relative;z-index:1;color:var(--text-on-dark);text-shadow:0 1px 4px rgba(0,0,0,.65)}.customer-home-hero h1,.customer-home-hero h2{position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:8px}.customer-home-hero>.text-sm:first-child{display:inline-flex;width:fit-content;min-height:30px;align-items:center;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#ffffff24;color:#ffffffd1;font-weight:800;gap:6px}.customer-home-hero .customer-track-form{margin-top:24px}.customer-home-hero .customer-track-form .search-box input{min-height:52px;border-radius:18px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 8px 32px #00000014;transition:all .2s ease}.customer-home-hero .customer-track-form .search-box input:focus{background:#ffffff24;border-color:#ffffff73;box-shadow:0 0 0 4px #ffffff2e}.customer-home-hero .customer-track-form .search-box input::placeholder{color:#ffffff9e}.customer-home-hero .customer-track-form .search-icon{color:#ffffffb8}.customer-home-hero .customer-track-form .btn{min-width:92px;min-height:52px;border-radius:18px;background:#fff;color:#044e32;font-weight:800;box-shadow:0 14px 26px #00000021}.customer-home-hero .customer-track-form .btn:disabled{background:#ffffffd1;color:#044e32a6;opacity:.8;cursor:not-allowed}[data-theme=dark] .customer-home-hero .customer-track-form .btn{background:#fff;color:#044e32;font-weight:800}[data-theme=dark] .customer-home-hero .customer-track-form .btn:disabled{background:#ffffffd1;color:#044e32a6;opacity:.8}.customer-home-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:-8px}.customer-snapshot-pill{min-width:0;min-height:72px;padding:12px 14px;border:1px solid var(--customer-line);border-radius:22px;background:var(--customer-panel);box-shadow:var(--customer-shadow-soft);display:flex;align-items:center;gap:12px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.customer-snapshot-pill:hover{transform:translateY(-2px);box-shadow:var(--customer-shadow)}.customer-snapshot-icon-chip{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-snapshot-icon-chip.chip-purple{background:#8b5cf61f;color:#8b5cf6}.customer-snapshot-icon-chip.chip-blue{background:#3b82f61f;color:#3b82f6}.customer-snapshot-icon-chip.chip-green{background:#10b9811f;color:#10b981}[data-theme=dark] .customer-snapshot-icon-chip.chip-purple{background:#a78bfa2e;color:#c4b5fd}[data-theme=dark] .customer-snapshot-icon-chip.chip-blue{background:#60a5fa2e;color:#93c5fd}[data-theme=dark] .customer-snapshot-icon-chip.chip-green{background:#34d3992e;color:#6ee7b7}.customer-snapshot-info{min-width:0;display:flex;flex-direction:column}.customer-snapshot-value{color:var(--customer-ink);font-size:1.22rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}.customer-snapshot-label{margin-top:3px;color:var(--customer-muted);font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-trip-capacity-strip{background:color-mix(in srgb,var(--customer-green-soft, var(--primary-bg)) 45%,var(--customer-panel-solid, var(--surface)));border:1px solid var(--customer-line, var(--border));border-radius:16px;padding:12px 14px}.home-trip-capacity-lbl{color:var(--customer-muted, var(--text-secondary));font-weight:700;font-size:.75rem}.home-trip-capacity-pct{color:var(--customer-green-dark, var(--primary));font-size:.75rem}.home-trip-progress-track{height:8px;width:100%;border-radius:999px;background:var(--customer-line, rgba(0, 0, 0, .08));overflow:hidden;position:relative}[data-theme=dark] .home-trip-progress-track{background:#ffffff1a}.home-trip-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#059669);transition:width .8s cubic-bezier(.16,1,.3,1)}.customer-layout-v2 .customer-trip-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--customer-green) 22%,transparent);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--customer-green-soft) 82%,var(--customer-panel-solid) 18%),var(--customer-panel-solid) 62%),var(--customer-panel-solid);color:var(--customer-ink);box-shadow:var(--customer-shadow)}.customer-layout-v2 .customer-trip-card .customer-trip-cta,.customer-layout-v2 .home-hero-trip-card .home-trip-cta{background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;box-shadow:0 14px 28px #128a5a38}.customer-shipment-card,.customer-order-list-card,.customer-trip-list-card{border-radius:24px}.customer-shipment-card .card-body,.customer-order-list-card .card-body,.customer-trip-list-card .card-body{display:grid;gap:10px}.customer-list-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.customer-list-card-title{min-width:0;color:var(--customer-ink);font-size:1rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.customer-list-card-route,.customer-list-card-meta{display:flex;align-items:center;gap:7px;min-width:0;color:var(--customer-muted);font-size:.83rem}.customer-list-card-route span,.customer-list-card-meta span{min-width:0;overflow-wrap:anywhere}.customer-list-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--customer-muted);font-size:.78rem}.customer-list-card-price{color:var(--customer-green-dark);font-size:1rem;font-weight:900}.customer-card-chevron{color:var(--text-tertiary);flex:0 0 auto;margin-top:3px}.customer-announcement-card{border-radius:24px}.customer-orders-search.search-box{margin-bottom:14px}.customer-order-tabs,.responsive-filter-tabs.customer-order-tabs{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;border-bottom:0}.customer-order-tabs .tab{min-width:0;min-height:44px;justify-content:center;border:1px solid var(--customer-line);border-radius:999px;background:var(--customer-panel);color:var(--customer-muted);font-weight:800;white-space:normal}.customer-order-tabs .tab.active{border-color:color-mix(in srgb,var(--customer-green) 40%,transparent);background:var(--customer-green-soft);color:var(--customer-green-dark)}.customer-trips-page{display:grid;gap:14px}.customer-trip-list-card{display:block;width:100%;text-align:left;color:inherit}.customer-trip-date-badge{display:grid;place-items:center;width:56px;height:62px;border-radius:18px;background:var(--primary-fill);color:#fff;box-shadow:0 12px 24px #128a5a33}.customer-trip-date-badge span{font-size:.67rem;font-weight:800;line-height:1}.customer-trip-date-badge strong{font-size:1.45rem;font-weight:900;line-height:.98}.customer-trip-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.booking-page{display:grid;gap:16px}.booking-submitting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:24px;background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.booking-submitting-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #0208174d;padding:28px 32px;max-width:360px;width:100%;text-align:center}.booking-submitting-card svg{color:var(--primary)}.booking-page>h2{color:var(--customer-ink);font-size:clamp(1.8rem,5vw,2.35rem);font-weight:900;letter-spacing:0}.booking-page>.btn-ghost:first-child,.customer-back-action{width:fit-content;min-height:42px;padding-inline:12px;border-radius:999px}.step-progress{position:sticky;top:82px;z-index:5;gap:0;margin-top:0;margin-right:-2px;margin-left:-2px;padding:10px;border:1px solid var(--customer-line);border-radius:24px;background:color-mix(in srgb,var(--customer-panel-solid) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--customer-shadow-soft)}.step-progress .step{min-width:0}.step-progress .step-number{width:34px;height:34px;border-radius:999px;border:0;background:var(--bg-secondary);color:var(--customer-muted);font-weight:900}.step-progress .step.active .step-number,.step-progress .step.completed .step-number{background:var(--primary-fill);color:#fff;box-shadow:0 8px 18px #128a5a38}.step-progress .step-label{color:var(--customer-muted);font-size:.67rem;font-weight:800;letter-spacing:0;text-transform:none}.step-progress .step.active .step-label,.step-progress .step.completed .step-label{color:var(--customer-green-dark)}.step-progress .step-connector{height:2px;margin-inline:3px;border-radius:999px}.customer-layout-v2 .customer-route-option{min-height:118px;border-radius:24px;box-shadow:none}.customer-layout-v2 .customer-route-option[aria-pressed=true]{background:var(--customer-green-soft);border-color:var(--customer-green);box-shadow:0 12px 28px #128a5a1f}.booking-trip-select{max-width:100%;text-overflow:ellipsis}.booking-trip-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:10px;padding:10px;border:1px solid var(--customer-line);border-radius:18px;background:var(--customer-green-soft)}.booking-trip-preview div{min-width:0}.booking-trip-preview span,.booking-trip-preview strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-trip-preview span{margin-bottom:2px;color:var(--customer-muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.booking-trip-preview strong{color:var(--customer-ink);font-size:.78rem;font-weight:900}.booking-cost-card{border-color:color-mix(in srgb,var(--customer-green) 24%,transparent)}.customer-notifications-page{display:grid;gap:12px}.customer-notifications-page .section-header{align-items:center;flex-wrap:wrap;gap:12px 16px}.notification-card{min-height:78px;border-color:var(--customer-line);box-shadow:var(--customer-shadow-soft)}.notification-card.unread .notification-icon-wrap{border-radius:16px}.notification-swipe-hint{font-weight:600}.notification-modal{border-color:var(--customer-line)}.customer-order-detail-page,.customer-order-detail-screen{display:grid;gap:14px}.customer-order-detail-header{margin-bottom:6px;padding:18px;border:1px solid var(--customer-line);border-radius:26px;background:linear-gradient(135deg,var(--customer-green-soft),var(--customer-panel-solid));box-shadow:var(--customer-shadow-soft)}.customer-order-detail-header h1,.customer-order-detail-header h2{color:var(--customer-ink);font-size:clamp(1.25rem,5vw,1.8rem);font-weight:900;letter-spacing:0}.customer-detail-card{border-radius:24px}.customer-contact-card .card-body{min-height:152px}.customer-payment-summary{border-color:var(--customer-line)}.profile-card-premium{position:relative}.profile-card-banner{border-radius:30px 30px 26px 26px}.profile-vip-overlay{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);z-index:2}.profile-card-avatar{border-width:5px}.profile-avatar-container{position:relative;width:86px;height:86px;margin-bottom:var(--space-md)}.profile-card-avatar-circle{width:100%;height:100%;border-radius:var(--radius-full);border:4px solid var(--surface);background:var(--primary-fill);box-shadow:0 12px 26px #128a5a38;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:800}.profile-avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;width:30px;height:30px;border-radius:var(--radius-full);background:var(--accent);border:3.5px solid var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast);padding:0}.profile-avatar-edit-badge:hover{transform:scale(1.1) rotate(15deg);background:var(--accent-light)}.profile-card-body-content{padding:0 var(--space-lg) var(--space-lg);margin-top:-46px;display:flex;flex-direction:column}.profile-card-info-header{text-align:left;margin-bottom:var(--space-md)}.profile-user-name{font-size:1.55rem;font-weight:900;color:var(--customer-ink);margin:0;letter-spacing:-.02em}.profile-user-email{font-size:.85rem;color:var(--customer-muted);margin:4px 0 0}.profile-tier-badge{display:inline-flex;align-items:center;gap:4px;background:var(--primary-lighter);color:var(--primary-dark);font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-xs)}[data-theme=dark] .profile-tier-badge{background:#10b98126;color:#34d399}.profile-completion-container{background:color-mix(in srgb,var(--customer-green-soft) 40%,var(--customer-panel));border:1px solid var(--customer-line);border-radius:22px;padding:16px;margin-top:4px;box-shadow:var(--shadow-xs)}.profile-completion-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--customer-ink);margin-bottom:8px;font-weight:600}.profile-completion-header strong{color:var(--primary-text);font-weight:900}.profile-completion-bar{height:8px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:8px;border:1px solid var(--customer-line)}.profile-completion-fill{height:100%;background:linear-gradient(90deg,var(--customer-green),#10B981);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.22,1,.36,1)}.profile-completion-action{display:block;background:none;border:none;padding:0;color:var(--primary-text);font-size:.72rem;font-weight:800;cursor:pointer;text-decoration:underline;text-align:left;transition:color .15s}.profile-completion-action:hover{color:var(--customer-green-dark)}.profile-section-title{font-size:.75rem;font-weight:900;color:var(--customer-muted);text-transform:uppercase;letter-spacing:.08em;margin:28px 0 10px 4px;text-align:left}.profile-menu-icon-wrap{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;flex-shrink:0}.profile-menu-icon-wrap.primary{background:var(--primary-bg);color:var(--primary-text)}.profile-menu-icon-wrap.accent{background:#2d5a8a14;color:var(--accent-light)}.profile-menu-icon-wrap.success{background:var(--success-bg);color:var(--success-text)}.profile-menu-icon-wrap.info{background:var(--info-bg);color:var(--info-text)}.profile-menu-icon-wrap.warning{background:var(--warning-bg);color:var(--warning-text)}[data-theme=dark] .profile-menu-icon-wrap.primary{background:#10b9811f;color:#34d399}[data-theme=dark] .profile-menu-icon-wrap.accent{background:#5da0d81f;color:#7bb8e8}[data-theme=dark] .profile-menu-icon-wrap.success{background:#34d3991f;color:#34d399}[data-theme=dark] .profile-menu-icon-wrap.info{background:#60a5fa1f;color:#60a5fa}[data-theme=dark] .profile-menu-icon-wrap.warning{background:#fbbf241f;color:#fbbf24}.profile-menu-card{border-radius:26px;overflow:hidden;box-shadow:var(--customer-shadow-soft);border:1px solid var(--customer-line)}.profile-menu-item{min-height:74px}.profile-menu-item.no-hover{cursor:default}.profile-menu-item.no-hover:hover{background:var(--customer-panel);color:var(--customer-ink)}.profile-unread-badge{min-width:22px;height:22px;padding:0 7px;border-radius:var(--radius-full);background:var(--primary-fill);color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-hover);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.toggle-slider{background-color:var(--customer-green)}input:checked+.toggle-slider:before{transform:translate(20px)}.profile-signout{border-radius:20px;min-height:52px;font-weight:800;letter-spacing:.02em;margin-top:14px;box-shadow:var(--shadow-xs)}.customer-personal-info-page{display:grid;gap:14px}.customer-personal-info-page>h2{color:var(--customer-ink);font-size:clamp(1.8rem,5vw,2.35rem);font-weight:900}.form-input-icon{top:50%;z-index:1;transform:translateY(-50%)}.support-chat-page{gap:0}.support-chat-shell{box-shadow:var(--customer-shadow-soft),inset 0 1px #fff9}.support-message-bubble{box-shadow:0 8px 20px #0f172a0f}.support-message-bubble.user-bubble{background:var(--primary-fill);color:#fff}.support-message-bubble.bot-bubble,.support-message-bubble.admin-bubble{border:1px solid var(--customer-line);background:var(--customer-panel-solid);color:var(--customer-ink)}.customer-layout-v2 .support-chat-page .chat-send-btn{border-radius:999px;background:var(--primary-fill);color:#fff;box-shadow:0 12px 24px #128a5a3d}.customer-layout-v2 .support-chat-page .chat-send-btn:disabled{opacity:.5}.login-split-page .chat-send-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 2px 8px #16a34a4d}.login-split-page .chat-send-btn:disabled{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;opacity:.55}.customer-main:has(.support-chat-page){scroll-padding-bottom:calc(94px + var(--customer-safe-bottom))}@media(max-width:899.98px){.customer-navbar-inner{padding-inline:20px}.customer-navbar-logo>svg{width:20px;height:20px;padding:9px;border-radius:12px}.customer-main{width:100%;max-width:560px}.customer-page-heading,.customer-mobile-heading{align-items:flex-start}.customer-home-hero{min-height:226px;padding:26px 22px}.customer-home-snapshot{gap:8px}.customer-snapshot-pill{min-height:64px;padding:10px 8px;gap:8px;border-radius:18px}.customer-snapshot-icon-chip{width:32px;height:32px;border-radius:10px}.customer-snapshot-icon-chip svg{width:14px;height:14px}.customer-snapshot-value{font-size:1.05rem}.customer-order-tabs,.responsive-filter-tabs.customer-order-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-order-tabs .tab:last-child:nth-child(odd){grid-column:1 / -1}.step-progress{top:74px;overflow-x:auto}.step-progress .step-label{display:none}.customer-contact-grid,.grid.grid-2{grid-template-columns:minmax(0,1fr)}.support-chat-page{min-height:0;height:calc(100dvh - 186px - var(--customer-safe-bottom) - var(--app-safe-top) - var(--keyboard-inset, 0px));overflow:hidden}.booking-trip-preview{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.customer-navbar-right{gap:2px}.theme-toggle-btn,.customer-nav-icon-btn{width:38px;height:38px}.customer-home-hero .customer-track-form{grid-template-columns:minmax(0,1fr)}.customer-home-hero .customer-track-form .btn{width:100%}.customer-snapshot-label{font-size:.7rem}.customer-trip-row{grid-template-columns:auto minmax(0,1fr)}.customer-trip-row .customer-card-chevron{display:none}.customer-bottom-nav{padding-inline:12px}.customer-bottom-nav-inner{max-width:390px;min-height:70px;border-radius:26px}.customer-bottom-tab{min-width:50px;min-height:54px;font-size:.6rem}.customer-bottom-tab.book-tab .book-tab-icon{width:52px;height:52px}}@media(max-width:374px){.customer-main,.customer-navbar-inner{padding-inline:14px}.customer-home-snapshot{grid-template-columns:1fr}.customer-snapshot-pill{min-height:56px}}.customer-payment-history-table-wrap{border:1px solid var(--customer-line);border-radius:20px;background:var(--customer-panel);overflow:hidden;box-shadow:var(--customer-shadow-soft);margin-top:12px}.customer-payment-history-table{width:100%;border-collapse:collapse;margin:0}.customer-payment-history-table thead{background:color-mix(in srgb,var(--customer-green-soft) 40%,var(--bg-secondary))}.customer-payment-history-table th{padding:12px 16px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--customer-green-dark);border-bottom:1px solid var(--customer-line);text-align:left}.customer-payment-history-table td{padding:12px 16px;font-size:.8125rem;color:var(--customer-ink);border-bottom:1px solid var(--customer-line);text-align:left}.customer-payment-history-table tbody tr:last-child td{border-bottom:none}.customer-payment-history-table tbody tr:hover{background:color-mix(in srgb,var(--customer-green-soft) 30%,transparent)}@media(max-width:768px){.customer-payment-history-table-wrap{background:transparent;border:none;box-shadow:none;overflow:visible;margin-top:8px}.customer-payment-history-table{display:block}.customer-payment-history-table thead{display:none}.customer-payment-history-table tbody{display:flex;flex-direction:column;gap:12px}.customer-payment-history-table tbody tr{display:flex;flex-direction:column;padding:16px;background:var(--customer-panel);border:1px solid var(--customer-line);border-radius:20px;box-shadow:var(--customer-shadow-soft);gap:8px}.customer-payment-history-table tbody tr:hover{background:var(--customer-panel)}.customer-payment-history-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 6px;border-bottom:1px solid color-mix(in srgb,var(--customer-line) 40%,transparent);font-size:.8125rem;text-align:right;overflow-wrap:anywhere;word-break:break-word}.customer-payment-history-table td[data-label]:before{flex:0 0 auto}.customer-payment-history-table td>*{min-width:0;overflow-wrap:anywhere}.customer-payment-history-table td .cell-stack{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.customer-payment-history-table td:last-child{border-bottom:none;padding-bottom:0}.customer-payment-history-table td[data-label]:before{content:attr(data-label);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--customer-muted);text-align:left;min-width:90px;flex-shrink:0}}.payment-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 10px;flex-wrap:wrap}.payment-list-header .profile-section-title{margin:0 0 0 4px}.payment-list-header .custom-select-root{width:auto;flex:0 0 auto;min-width:172px;max-width:100%}.payment-month-select{width:100%;height:40px;font-size:.8125rem;font-weight:700}.payment-list{border-radius:20px;overflow:hidden;border:1px solid var(--customer-line);background:var(--customer-panel)}.payment-row{display:grid;grid-template-columns:60px 1fr minmax(76px,auto) 16px;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px 14px;background:var(--customer-panel);border:none;border-bottom:1px solid var(--customer-line);text-align:left;cursor:pointer;transition:var(--transition-fast);font-family:inherit}.payment-row:last-child{border-bottom:none}.payment-row:hover{background:var(--customer-green-soft)}.payment-row-date{font-size:.75rem;font-weight:800;color:var(--customer-muted);text-transform:uppercase;letter-spacing:.02em}.payment-row-amount{font-size:.9375rem;font-weight:800;color:var(--customer-ink);font-variant-numeric:tabular-nums;text-align:right}.payment-row-pill{justify-self:end;white-space:nowrap}.payment-row-chevron{color:var(--text-tertiary);justify-self:end}.payment-list-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 0;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.payment-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--customer-line)}.payment-detail-amount{font-size:1.75rem;font-weight:800;color:var(--customer-ink);font-variant-numeric:tabular-nums}.payment-detail-grid{margin:0}.payment-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--customer-line)}.payment-detail-row:last-child{border-bottom:none}.payment-detail-row dt{font-size:.8125rem;color:var(--text-secondary);flex-shrink:0}.payment-detail-row dd{margin:0;font-size:.8125rem;font-weight:700;color:var(--customer-ink);text-align:right;word-break:break-word}.payment-detail-notes{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--bg-secondary)}.payment-options-card{border-radius:20px;overflow:hidden;border:1px solid var(--customer-line);background:var(--customer-panel)}.payment-option-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--customer-line)}.payment-option-row:last-child{border-bottom:none}.payment-security-note{display:flex;align-items:flex-start;gap:8px;margin:20px 0 8px;font-size:.75rem;line-height:1.5;color:var(--customer-muted)}.payment-security-note svg{flex-shrink:0;margin-top:2px}@media(max-width:420px){.payment-row{grid-template-columns:52px 1fr minmax(70px,auto) 14px;gap:8px;padding:12px}.payment-list-header .custom-select-root{width:100%;flex-basis:100%}}body.keyboard-active .customer-bottom-nav,body:has(input:is([type=text],[type=search],[type=password],[type=email],[type=tel],[type=number],[type=url],[type=date],[type=time],[type=datetime-local]):focus,textarea:focus) .customer-bottom-nav{transform:translateY(180%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}body.keyboard-active .customer-main,body.keyboard-active .customer-main:has(.support-chat-page),body:has(textarea:focus) .customer-main:has(.support-chat-page){padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}body.keyboard-active .support-chat-page,body:has(textarea:focus) .support-chat-page{height:calc(100dvh - 76px - var(--keyboard-inset, 0px));min-height:0}.customer-shipment-card-v2{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}.customer-shipment-card-v2:hover{border-color:var(--customer-green);box-shadow:var(--shadow-md)}.customer-list-card-booked-date{font-size:.72rem;color:var(--customer-muted);font-weight:500;margin-top:2px}.customer-list-card-route-visual{display:flex;align-items:center;gap:12px;margin:12px 0}.customer-route-node{font-size:.88rem;font-weight:800}.customer-route-node.origin{color:var(--customer-ink)}.customer-route-node.destination{color:var(--customer-muted)}.customer-route-line-wrap{flex:1;display:flex;align-items:center;position:relative}.customer-route-line{width:100%;height:2px;background:color-mix(in srgb,var(--customer-line) 80%,transparent);position:relative}.customer-route-arrow{position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--customer-green)}.push-prompt-banner{flex-wrap:wrap;align-items:flex-start}.push-prompt-copy{flex:1 1 200px;min-width:0}.push-prompt-actions{flex-shrink:0;margin-left:auto}@media(max-width:480px){.push-prompt-actions{width:100%;justify-content:flex-end;margin-left:0;margin-top:4px}}.customer-layout-v2:has(.support-chat-page){display:flex;flex-direction:column;height:calc(100vh - var(--keyboard-inset, 0px));min-height:0;overflow:hidden}.customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page){display:flex;flex:1 1 auto;flex-direction:column;height:auto;min-height:0;overflow:hidden}.customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page)>.support-chat-page{flex:1 1 auto;height:auto;min-height:0;padding-bottom:0;overflow:hidden}.customer-layout-v2:has(.support-chat-page) .support-chat-shell{flex:1 1 auto;min-height:0}.customer-layout-v2:has(.support-chat-page) .support-chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto}@supports (height: 100dvh){.customer-layout-v2:has(.support-chat-page){height:calc(100dvh - var(--keyboard-inset, 0px));min-height:0}}@media(min-width:900px){.customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page){padding-bottom:40px;scroll-padding-bottom:40px}}@media(max-width:899.98px){.customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page){padding-inline:clamp(12px,3vw,18px);padding-bottom:calc(94px + var(--customer-safe-bottom));scroll-padding-bottom:calc(94px + var(--customer-safe-bottom))}body.keyboard-active .customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page),body:has(textarea:focus) .customer-layout-v2:has(.support-chat-page)>.customer-main:has(.support-chat-page){padding-bottom:calc(8px + var(--customer-safe-bottom));scroll-padding-bottom:calc(8px + var(--customer-safe-bottom))}}@media(max-width:768px){.customer-layout-v2:has(.support-chat-page) .support-message-stack,.inbox-layout .inbox-message-stack{max-width:88%}}@media(max-width:640px){.support-chat-header{padding:8px 10px;gap:8px}.support-chat-header-avatar{width:30px;height:30px}.support-chat-header-title{font-size:.9375rem}}.about-app-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 16px 28px}.about-app-mark{border-radius:50%;margin-bottom:10px;box-shadow:var(--customer-shadow-soft)}.about-app-tagline{margin:2px 0 0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.about-app-version{margin:0;font-size:.8125rem;font-weight:600;color:var(--customer-muted);font-variant-numeric:tabular-nums}.about-app-cell-value{flex-shrink:0;white-space:nowrap;text-align:right;font-size:.8125rem;font-weight:700;color:var(--text-secondary)}@media(max-width:380px){.profile-menu-item .about-app-cell-value{max-width:120px;white-space:normal}}.about-app-footnote{margin:24px 0 8px;text-align:center;font-size:.75rem;font-weight:600;color:var(--customer-muted)}}@layer refresh{.app-layout{--admin-green: #16A34A;--admin-green-dark: #0B5F3D;--admin-green-soft: #F0FDF4;--admin-green-glow: rgba(18, 138, 90, .18);--admin-ink: #0B1220;--admin-muted: #607085;--admin-panel: rgba(255, 255, 255, .92);--admin-panel-solid: #FFFFFF;--admin-line: rgba(15, 23, 42, .08);--admin-shadow: 0 18px 44px rgba(15, 23, 42, .08);--admin-shadow-soft: 0 10px 26px rgba(15, 23, 42, .06);color:var(--admin-ink);overflow-x:clip}[data-theme=dark] .app-layout{--admin-green: #34D399;--admin-green-dark: #A7F3D0;--admin-green-soft: rgba(16, 185, 129, .12);--admin-green-glow: rgba(52, 211, 153, .22);--admin-ink: #F8FAFC;--admin-muted: #B7C2D0;--admin-panel: rgba(30, 41, 59, .92);--admin-panel-solid: #1E293B;--admin-line: rgba(148, 163, 184, .15);--admin-shadow: 0 18px 44px rgba(0, 0, 0, .32);--admin-shadow-soft: 0 10px 26px rgba(0, 0, 0, .24);background:linear-gradient(180deg,#0f172a,#16213a 48%,#1e293b)}.app-layout .sidebar{top:0;left:0;height:100vh;border:none;border-right:1px solid var(--admin-line);border-radius:0;background:var(--admin-panel-solid);color:var(--admin-muted);box-shadow:var(--admin-shadow);overflow:hidden}@supports (background: color-mix(in srgb,#000,#fff)){.app-layout .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--admin-panel-solid) 96%,var(--admin-green-soft) 4%),var(--admin-panel-solid))}}.app-layout .main-content{margin-left:var(--sidebar-width)}.app-layout .sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width)}.app-layout .sidebar-brand{min-height:82px;border-bottom-color:var(--admin-line)}.app-layout .sidebar-brand>svg{box-sizing:content-box;width:22px;height:22px;padding:11px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#0b1220,#173725);stroke:var(--admin-green);box-shadow:0 10px 22px #0f172a29}.app-layout .sidebar-brand .sidebar-brand-wordmark{color:var(--primary-text);font-weight:900;letter-spacing:0}.app-layout .sidebar-brand .sidebar-brand-wordmark span{color:var(--primary-text);font-weight:900}.app-layout .sidebar-section-label{color:color-mix(in srgb,var(--admin-muted) 78%,transparent);font-weight:900;letter-spacing:.11em}.app-layout .sidebar-link{min-height:48px;border-radius:var(--radius-lg);color:var(--admin-muted);font-weight:700}.app-layout .sidebar-link:hover{background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .sidebar-link.active{background:var(--admin-green-soft);color:var(--admin-green-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--admin-green) 16%,transparent)}.app-layout .sidebar-link.active:before{left:7px;width:4px;height:22px;border-radius:var(--radius-full);background:var(--admin-green)}.app-layout .sidebar-count-badge{background:linear-gradient(135deg,#EF4444,var(--admin-green))}.app-layout .sidebar-footer{border-top-color:var(--admin-line);background:color-mix(in srgb,var(--admin-green-soft) 42%,transparent)}.app-layout .sidebar-profile-btn{min-height:48px;border:1px solid var(--admin-line);border-radius:var(--radius-md);background:var(--admin-panel)}.app-layout .sidebar-profile-btn:hover,.app-layout .sidebar-profile-btn.active{background:color-mix(in srgb,var(--admin-green-soft) 35%,var(--admin-panel));border-color:var(--admin-green)}.app-layout .sidebar-user-avatar{background:linear-gradient(135deg,var(--admin-green),var(--primary-light));box-shadow:0 10px 22px #128a5a38}.app-layout .topbar .sidebar-user-avatar{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;cursor:pointer}.app-layout .topbar .sidebar-user-avatar:hover{transform:scale(1.08) translateY(-1px);box-shadow:0 12px 26px #128a5a59}.app-layout .topbar .sidebar-user-avatar:active{transform:scale(.96)}.admin-notif-bell{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.admin-notif-bell:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.admin-notif-bell:active{transform:scale(.95)}.admin-notif-bell.active{background:color-mix(in srgb,var(--admin-green) 12%,var(--surface));border-color:var(--admin-green);color:var(--admin-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-green) 15%,transparent)}.admin-notif-bell.has-unread{animation:bellShake .6s ease-in-out}.admin-notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:linear-gradient(135deg,#DC2626,var(--error-fill));color:#fff;font-size:.5625rem;font-weight:800;line-height:1;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:0 2px 8px #ef444473;animation:badgePop .35s cubic-bezier(.34,1.56,.64,1);z-index:2}.admin-notif-ring{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ef444466;animation:notifPing 2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none;z-index:1}.admin-notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-height:520px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-dropdown, 1000) + 10);display:flex;flex-direction:column;overflow:hidden;animation:notifDropdownIn .25s cubic-bezier(.16,1,.3,1);transform-origin:top right}.admin-notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border-light)}.admin-notif-header-left{display:flex;align-items:center;gap:10px}.admin-notif-header h3{font-size:.9375rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}.admin-notif-unread-pill{font-size:.625rem;font-weight:800;padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--admin-green),var(--primary-light));color:#fff;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 8px #128a5a40}.admin-notif-header-actions{display:flex;align-items:center;gap:4px}.admin-notif-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.admin-notif-action-btn:hover{background:var(--bg-secondary);color:var(--text)}.admin-notif-action-btn.danger:hover{background:#ef44441a;color:var(--error-text-strong)}.admin-notif-body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.admin-notif-body::-webkit-scrollbar{width:4px}.admin-notif-body::-webkit-scrollbar-track{background:transparent}.admin-notif-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.admin-notif-group-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:10px 18px 4px}.admin-notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 18px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease;position:relative;animation:notifItemIn .3s ease both}.admin-notif-item:hover{background:var(--bg-secondary)}.admin-notif-item.unread{background:color-mix(in srgb,var(--admin-green) 4%,transparent)}.admin-notif-item.unread:hover{background:color-mix(in srgb,var(--admin-green) 8%,transparent)}.admin-notif-item-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease}.admin-notif-item:hover .admin-notif-item-icon{transform:scale(1.06)}.admin-notif-item-content{flex:1;min-width:0;cursor:pointer}.admin-notif-item-title{font-size:.8125rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notif-item.unread .admin-notif-item-title{color:var(--admin-ink, var(--text))}.admin-notif-item-msg{font-size:.75rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-notif-item-time{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--text-tertiary);margin-top:4px}.admin-notif-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-top:2px}.admin-notif-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--admin-green),var(--primary-light));box-shadow:0 0 8px #128a5a66;flex-shrink:0}.admin-notif-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-xs);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}@media(hover:none)and (pointer:coarse){.admin-notif-delete-btn{opacity:1;min-width:36px;min-height:36px;width:36px;height:36px}}.admin-notif-item:hover .admin-notif-delete-btn{opacity:1}.admin-notif-delete-btn:hover{background:#ef44441a;color:var(--error-text-strong)}.admin-notif-chevron{color:var(--text-tertiary);opacity:0;transition:opacity .15s ease}.admin-notif-item:hover .admin-notif-chevron{opacity:.6}.admin-notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--text-tertiary);font-size:.8125rem}.admin-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.admin-notif-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:14px}.admin-notif-empty-title{font-size:.9375rem;font-weight:700;color:var(--text);margin:0 0 4px}.admin-notif-empty-sub{font-size:.8125rem;color:var(--text-tertiary);margin:0}@keyframes bellShake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes notifPing{0%{transform:scale(1);opacity:.6}75%,to{transform:scale(2.2);opacity:0}}@keyframes notifDropdownIn{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes notifItemIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.admin-notif-dropdown{width:calc(100vw - 24px);right:-12px;max-height:70vh}}@media(min-width:481px)and (max-width:768px){.admin-notif-dropdown{width:360px}}.app-layout .sidebar-user-name{color:var(--admin-ink);font-weight:800}.app-layout .sidebar-user-role{color:var(--admin-muted);font-weight:700}.app-layout .sidebar-collapse-btn,.app-layout .sidebar-drawer-close-btn{border-color:var(--admin-line);background:var(--admin-panel-solid);color:var(--admin-green-dark);box-shadow:var(--admin-shadow-soft)}.app-layout .sidebar-collapse-btn svg,.app-layout .sidebar-drawer-close-btn svg{box-sizing:border-box;width:18px;height:18px;padding:0;border-radius:0;background:transparent;box-shadow:none;stroke:currentColor}.app-layout .sidebar-collapse-btn{width:36px;height:36px;right:-18px}.app-layout .topbar{height:74px;border-bottom:0;background:#ffffffd1;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:none}[data-theme=dark] .app-layout .topbar{background:#081321d1}.app-layout .topbar:after{content:"";position:absolute;left:32px;right:32px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--admin-line),transparent)}.app-layout .topbar-title{color:var(--primary-text);font-weight:900;letter-spacing:0}.app-layout .topbar-title .text-accent,.app-layout .topbar-title .text-primary{color:var(--primary-text)}.app-layout .topbar-logo-icon{stroke:var(--admin-green)}.app-layout .topbar-actions .btn-icon,.app-layout .theme-toggle-btn{border-radius:var(--radius-full)}.app-layout .topbar-actions .btn-icon:hover,.app-layout .theme-toggle-btn:hover{background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .page-content{padding:clamp(22px,3vw,36px)}.app-layout .admin-page-header{margin-bottom:22px;padding:20px;border:1px solid var(--admin-line);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--admin-green-soft),color-mix(in srgb,var(--admin-panel-solid) 92%,transparent));box-shadow:var(--admin-shadow-soft)}.app-layout .admin-page-title{color:var(--admin-ink);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;letter-spacing:0}.app-layout .admin-page-subtitle{color:var(--admin-muted)}.app-layout .admin-page-meta{align-items:center}.app-layout .card,.app-layout .admin-section-card,.app-layout .admin-table-card,.app-layout .modal,.app-layout .confirm-modal{border-color:var(--admin-line);border-radius:var(--radius-lg);background:var(--admin-panel);box-shadow:var(--admin-shadow-soft)}.app-layout .modal,.app-layout .confirm-modal{border-radius:var(--radius-xl)}.app-layout .card:hover,.app-layout .admin-list-card:hover{border-color:color-mix(in srgb,var(--admin-green) 20%,var(--admin-line));box-shadow:var(--admin-shadow)}.app-layout .card-header{border-bottom-color:var(--admin-line);background:color-mix(in srgb,var(--admin-panel-solid) 88%,var(--admin-green-soft) 12%)}.app-layout .card-header h3{color:var(--admin-ink);font-weight:900}.app-layout .card-body{padding:22px}.app-layout .stat-card{border-radius:var(--radius-lg)}.app-layout .stat-card:hover{border-color:color-mix(in srgb,var(--admin-green) 22%,transparent);box-shadow:var(--admin-shadow);filter:none}.app-layout .stat-card .stat-value{font-weight:900}.app-layout .stat-card .stat-label{font-weight:800}.app-layout .btn{min-height:46px;border-radius:var(--radius-lg);font-weight:800;letter-spacing:0}.app-layout .btn-primary{background:linear-gradient(135deg,var(--primary-fill) 0%,var(--primary-text-strong) 100%);color:#fff;box-shadow:0 14px 28px #128a5a3d}.app-layout .btn-primary:hover{background:linear-gradient(135deg,var(--primary-text-strong),var(--primary-dark));box-shadow:0 18px 34px #128a5a47}.app-layout .btn-outline:hover,.app-layout .btn-ghost:hover{border-color:color-mix(in srgb,var(--admin-green) 28%,transparent);background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .form-input,.app-layout .form-select,.app-layout .form-textarea,.app-layout .form-control,.app-layout .search-box input{min-height:48px;border-color:var(--admin-line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--admin-panel-solid) 92%,var(--bg) 8%);box-shadow:inset 0 1px #ffffff8c}.app-layout .form-input:focus,.app-layout .form-select:focus,.app-layout .form-textarea:focus,.app-layout .form-control:focus,.app-layout .search-box:focus-within input{border-color:var(--admin-green);box-shadow:0 0 0 4px var(--admin-green-glow)}.app-layout .form-label{color:var(--admin-muted);font-weight:800}.app-layout .form-helper,.app-layout .admin-detail-label{color:var(--admin-muted)}.app-layout .admin-toolbar{margin-bottom:18px;padding:10px;border:1px solid var(--admin-line);border-radius:var(--radius-lg);background:var(--admin-panel);box-shadow:var(--admin-shadow-soft)}.app-layout .admin-toolbar:has(.search-box){padding:0;border:none;background:transparent;box-shadow:none;border-radius:0}.app-layout .admin-toolbar:has(.search-box) .search-box input{border:1.5px solid var(--admin-line);background:color-mix(in srgb,var(--admin-panel-solid) 92%,var(--bg) 8%);box-shadow:inset 0 1px #ffffff8c;border-radius:var(--radius-lg)}.app-layout .admin-toolbar:has(.search-box):focus-within{border:none;box-shadow:none;background:transparent}.app-layout .admin-toolbar:has(.search-box) .search-box:focus-within input{border-color:var(--admin-green);box-shadow:0 0 0 3px var(--admin-green-glow);background:color-mix(in srgb,var(--admin-panel-solid) 92%,var(--bg) 8%)}.app-layout .tabs,.app-layout .admin-filter-row,.app-layout .report-period-tabs{gap:8px;border-bottom:0}.app-layout .admin-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));overflow:visible}.app-layout .responsive-filter-tabs.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));overflow:visible}.app-layout .tab,.app-layout .admin-filter-row .btn,.app-layout .report-period-tab{min-height:44px;border:1px solid var(--admin-line);border-radius:var(--radius-full);background:var(--admin-panel);color:var(--admin-muted);font-weight:800;min-width:0;width:100%;white-space:normal;text-align:center;justify-content:center}.app-layout .tab.active,.app-layout .admin-filter-row .btn.active,.app-layout .report-period-tab.active{border-color:color-mix(in srgb,var(--admin-green) 40%,transparent);background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .tabs:not(.responsive-filter-tabs) .tab{flex:0 0 auto;width:auto;white-space:nowrap}.app-layout .responsive-filter-tabs .tab{width:100%;white-space:normal}.app-layout .admin-table-card{overflow:hidden}.app-layout .table-container{border-radius:var(--radius-lg);background:var(--admin-panel)}.app-layout .data-table th{background:color-mix(in srgb,var(--admin-green-soft) 72%,var(--admin-panel-solid) 28%);color:var(--admin-green-dark);font-weight:900;letter-spacing:.07em;border-bottom-color:var(--admin-line)}.app-layout .data-table td{border-bottom-color:var(--admin-line)}.app-layout .data-table tbody tr:hover{background:color-mix(in srgb,var(--admin-green-soft) 62%,transparent)}.app-layout .data-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--admin-green)}.app-layout .admin-list-card{border-radius:var(--radius-lg)}.app-layout .admin-list-card-title{color:var(--admin-ink);font-weight:900}.app-layout .admin-list-card-meta,.app-layout .admin-list-card-footer{color:var(--admin-muted)}.app-layout .admin-detail-item,.app-layout .admin-payment-summary,.app-layout .booking-summary-card{border-color:var(--admin-line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--admin-panel-solid) 82%,var(--admin-green-soft) 18%)}.app-layout .admin-route-option{border:1px solid var(--admin-line);border-radius:var(--radius-md);background:var(--admin-panel)}.app-layout .admin-route-option:hover{border-color:color-mix(in srgb,var(--admin-green) 28%,transparent);background:var(--admin-green-soft)}.app-layout .profile-card-premium{border-color:var(--admin-line);border-radius:var(--radius-xl);background:var(--admin-panel);box-shadow:var(--admin-shadow)}.app-layout .profile-card-banner{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);background:linear-gradient(135deg,var(--admin-green-dark),var(--admin-green))}.app-layout .profile-card-avatar{background:linear-gradient(135deg,var(--admin-green),var(--primary-light));box-shadow:0 16px 32px #128a5a3d}.app-layout .profile-card-name{color:var(--admin-ink);font-weight:900}.app-layout .profile-card-email,.app-layout .profile-card-badge{color:var(--admin-muted)}.app-layout .profile-menu-item:hover{background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .badge-info,.app-layout .badge-success,.app-layout .badge-pending,.app-layout .badge-assigned,.app-layout .badge-in-transit{border-color:color-mix(in srgb,var(--admin-green) 24%,transparent);background:var(--admin-green-soft);color:var(--admin-green-dark)}.app-layout .capacity-bar{background:color-mix(in srgb,var(--admin-line) 70%,transparent)}@media(max-width:1024px){.app-layout .sidebar,.app-layout .sidebar.collapsed{top:0;left:0;height:100vh;width:min(86vw,320px);max-width:320px;border-radius:0;transform:translate(-100%)}.app-layout .sidebar.open,.app-layout .sidebar.open.collapsed{transform:translate(0);box-shadow:18px 0 44px #02081747}.app-layout .main-content,.app-layout .sidebar.collapsed~.main-content{margin-left:0;width:100%}.app-layout.sidebar-collapsed .main-content{width:100%}.app-layout .topbar{height:66px}.app-layout .responsive-filter-tabs{display:none}.app-layout .responsive-filter-select-wrap{display:block}}@media(max-width:768px){.app-layout .page-content{padding:18px}.app-layout .topbar{height:62px;padding-inline:18px}.app-layout .topbar>.flex{min-width:0;flex:1 1 auto}.app-layout .topbar-title{min-width:0;font-size:.98rem;gap:8px}.app-layout .topbar-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout .topbar-actions{flex:0 0 auto;gap:6px}.app-layout .topbar-actions .btn-icon,.app-layout .theme-toggle-btn{min-width:40px;width:40px;min-height:40px;height:40px;padding:0}.app-layout .topbar-command-btn{gap:0}.app-layout .topbar-command-kbd{display:none}.app-layout .topbar:after{left:18px;right:18px}.app-layout .admin-page-header{flex-direction:column;align-items:stretch;gap:14px;padding:18px;border-radius:var(--radius-lg)}.app-layout .admin-page-header>div:first-child{min-width:0}.app-layout .admin-page-header .flex.gap-8{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px}.app-layout .admin-page-header .btn{flex:1 1 auto;min-width:0;justify-content:center}.app-layout .admin-toolbar{padding:8px}}@media(max-width:640px){.admin-page-header{flex-direction:column;align-items:stretch;gap:14px}.admin-page-header .flex.gap-8{width:100%;flex-wrap:wrap}.admin-page-header .btn{flex:1 1 140px;justify-content:center}.unsettled-filter-row{flex-direction:column;align-items:stretch;gap:12px}.unsettled-filter-row .responsive-filter{width:100%}.unsettled-filter-row .unsettled-search-box{width:100%;max-width:none}}@media(max-width:820px){.app-layout .table-container{overflow-x:visible}.app-layout .data-table tbody tr,.app-layout .report-table tbody tr{background:var(--admin-panel);border-color:var(--admin-line);box-shadow:var(--admin-shadow-soft)}.app-layout .data-table td[data-label]:before,.app-layout .report-table td[data-label]:before{color:var(--admin-muted);font-weight:700;letter-spacing:.04em}.app-layout .data-table td:first-child,.app-layout .report-table td:first-child{border-bottom-color:var(--admin-line)}.app-layout .data-table td[data-label=Action],.app-layout .report-table td[data-label=Action],.app-layout .data-table td[data-label=Actions],.app-layout .report-table td[data-label=Actions]{border-top-color:var(--admin-line)}.app-layout .data-table tfoot tr,.app-layout .report-table tfoot tr{background:color-mix(in srgb,var(--admin-green-soft) 55%,var(--admin-panel));border-color:var(--admin-line)}.app-layout .data-table tbody tr:hover,.app-layout .report-table tbody tr:hover{background:color-mix(in srgb,var(--admin-green-soft) 50%,var(--admin-panel))}.app-layout .data-table tbody tr:hover td:first-child,.app-layout .report-table tbody tr:hover td:first-child{box-shadow:none}.app-layout .feature-drag-handle{display:none}}@media(max-width:900px){.app-layout .table-container:has(.data-table--wide),.app-layout .table-container:has(.report-table--wide){overflow-x:visible}.app-layout .data-table--wide tbody tr,.app-layout .report-table--wide tbody tr{background:var(--admin-panel);border-color:var(--admin-line);box-shadow:var(--admin-shadow-soft)}.app-layout .data-table--wide td[data-label]:before,.app-layout .report-table--wide td[data-label]:before{color:var(--admin-muted);font-weight:700;letter-spacing:.04em}.app-layout .data-table--wide td:first-child,.app-layout .report-table--wide td:first-child{border-bottom-color:var(--admin-line)}.app-layout .data-table--wide td[data-label=Action],.app-layout .report-table--wide td[data-label=Action],.app-layout .data-table--wide td[data-label=Actions],.app-layout .report-table--wide td[data-label=Actions]{border-top-color:var(--admin-line)}.app-layout .data-table--wide tfoot tr,.app-layout .report-table--wide tfoot tr{background:color-mix(in srgb,var(--admin-green-soft) 55%,var(--admin-panel));border-color:var(--admin-line)}.app-layout .data-table--wide tbody tr:hover,.app-layout .report-table--wide tbody tr:hover{background:color-mix(in srgb,var(--admin-green-soft) 50%,var(--admin-panel))}.app-layout .data-table--wide tbody tr:hover td:first-child,.app-layout .report-table--wide tbody tr:hover td:first-child{box-shadow:none}}@media(max-width:480px){.app-layout .page-content{padding:14px}.app-layout .admin-page-title{font-size:1.45rem}.app-layout .card-body{padding:18px}.app-layout .stat-card{min-height:96px}}.app-layout .admin-payment-table .payment-ref-cell{color:var(--text-secondary)}.app-layout .admin-payment-table .receipt-link{display:flex;align-items:center;gap:4px;margin-top:4px}.app-layout .payment-ref-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--bg-secondary, #f7f7f8);color:var(--text-secondary);cursor:pointer;font-family:SF Mono,Cascadia Code,Fira Code,monospace;line-height:1.4;transition:all .15s ease;white-space:nowrap}.app-layout .payment-ref-copy-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary-text-strong)}.app-layout .payment-ref-copy-btn:hover svg{opacity:1}.app-layout .payment-ref-copy-btn:active{transform:scale(.97)}.app-layout .payment-auto-badge{font-weight:700;letter-spacing:.02em}.topbar-command-kbd{font-size:.6875rem;font-weight:600;background:var(--bg-secondary);padding:1px 5px;border-radius:var(--radius-xs);border:1px solid var(--border-light);font-family:inherit;color:var(--text-tertiary)}.sales-reports-switcher{display:flex;gap:6px;margin-bottom:20px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md);width:fit-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-reports-tab{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 18px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;font-family:var(--font-sans)}.sales-reports-tab:hover{background:var(--surface);color:var(--text)}.sales-reports-tab.active{background:var(--surface);color:var(--primary-text);font-weight:600;box-shadow:var(--shadow-sm)}[data-theme=dark] .sales-reports-tab.active{background:#10b981;color:#0f172a}@media(max-width:480px){.sales-reports-switcher{flex-wrap:wrap;width:100%;overflow-x:visible}.sales-reports-tab{flex:1 1 calc(50% - 6px);justify-content:center;min-width:0;white-space:normal;text-align:center}}}@layer hardening{@supports (height: 100dvh){.app-layout,.main-content,.customer-layout-v2,.auth-page,.login-split-page,.trk-page,.public-about-page,.not-found-page,.loading-screen{min-height:100dvh}.sidebar,.app-layout .sidebar,.app-layout .sidebar.collapsed{height:100dvh}.support-chat-page{height:calc(100dvh - 160px - var(--keyboard-inset, 0px))}@media(max-width:1024px){.app-layout .sidebar,.app-layout .sidebar.collapsed{height:100dvh}}}.app-layout .topbar>.flex,.app-layout .topbar-title{display:inline-flex;align-items:center}.app-layout .topbar-title,.customer-navbar-logo{line-height:1}.app-layout .topbar-title>span{display:inline-flex;align-items:center;line-height:1;min-width:0}.app-layout .topbar-logo-icon,.customer-navbar-logo>svg{display:block;flex-shrink:0;align-self:center}.btn>svg,.tab>svg,.card-header h3>svg,.admin-page-title>svg,.customer-section-title>svg,.customer-inline-action>svg,.alert-banner>svg,.profile-menu-item>svg,.sidebar-link>svg,.customer-bottom-tab>svg,.responsive-filter-option>svg,.responsive-filter-trigger>svg,.custom-select-trigger>svg{display:block;flex-shrink:0;align-self:center}.form-input-wrapper .form-input-icon{display:block;flex-shrink:0}.form-input-wrapper:has(textarea) .form-input-icon{top:24px;transform:none;margin-top:0!important}.form-input-wrapper:has(textarea) .form-textarea.form-input-icon-left{padding-left:44px}.tab,.customer-section-title{align-items:center}.tab{display:inline-flex;gap:8px;line-height:1}.app-layout .tabs:not(.responsive-filter-tabs){align-items:center;flex-wrap:wrap}.app-layout .tabs:not(.responsive-filter-tabs) .tab{display:inline-flex;align-items:center;justify-content:center}.customer-layout-v2 .customer-home-snapshot{align-items:stretch;gap:8px}.customer-layout-v2 .customer-snapshot-pill{display:grid;align-content:center;min-width:0}.customer-layout-v2 .customer-snapshot-value{align-items:center;gap:5px;line-height:1}.customer-layout-v2 .customer-snapshot-value svg{width:15px;height:15px;flex-shrink:0}.customer-layout-v2 .customer-snapshot-label{line-height:1.2;overflow-wrap:normal}.app-layout .topbar-command-kbd{font-size:.6875rem}@media(max-width:640px){.app-layout .topbar{gap:8px}.app-layout .topbar>.flex{gap:8px}.app-layout .topbar-title{flex:1 1 auto;max-width:none;gap:6px;font-size:.92rem}.app-layout .topbar-title>span{display:inline-flex;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout .topbar-logo-icon{width:20px;height:20px}.app-layout .topbar-actions{gap:4px}.app-layout .topbar-actions .btn-icon,.app-layout .theme-toggle-btn{min-width:38px;width:38px;min-height:38px;height:38px}.app-layout .grid-4:has(.stat-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.app-layout .grid-4:has(.stat-card) .stat-card{min-height:104px;padding:16px;column-gap:10px}.app-layout .grid-4:has(.stat-card) .stat-icon{width:42px;height:42px;border-radius:14px}}@media(max-width:480px){.app-layout .topbar-title .brand-wordmark{display:none}}@media(max-width:380px){.app-layout .topbar{gap:6px;padding-inline:14px}.app-layout .topbar>.flex{gap:6px}.app-layout .topbar-title{gap:5px;font-size:.84rem}.app-layout .topbar-logo-icon{width:19px;height:19px}}@media(max-width:340px){.app-layout .topbar-title .text-primary{display:none}.app-layout .topbar-title>span{max-width:none;overflow:visible}}@media(max-width:360px){.customer-layout-v2 .customer-home-snapshot{gap:6px}.customer-layout-v2 .customer-snapshot-pill{min-height:62px;padding:9px 7px;border-radius:18px}.customer-layout-v2 .customer-snapshot-value{font-size:.98rem}.customer-layout-v2 .customer-snapshot-label{font-size:.64rem}}:root{--app-safe-top: env(safe-area-inset-top, 0px)}.app-layout .topbar{box-sizing:border-box;height:calc(74px + var(--app-safe-top));padding-top:var(--app-safe-top)}@media(max-width:1024px){.app-layout .topbar{height:calc(66px + var(--app-safe-top))}}@media(max-width:768px){.app-layout .topbar{height:calc(62px + var(--app-safe-top))}}.customer-layout-v2 .customer-navbar{padding-top:var(--app-safe-top)}.customer-layout-v2 .step-progress{top:calc(82px + var(--app-safe-top))}@media(max-width:899.98px){.customer-layout-v2 .step-progress{top:calc(74px + var(--app-safe-top))}}.app-layout .sidebar{padding-top:var(--app-safe-top)}.app-layout .sidebar-collapse-btn{top:calc(20px + var(--app-safe-top))}.about-glass-nav{padding-top:calc(16px + var(--app-safe-top))}.about-scroll-progress{top:var(--app-safe-top)}[data-theme=dark] .btn-primary{background:#10b981}[data-theme=dark] .app-layout .btn-primary,[data-theme=dark] .customer-layout-v2 .btn-primary,[data-theme=dark] .auth-submit-btn,[data-theme=dark] .login-right-panel .login-submit-btn,[data-theme=dark] .auth-page .auth-submit-btn,[data-theme=dark] .login-submit-btn,[data-theme=dark] .trk-search-btn,[data-theme=dark] .onboarding-btn,[data-theme=dark] .about-submit-btn{background:#10b981;color:#0f172a}[data-theme=dark] .btn-primary:hover,[data-theme=dark] .app-layout .btn-primary:hover,[data-theme=dark] .customer-layout-v2 .btn-primary:hover,[data-theme=dark] .auth-submit-btn:hover:not(:disabled),[data-theme=dark] .login-right-panel .login-submit-btn:hover:not(:disabled),[data-theme=dark] .auth-page .auth-submit-btn:hover:not(:disabled),[data-theme=dark] .login-submit-btn:hover:not(:disabled),[data-theme=dark] .trk-search-btn:hover:not(:disabled),[data-theme=dark] .onboarding-btn:hover,[data-theme=dark] .about-submit-btn:hover:not(:disabled){background:#34d399;color:#0f172a}html,.customer-main,.page-content,.auth-page,.login-split-page,.login-right-panel,.modal-body,.table-container{scroll-padding-bottom:var(--keyboard-inset, 0px)}body.keyboard-open .customer-main:not(:has(.support-chat-page)){padding-bottom:calc(24px + var(--keyboard-inset, 0px))}body.keyboard-open .page-content{padding-bottom:calc(28px + var(--keyboard-inset, 0px))}body.keyboard-open .auth-page{padding-bottom:calc(48px + var(--keyboard-inset, 0px))}body.keyboard-open .login-right-panel{padding-bottom:calc(52px + var(--keyboard-inset, 0px))}body.keyboard-open .modal,body.keyboard-open .confirm-modal{max-height:calc(100dvh - 32px - var(--keyboard-inset, 0px))}body.keyboard-open .customer-bottom-nav,body.keyboard-open .customer-chat-fab{opacity:0;pointer-events:none}}@layer density{@media(max-width:768px){:root{--font-h1-fluid: clamp(1.3125rem, 2.5vw + .5rem, 1.75rem);--font-h2-fluid: clamp(1.0625rem, 1.8vw + .4rem, 1.375rem);--font-h3-fluid: clamp(.9375rem, 1.2vw + .3rem, 1.125rem)}}@media(max-width:400px){:root{--font-h1-fluid: 1.1875rem;--font-h2-fluid: 1rem;--font-h3-fluid: .9063rem}}@media(max-width:768px){.app-layout .admin-page-title{font-size:1.3rem;gap:8px}}@media(max-width:400px){.app-layout .admin-page-title{font-size:1.175rem}}@media(max-width:768px){.app-layout .stat-card .stat-value,.app-layout .grid-4:has(.stat-card) .stat-card .stat-value{font-size:1.3rem;line-height:1.1}.app-layout .stat-card,.app-layout .grid-4:has(.stat-card) .stat-card,.app-layout .stat-card:not(:has(.stat-icon)){min-height:100px;padding:16px;border-radius:20px;column-gap:12px}.app-layout .stat-card .stat-label,.app-layout .grid-4:has(.stat-card) .stat-card .stat-label{font-size:.72rem;line-height:1.25}}@media(max-width:400px){.app-layout .stat-card .stat-value,.app-layout .grid-4:has(.stat-card) .stat-card .stat-value{font-size:1.15rem}.app-layout .stat-card,.app-layout .grid-4:has(.stat-card) .stat-card,.app-layout .stat-card:not(:has(.stat-icon)){min-height:86px;padding:13px;border-radius:18px;column-gap:10px}.app-layout .stat-card .stat-icon,.app-layout .grid-4:has(.stat-card) .stat-icon{width:36px;height:36px;border-radius:12px}.app-layout .stat-card .stat-label,.app-layout .grid-4:has(.stat-card) .stat-card .stat-label{font-size:.7rem}}@media(max-width:768px){.app-layout .grid-2:has(.stat-card){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.card-header,.app-layout .card-header,.customer-layout-v2 .card-header{padding:12px 16px}.app-layout .card-body,.customer-layout-v2 .card-body{padding:16px}.card-body{padding:var(--space-md)}}@media(max-width:400px){.card-header,.app-layout .card-header,.customer-layout-v2 .card-header{padding:11px 14px}.app-layout .card-body,.customer-layout-v2 .card-body,.card-body{padding:14px}}@media(max-width:768px){.grid.gap-2{gap:2px}.grid.gap-4{gap:4px}.grid.gap-6{gap:6px}.grid.gap-8{gap:8px}.grid.gap-10{gap:10px}.grid.gap-12{gap:12px}.grid.gap-20,.grid.gap-24,.grid.gap-32,.grid.gap-lg,.grid.gap-xl{gap:16px}.app-layout .mb-24,.customer-layout-v2 .mb-24{margin-bottom:16px}.app-layout .mt-24,.customer-layout-v2 .mt-24{margin-top:16px}.app-layout .mb-20,.customer-layout-v2 .mb-20{margin-bottom:14px}}@media(max-width:400px){.grid,.grid.gap-20,.grid.gap-24,.grid.gap-32,.grid.gap-lg,.grid.gap-xl{gap:12px}.app-layout .page-content,.customer-layout-v2 .page-content{padding:14px}}@media(max-width:520px){.customer-layout-v2 .customer-home-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-layout-v2 .customer-snapshot-pill{min-height:72px;padding:13px 16px}.customer-layout-v2 .customer-snapshot-value{font-size:1.15rem}.customer-layout-v2 .customer-snapshot-label{font-size:.72rem}}@media(max-width:768px){.customer-layout-v2 .customer-home-hero{min-height:0;padding:20px 18px;border-radius:24px}.customer-layout-v2 .customer-home-hero h1,.customer-layout-v2 .customer-home-hero h2{font-size:1.375rem;line-height:1.15;margin-bottom:6px}.customer-layout-v2 .customer-home-hero p{font-size:.8125rem;line-height:1.45}.customer-layout-v2 .customer-home-hero>.text-sm:first-child{min-height:26px;margin-bottom:8px;padding:4px 9px;font-size:.75rem}.customer-layout-v2 .customer-home-hero .customer-track-form{margin-top:14px;gap:8px}.customer-layout-v2 .customer-home-hero .customer-track-form .search-box input,.customer-layout-v2 .customer-home-hero .customer-track-form .btn{height:44px;min-height:44px;font-size:.8125rem}.customer-layout-v2 .customer-home-page{gap:13px}.customer-layout-v2 .customer-list-card-title,.customer-layout-v2 .customer-list-card-price{font-size:.9375rem}.customer-layout-v2 .customer-list-card-booked-date{font-size:.7rem}.customer-layout-v2 .card-body.p-16{padding:13px}.customer-layout-v2 .profile-menu-icon-wrap{width:34px;height:34px;border-radius:10px}.customer-layout-v2 .home-trip-cta{min-height:44px;font-size:.875rem}}@media(max-width:400px){.customer-layout-v2 .customer-home-hero{padding:17px 15px;border-radius:20px}.customer-layout-v2 .customer-home-hero h1,.customer-layout-v2 .customer-home-hero h2{font-size:1.25rem}.customer-layout-v2 .customer-home-page{gap:11px}.customer-layout-v2 .customer-list-card-title,.customer-layout-v2 .customer-list-card-price{font-size:.90625rem}.customer-layout-v2 .card-body.p-16{padding:12px}}}@layer print{.print-doc{display:none}@media print{@page{size:8.5in 11in portrait;margin:.75in .7in .85in}body *{visibility:hidden}.print-doc,.print-doc *{visibility:visible}.print-doc{display:block;position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;font-family:Times New Roman,Georgia,serif;font-size:11pt;line-height:1.45}body{background:#fff!important}.print-doc *{animation:none!important;transition:none!important;box-shadow:none!important}.pd-letterhead{text-align:center;padding-bottom:8pt;border-bottom:3px double #000;margin-bottom:14pt}.pd-company-name{font-size:17pt;font-weight:700;letter-spacing:1.5pt;text-transform:uppercase}.pd-company-tagline{font-size:9.5pt;font-style:italic;margin-top:1pt}.pd-company-contact{font-size:8.5pt;color:#222;margin-top:1pt}.pd-title-block{text-align:center;margin-bottom:16pt}.pd-title{font-size:13.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.5pt}.pd-subtitle{font-size:10.5pt;margin-top:2pt}.pd-generated{font-size:8.5pt;color:#333;margin-top:2pt}.pd-section{margin-bottom:14pt}.pd-section-title{font-size:10.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.5pt;border-bottom:1.5px solid #000;padding-bottom:2pt;margin-bottom:6pt}.pd-table{width:100%;border-collapse:collapse;font-size:9pt}.pd-table th,.pd-table td{border:1px solid #444;padding:3.5pt 5pt;text-align:left;vertical-align:top}.pd-table th{font-weight:700;background:#e8e8e8;print-color-adjust:exact;-webkit-print-color-adjust:exact}.pd-table .num{text-align:right;font-variant-numeric:tabular-nums}.pd-table .ctr{text-align:center}.pd-table tfoot td{font-weight:700;background:#f2f2f2;print-color-adjust:exact;-webkit-print-color-adjust:exact}.pd-table thead{display:table-header-group}.pd-table tr,.pd-section,.pd-signatures{break-inside:avoid}.pd-section.pd-flow{break-inside:auto}.pd-signatures{display:flex;justify-content:space-between;gap:48pt;margin-top:36pt}.pd-signature{flex:1;max-width:220pt}.pd-signature-label{font-size:9.5pt;margin-bottom:28pt}.pd-signature-line{border-bottom:1px solid #000}.pd-signature-name{font-size:9.5pt;font-weight:700;text-align:center;margin-top:2pt;text-transform:uppercase}.pd-signature-role{font-size:8.5pt;text-align:center;color:#333}.pd-footer{margin-top:22pt;padding-top:4pt;border-top:1px solid #999;font-size:7.5pt;color:#444;text-align:center;font-style:italic}}}
