:root{--background: #F8FAFC;--surface: #FFFFFF;--surface-secondary: #F1F5F9;--surface-luxury: #FFFFFF;--text: #1E293B;--text-heading: #0F172A;--text-muted: #475569;--text-muted-strong: #1E293B;--text-on-navy: #FFFFFF;--primary: #FF5C00;--primary-text: #C2410C;--primary-glow: rgba(255, 92, 0, .15);--error-glow: rgba(220, 38, 38, .15);--white-03: rgba(255, 255, 255, .03);--white-05: rgba(255, 255, 255, .05);--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-80: rgba(255, 255, 255, .8);--black-05: rgba(0, 0, 0, .05);--black-10: rgba(0, 0, 0, .1);--black-20: rgba(0, 0, 0, .2);--black-50: rgba(0, 0, 0, .5);--secondary: #0F172A;--secondary-rgb: 15, 23, 42;--secondary-light: #1E293B;--accent-glow-primary: rgba(255, 92, 0, .1);--accent-glow-secondary: rgba(15, 23, 42, .03);--border: #64748B;--success: #059669;--success-bg: #dcfce7;--success-glow: rgba(5, 150, 105, .4);--error: #DC2626;--error-rgb: 220, 38, 38;--error-bg: #fee2e2;--warning: #D97706;--warning-bg: #fef9c3;--info: #374151;--info-bg: #f3f4f6;--indigo: #6366f1;--sky: #0ea5e9;--pink: #ec4899;--brand-whatsapp: #25D366;--brand-whatsapp-hover: #22c35e;--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem;--card-shadow: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 6px -2px rgba(0, 0, 0, .04);--shadow-elite-sm: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-elite-md: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-elite-lg: 0 30px 50px -10px rgba(0, 0, 0, .12), 0 15px 20px -5px rgba(0, 0, 0, .06);--grad-vivid: linear-gradient(135deg, #FF5C00 0%, #EA580C 100%);--transition-luxury: all .6s cubic-bezier(.2, 0, 0, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--text-5xl: clamp(2.25rem, 5vw + 1rem, 3.5rem);--text-4xl: clamp(1.875rem, 4vw + 1rem, 2.5rem);--text-3xl: clamp(1.5rem, 3vw + 1rem, 2rem);--text-2xl: clamp(1.25rem, 2vw + 1rem, 1.75rem);--text-xl: clamp(1.125rem, 1.5vw + .5rem, 1.5rem);--text-lg: clamp(1rem, 1vw + .5rem, 1.25rem);--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--spacing-2xl: 4rem;--mobile-padding: 1rem;--mobile-padding-sm: .75rem}@media(prefers-color-scheme:dark){:root{--background: #000000;--surface: #334155;--surface-secondary: #0F172A;--surface-luxury: rgba(30, 41, 59, .8);--surface-luxury-dark: rgba(15, 23, 42, .9);--text: #F1F5F9;--text-heading: #F8FAFC;--text-muted: #BCCDD8;--text-muted-strong: #CBD5E1;--text-on-navy: #FFFFFF;--primary: #FF5C00;--primary-text: #FF914D;--secondary: #E2E8F0;--secondary-light: #CBD5E1;--accent-glow-primary: rgba(255, 92, 0, .08);--accent-glow-secondary: rgba(148, 163, 184, .06);--border: #94A3B8;--success: #34D399;--success-bg: rgba(52, 211, 153, .15);--success-glow: rgba(52, 211, 153, .4);--error: #F87171;--error-bg: rgba(248, 113, 113, .15);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .15);--info: #94A3B8;--info-bg: rgba(148, 163, 184, .15);--indigo: #818cf8;--sky: #38bdf8;--pink: #f472b6;--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--grad-vivid: linear-gradient(135deg, #FF5C00 0%, #C2410C 100%)}}.btn-vivid{background:var(--grad-vivid);color:var(--text-on-navy);padding:1rem 2rem;min-height:var(--touch-target-min);border-radius:var(--radius-md);font-weight:750;font-size:1rem;letter-spacing:.5px;box-shadow:0 10px 25px -5px var(--primary-glow);transition:var(--transition-luxury);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-vivid:after,.btn-primary:after{content:"";position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,var(--white-0) 45%,var(--white-15) 50%,var(--white-0) 55%);animation:shimmer 6s infinite ease-in-out;pointer-events:none}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(50%,50%) rotate(0)}}.btn-vivid:hover{transform:translateY(-5px);box-shadow:0 20px 35px -8px var(--primary-glow);color:var(--text-on-navy)}.btn-vivid:active{transform:translateY(2px);box-shadow:var(--btn-shadow-active)}.btn-tactile{background:var(--secondary);color:var(--text-on-navy);padding:.875rem 1.75rem;min-height:var(--touch-target-min);border-radius:var(--radius-md);font-weight:700;font-size:.95rem;letter-spacing:.3px;box-shadow:var(--shadow-elite-md);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border:none;cursor:pointer}.btn-tactile:hover{transform:translateY(-3px);filter:brightness(1.2)}.btn-tactile:active{transform:translateY(2px);box-shadow:var(--shadow-elite-sm)}.btn-primary{background:var(--primary);color:var(--text-on-navy);padding:.75rem 1.5rem;min-height:var(--touch-target-min);border-radius:var(--radius-md);font-weight:700;transition:var(--transition-normal);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-elite-sm)}.btn-primary:active{transform:translateY(0)}.btn-vivid:focus-visible,.btn-tactile:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 7px var(--primary-glow)}@media(prefers-color-scheme:dark){.btn-tactile{background:#0f172a;color:var(--text-on-navy);box-shadow:0 4px 12px #00000080}.btn-tactile:hover{background:#1e293b}.btn-tactile:active{box-shadow:var(--shadow-sm)}}@media(max-width:768px){.btn-vivid,.btn-tactile{padding:1rem 1.75rem;font-size:.875rem;letter-spacing:1px}.btn-vivid:hover,.btn-tactile:hover{transform:translateY(-1px)}.btn-vivid:active,.btn-tactile:active{transform:translateY(1px)}}.toast-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:320px;max-width:450px;background:var(--surface);border-left:5px solid var(--primary);padding:1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-elite-md);display:flex;align-items:center;gap:1rem;color:var(--text);font-weight:600}.toast.error{border-left-color:var(--error)}.toast.success{border-left-color:var(--success)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-close{background:none;border:none;cursor:pointer;opacity:.5;padding:4px;color:var(--text);transition:opacity .2s;display:flex;align-items:center}.toast-close:hover{opacity:1}.skeleton{background:var(--surface-secondary);background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--white-10) 37%,var(--surface-secondary) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton-card{height:300px;border-radius:var(--radius-lg)}.skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-title{height:2rem;margin-bottom:1rem;width:60%}.skeleton-circle{width:60px;height:60px;border-radius:50%}@media(prefers-color-scheme:dark){.skeleton{background:var(--surface-secondary);background:linear-gradient(90deg,var(--surface-secondary) 25%,rgba(255,255,255,.05) 37%,var(--surface-secondary) 63%);background-size:400% 100%}}.backdrop-blur{position:fixed;inset:0;background:var(--black-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.common-modal{background:var(--surface);width:100%;max-width:400px;border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;position:relative;border:1px solid var(--border-light)}.common-modal-header{padding:24px 24px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.common-modal-actions{padding:16px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-box-blue{border:1px solid var(--border-light);background:var(--surface-secondary);padding:16px;border-radius:12px;margin-bottom:24px}.info-box-header-blue{margin:0 0 12px;color:var(--primary-text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.info-box-yellow{background:var(--surface-secondary);padding:12px 16px;border-radius:12px;font-size:.85rem;color:var(--warning);display:flex;align-items:center;gap:10px;border:1px solid var(--border-light);margin-top:16px}.empty-state-box{text-align:center;padding:60px;color:var(--text-muted)}.empty-state-icon{font-size:40px;opacity:.2;margin-bottom:16px}.restricted-access-box{text-align:center;padding:60px 20px}.restricted-icon{font-size:48px;margin-bottom:12px}#invoice-print-area{display:block}#label-print-area{display:none}@media print{#invoice-print-area,#label-print-area{display:block}}.badge-payment-status{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;border:1px solid currentColor}.badge-payment-status.success{background-color:var(--success-bg);color:var(--success)}.badge-payment-status.warning{background-color:var(--warning-bg);color:var(--warning)}.badge-payment-status.error{background-color:var(--error-bg);color:var(--error)}.badge-payment-status.info{background-color:var(--info-bg);color:var(--info)}.full-screen-center{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:scale(1.01);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}a{text-decoration:none;color:inherit}a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}html{height:100%;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{min-height:100%;position:relative;font-family:var(--font-body);background-color:var(--background);color:var(--text);overflow-x:hidden;background-image:radial-gradient(at 100% 0%,var(--accent-glow-primary) 0,transparent 50%),radial-gradient(at 0% 100%,var(--accent-glow-secondary) 0,transparent 50%);background-attachment:fixed;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);font-weight:800;letter-spacing:-.025em;line-height:1.1}h1,.display-1{color:var(--text-heading);background:linear-gradient(135deg,var(--text-heading) 0%,var(--secondary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}input,select,textarea,button{font-family:inherit;font-size:16px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:48px;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text);transition:all .2s ease;outline:none!important;box-shadow:none}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 2px var(--primary-glow);transform:none}.field-grid input,.form-card input,.input-group input,.input-row input{outline:none!important}@media(prefers-color-scheme:dark){body{background-color:var(--background);color:var(--text);background-image:radial-gradient(at 100% 0%,var(--accent-glow-primary) 0,transparent 50%),radial-gradient(at 0% 100%,var(--accent-glow-secondary) 0,transparent 50%)}.glass-card{background:var(--surface-luxury-dark);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--white-10);box-shadow:var(--shadow-elite-lg)}.glass-card:before{background:linear-gradient(180deg,var(--white-05) 0%,var(--white-0) 100%)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--surface-secondary);color:var(--text);border-color:var(--border)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.9}input:focus,select:focus,textarea:focus{background:var(--surface);color:var(--text);border-color:var(--primary)}}#root{min-height:100vh}.ml-auto{margin-left:auto}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;width:100%}.footer{flex-shrink:0;width:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.w-60px{width:60px}.w-100px{width:100px}.w-180{width:180px}.min-h-60{min-height:60px}.h-full{height:100%}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:4px}.mt-2{margin-top:.5rem}.mt-3{margin-top:12px}.mt-4{margin-top:1rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:12px}.gap-4{gap:1rem}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.relative{position:relative}.text-center{text-align:center}.pointer-events-none{pointer-events:none}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;z-index:1000;transition:var(--transition-normal);padding:0 var(--spacing-lg)}.navbar.scrolled{height:70px;background:var(--surface-luxury);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--white-10);box-shadow:var(--shadow-elite-sm)}@media(prefers-color-scheme:dark){.navbar.scrolled{background:var(--surface-luxury-dark);border-bottom-color:var(--white-10)}}.navbar.scrolled .nav-link,.navbar.scrolled .navbar-logo,.navbar.scrolled .icon-btn{color:var(--secondary)}.navbar-logo{transition:var(--transition-normal)}.navbar-logo:hover{opacity:.8}.navbar-container{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.8rem;font-weight:900;color:var(--secondary);display:flex;align-items:center;gap:.5rem;transition:var(--transition-normal)}.brand-text{display:flex;align-items:center}.logo-accent{color:var(--primary)}.navbar .nav-link,.navbar .nav-btn,.navbar .icon-btn,.navbar .mobile-toggle{color:var(--secondary)}.navbar.on-dark-header .navbar-logo,.navbar.on-dark-header .nav-link,.navbar.on-dark-header .nav-btn,.navbar.on-dark-header .icon-btn,.navbar.on-dark-header .mobile-toggle{color:var(--text-on-navy)}.navbar.on-dark-header .logo-accent{color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}.navbar.scrolled .nav-link,.navbar.scrolled .nav-btn,.navbar.scrolled .navbar-logo,.navbar.scrolled .icon-btn,.navbar.scrolled .mobile-toggle{color:var(--secondary)}.navbar.scrolled .logo-accent{color:var(--primary)}.navbar-links{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link{font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;color:var(--secondary);position:relative;padding-bottom:5px;text-decoration:none}.nav-link:hover{color:var(--primary-text)}.nav-btn{font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;color:var(--secondary);position:relative;padding-bottom:5px;background:none;border:none;cursor:pointer;text-decoration:none}.nav-btn:hover{color:var(--primary-text)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md)}.cta-btn{background:var(--grad-vivid);color:var(--text-on-navy);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:800;box-shadow:var(--btn-shadow)}.icon-btn{background:transparent;color:inherit;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:var(--transition-normal);text-decoration:none}.icon-btn:hover{background:var(--primary-glow);color:var(--primary)}.mobile-toggle{display:none;background:none;border:none;color:inherit;cursor:pointer}.mobile-header-cta,.mobile-menu{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-toggle{display:block;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:12px}.mobile-header-cta{display:flex;font-size:.75rem;padding:.5rem 1rem;margin-right:auto;margin-left:10px;white-space:nowrap;min-height:40px}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:80px;left:0;width:100%;background:var(--surface);padding:24px 20px;box-shadow:var(--shadow-elite-lg);gap:4px;border-bottom:3px solid var(--primary);z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{font-weight:700;color:var(--secondary);text-decoration:none;font-size:1rem;padding:14px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast);min-height:var(--touch-target-min);display:flex;align-items:center}.mobile-menu a:active{background:var(--accent-glow-secondary)}.mobile-cta{width:100%;margin-top:12px;min-height:var(--touch-target-comfortable)}.navbar-container{padding:0 var(--mobile-padding-sm)}}@media(max-width:480px){.navbar{height:70px}.navbar.scrolled{height:65px}.mobile-header-cta{font-size:.7rem;padding:.4rem .875rem;margin-left:8px}.mobile-menu{top:70px;padding:20px 16px}.mobile-menu a{font-size:.95rem;padding:12px 14px}}@media(prefers-color-scheme:dark)and (max-width:768px){.mobile-menu{background:var(--surface-secondary);box-shadow:var(--shadow-elite-lg)}.mobile-menu a{color:var(--text)}.mobile-menu a:active{background:var(--white-05)}}.hero{max-width:1400px;margin:0 auto;padding:120px 40px 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;overflow:visible;position:relative;z-index:1}.hero:before,.hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.3;pointer-events:none;animation:float-blob 20s infinite alternate ease-in-out}.hero:before{top:-10%;right:-10%;background:radial-gradient(circle,var(--accent-glow-primary) 0%,transparent 70%)}.hero:after{bottom:-10%;left:-10%;background:radial-gradient(circle,var(--accent-glow-secondary) 0%,transparent 70%);animation-delay:-10s;opacity:.8}@keyframes float-blob{0%{transform:translate(0) scale(1)}to{transform:translate(50px,100px) scale(1.1)}}.hero-badge{background:var(--surface-luxury);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--secondary);padding:10px 24px;border-radius:100px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:12px;margin-bottom:30px;border:1px solid var(--border);box-shadow:0 4px 15px #0000000d,inset 0 0 20px #ffffff80;transition:var(--transition-normal)}.hero-badge:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 25px var(--primary-glow)}.hero-badge .dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow)}.hero-content{position:relative;z-index:10}.hero-content h1{font-size:clamp(3.5rem,6vw,4.8rem);line-height:1;margin-bottom:30px}.hero-content .highlight{color:var(--primary-text);text-shadow:2px 2px 0px var(--primary-glow)}.hero-content p{font-size:1.35rem;color:var(--text-muted);margin-bottom:50px;line-height:1.5}.quick-track-hero{display:flex;background:var(--surface);padding:2px;border-radius:16px;border:1.5px solid var(--border);max-width:600px;transition:all .2s ease;align-items:stretch;box-shadow:none}.quick-track-hero:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.quick-track-hero input{flex:1;border:none!important;padding:0 20px;font-size:1.1rem;font-weight:600;outline:none!important;box-shadow:none!important;color:var(--text-heading);background:transparent!important}.quick-track-hero input::placeholder{color:var(--text-muted)}.quick-track-hero .btn-primary{padding:.8rem 2rem;white-space:nowrap;background:var(--grad-vivid);color:var(--text-on-navy);border-radius:12px;font-weight:800;box-shadow:0 4px 15px var(--primary-glow)}.hero-visual{position:relative;animation:float-dashboard 6s infinite ease-in-out}@keyframes float-dashboard{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(prefers-color-scheme:dark){.quick-track-hero{background:var(--surface);border-color:var(--border)}.quick-track-hero input{color:var(--text)}.hero-badge{background:var(--surface-luxury);border-color:var(--border);color:var(--text-heading)}.hero:before,.hero:after{opacity:.45;filter:blur(150px)}}@media(max-width:1100px){.hero{grid-template-columns:1fr;text-align:center;padding-top:110px;gap:40px}.hero-content p{margin:0 auto 50px;max-width:600px}.quick-track-hero{margin:0 auto}}@media(max-width:768px){.hero{padding:100px var(--mobile-padding) 60px;gap:30px;touch-action:pan-y}.hero:before,.hero:after{animation:none;width:300px;height:300px;filter:blur(60px)}.hero-visual{pointer-events:none;z-index:0}.hero-content{z-index:10;pointer-events:auto}.hero-badge{font-size:.8rem;padding:8px 16px;margin-bottom:20px}.hero-content h1{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:24px}.hero-content p{font-size:1.1rem;margin-bottom:40px}}@media(max-width:600px){.hero{padding:90px var(--mobile-padding-sm) 50px}.quick-track-hero{flex-direction:column;gap:15px;background:transparent;box-shadow:none;border:none;padding:0}.app-card{transform:none;transform-style:flat;border-radius:24px;touch-action:pan-y;box-shadow:var(--shadow-elite-md)}.tracking-dashboard-container{perspective:none}.quick-track-hero input{background:var(--surface);padding:20px;border-radius:var(--radius-md);border:2px solid var(--secondary);font-size:16px;color:var(--text)}.quick-track-hero .btn-vivid{width:100%;padding:1rem 1.5rem}.hero-badge{font-size:.75rem}.hero-content h1{font-size:clamp(2rem,10vw,2.5rem)}.hero-content p{font-size:1rem;margin-bottom:32px}}@media(max-width:375px){.hero{padding:80px var(--mobile-padding-sm) 40px}.hero-content h1{font-size:1.875rem;line-height:1.1}.hero-content p{font-size:.95rem}.quick-track-hero input{padding:16px}}.tracking-dashboard-container{position:relative;width:100%;max-width:500px;margin:0 auto;perspective:1500px}.app-card{background:var(--surface-luxury);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid var(--border);box-shadow:var(--shadow-elite-lg);z-index:10;overflow:hidden;position:relative;transform-style:preserve-3d;transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s cubic-bezier(.23,1,.32,1)}.app-card:hover{transform:rotateY(0) rotateX(0) scale(1.02)}.status-card{min-height:380px;display:flex;flex-direction:column}.hero-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);pointer-events:none;z-index:-1}@media(max-width:768px){.hero-visual{pointer-events:none}.tracking-dashboard-container,.tracking-dashboard-container *{max-width:100%;perspective:none;pointer-events:none}.tracking-dashboard-container{padding:0 var(--mobile-padding-sm)}.app-card{transform:none;transform-style:flat;border-radius:24px;touch-action:pan-y}}@media(max-width:480px){.app-card{border-radius:20px}}.milestone-container{padding:30px 24px;flex:1}.milestone{display:flex;gap:16px;position:relative;z-index:2}.m-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.milestone.active .m-icon{background:var(--success);color:var(--text-on-navy);box-shadow:0 0 15px var(--primary-glow)}.milestone.pending .m-icon{background:var(--primary);color:var(--text-on-navy)}.milestone.gray .m-icon{background:var(--white-10);color:var(--text)}.m-text{display:flex;flex-direction:column;text-align:left}.m-title{color:var(--text-heading);font-weight:700;font-size:.95rem}.m-time,.m-desc{font-size:.75rem;color:var(--text-muted);opacity:.9;margin-top:2px}.m-line{width:2px;height:35px;margin-left:13px;position:relative;z-index:1}.m-line.active{background:var(--success)}.m-line.pulsing{background:linear-gradient(to bottom,var(--success),var(--primary-glow))}.m-line.gray{background:var(--white-05)}@media(max-width:768px){.milestone-container{padding:24px 20px}}@media(max-width:480px){.milestone-container{padding:20px 16px}.m-icon{width:24px;height:24px;font-size:.7rem}.m-title{font-size:.875rem}.m-time,.m-desc{font-size:.7rem}.m-line{height:30px;margin-left:11px}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border);color:var(--text-heading);font-size:.9rem;font-weight:700}.status-dot-pulse{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--success-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.hero-tracking-metadata{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px;background:var(--surface-secondary);border-bottom:1px solid var(--border);width:100%}.h-meta-item{display:flex;flex-direction:column;align-items:center}.h-meta-label{font-size:.65rem;color:var(--text-muted);opacity:1;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.h-meta-value{font-size:.85rem;color:var(--text-heading);font-weight:800}.h-meta-divider{width:1px;height:24px;background:var(--border)}.milestone-footer{padding:15px 20px;background:var(--surface-secondary);border-top:1px solid var(--border)}.milestone-footer p{font-size:.65rem;color:var(--text-muted);opacity:.8;margin:0;line-height:1.4;font-style:italic}@media(max-width:768px){.hero-tracking-metadata{padding:10px 16px;gap:16px}.h-meta-label{font-size:.6rem}.h-meta-value{font-size:.8rem}}@media(max-width:480px){.app-header{padding:12px 16px;font-size:.85rem}.milestone-footer{padding:12px 16px}.milestone-footer p{font-size:.6rem}}.landing-page{padding-bottom:0}.section-header{text-align:center;margin-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:16px}.section-header h2{font-size:clamp(2.2rem,5vw,2.8rem);color:var(--text-heading);font-weight:800;margin:0;letter-spacing:-.03em;line-height:1.1;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--grad-vivid);border-radius:2px}.section-header p{font-size:1.15rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6;font-weight:500}.container{max-width:1400px;margin:0 auto;padding:0 20px}.landing-container-padding{padding:60px 20px}.skeleton-center{margin:0 auto 40px}.metadata-column{display:flex;flex-direction:column}.metadata-primary{display:block;line-height:1.2}.metadata-secondary{display:block;line-height:1.2;font-size:.85em;opacity:.8;margin-top:2px}.tracking-page{min-height:calc(100vh - 80px);background:var(--background);display:flex;flex-direction:column}.tracking-header{background:var(--surface);color:var(--secondary);padding:100px 20px 40px;text-align:center;position:relative;overflow:hidden;background-image:radial-gradient(at 0% 0%,var(--accent-glow-primary) 0,transparent 40%),radial-gradient(at 100% 100%,var(--accent-glow-secondary) 0,transparent 40%)}.tracking-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--text-muted) 1px,transparent 1px);background-size:20px 20px;opacity:.1;pointer-events:none;display:none}.tracking-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:12px;color:var(--secondary);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.title-icon{color:var(--primary)}.tracking-header p{color:var(--text-muted);font-size:1.1rem;margin-bottom:60px;position:relative;z-index:1}.tracking-form{display:flex;gap:12px;max-width:700px;margin:-30px auto 0;position:relative;z-index:10;padding:0 20px}.search-input{flex:1;background:var(--surface);border-radius:12px;display:flex;align-items:center;padding:2px 12px;border:1.5px solid var(--border);transition:all .2s ease;box-shadow:none}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.tracking-form .search-input input{border:none!important;outline:none!important;width:100%;padding:12px;font-size:1rem;color:var(--text-heading);font-weight:600;background:transparent;box-shadow:none!important}.search-input input::placeholder{color:var(--text-muted)}.track-submit{background:var(--grad-vivid);color:var(--text-on-navy);font-weight:800;padding:0 32px;border-radius:12px;box-shadow:0 10px 20px -5px var(--primary-glow);transition:all .3s cubic-bezier(.2,0,0,1);border:none;cursor:pointer;font-size:1rem;white-space:nowrap}.track-submit:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px var(--primary-glow)}.track-submit:active{transform:translateY(0)}.tracking-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:80px auto 40px;padding:0 20px}.feature-card{background:var(--surface);padding:30px;border-radius:16px;text-align:center;border:1px solid var(--surface-secondary);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-elite-md)}.feature-icon{font-size:2.5rem;margin-bottom:16px;background:var(--warning-bg);width:80px;height:80px;line-height:80px;border-radius:50%;margin-left:auto;margin-right:auto;color:var(--warning)}.feature-card h3{color:var(--text-heading);font-weight:700;margin-bottom:8px;font-size:1.25rem}@media(prefers-color-scheme:dark){.tracking-page{background:var(--background)}.tracking-header{background:var(--surface-secondary)}.tracking-header h1{color:var(--text-heading)}.search-input{background:var(--surface-secondary);border-color:var(--border)}.search-input input{color:var(--text-heading)}.search-input input::placeholder{color:var(--text-muted)}.feature-card{background:var(--surface-secondary);border-color:var(--border)}.feature-card h3{color:var(--text-heading)}.feature-card p{color:var(--text-muted-strong)}.feature-icon{background:var(--border);color:var(--warning)}.tracking-result-card,.glass-card{background:var(--surface-secondary);border-color:var(--border);color:var(--text-heading)}.history-title{color:var(--text-heading);border-color:var(--border)}.step-label{color:var(--text-muted)}.progress-step.completed .step-label,.progress-step.current .step-label{color:var(--text-heading)}.step-icon{background:var(--border);border-color:var(--surface-secondary)}.shipment-journey,.tracking-meta h4,.tracking-meta p{color:var(--text-muted-strong)}.tracking-meta label{color:var(--text-muted)}li span,p,h3,h4{color:var(--text-heading)}.timeline-date,.timeline-loc{color:var(--text-muted-strong)}}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.error-message{max-width:600px;margin:20px auto 0;background:var(--surface-secondary);border:1px solid var(--error);color:var(--error);padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.error-icon{font-size:1.5rem}.error-close{margin-left:auto;background:none;border:none;color:var(--error);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;opacity:.8;transition:opacity .2s}.error-close:hover{opacity:1}.tracking-content{max-width:1000px;margin:60px auto;padding:0 20px;position:relative;z-index:5}.history-title{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-light);font-size:1.25rem;color:var(--text-heading);font-weight:700;margin-top:10px}@media(max-width:768px){.tracking-header{padding:60px 20px 30px}.tracking-content{margin-top:10px}.tracking-form{flex-direction:column;margin-top:-20px}.search-input{width:100%}.track-submit{width:100%;padding:14px}.tracking-features{margin-top:40px;grid-template-columns:1fr}}.highlight-status{color:var(--primary);font-weight:700;margin-left:8px}.tracking-progress-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;position:relative;padding:0 10px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-icon{width:40px;height:40px;border-radius:50%;background:var(--border-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease;border:2px solid var(--surface);box-shadow:0 2px 4px var(--black-05)}.progress-step.completed .step-icon,.progress-step.current .step-icon{background:var(--primary);color:var(--text-on-navy);box-shadow:0 4px 10px -2px var(--primary-glow)}.progress-step.current .step-icon{transform:scale(1.1);border-color:var(--warning-bg)}.step-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-align:center}.progress-step.completed .step-label,.progress-step.current .step-label{color:var(--text-heading);font-weight:700}.step-line{position:absolute;top:20px;left:50%;width:100%;height:3px;background:var(--border-light);z-index:-1;transform:translateY(-50%)}.step-line.completed{background:var(--primary)}.progress-step:last-child .step-line{display:none}.tracking-metadata-strip{display:flex;align-items:center;justify-content:center;gap:32px;background:var(--surface);padding:16px 24px;border-radius:16px;box-shadow:var(--shadow-elite-sm);margin-bottom:24px;border:1px solid var(--border)}.metadata-item{display:flex;align-items:center;gap:12px}.metadata-icon{color:var(--primary);background:var(--primary-glow);padding:8px;border-radius:10px}.metadata-content{display:flex;flex-direction:column}.metadata-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:.95rem;color:var(--secondary);font-weight:700}.metadata-divider{width:1px;height:32px;background:var(--border)}.tracking-timeline-card{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-elite-md);border:1px solid var(--border);padding:32px;width:100%;margin-top:10px;position:relative;overflow:hidden}.milestones-vertical{display:flex;flex-direction:column;gap:0}.milestone-row{display:flex;gap:20px;min-height:80px}.milestone-row:last-child{min-height:auto}.milestone-visual{display:flex;flex-direction:column;align-items:center;width:28px}.milestone-icon-wrapper{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;background:var(--background);color:var(--text-muted);border:2px solid var(--border)}.milestone-line{width:2px;flex:1;background:var(--border);margin:4px 0;z-index:1}.milestone-content{flex:1;padding-bottom:30px}.milestone-row:last-child .milestone-content{padding-bottom:0}.milestone-info{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.milestone-label{font-size:1.1rem;font-weight:700;color:var(--text-muted);margin:0}.milestone-date{font-size:.8rem;color:var(--text-muted);font-weight:500}.milestone-row.completed .milestone-icon-wrapper{background:var(--success);color:var(--text-on-navy);border-color:var(--success);box-shadow:0 0 15px var(--primary-glow)}.milestone-row.completed .milestone-line{background:var(--success)}.milestone-row.completed .milestone-label{color:var(--secondary)}.milestone-row.active .milestone-icon-wrapper{background:var(--primary);color:var(--text-on-navy);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.2)}.milestone-row.active .milestone-label{color:var(--primary);font-size:1.2rem}.milestone-row.active .milestone-line{background:linear-gradient(to bottom,var(--primary),var(--border))}.tracking-card-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.tracking-card-footer p{font-size:.75rem;color:var(--text-muted);font-style:italic;text-align:center;margin:0;line-height:1.5}@media(max-width:768px){.tracking-metadata-strip{flex-direction:row;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px}.metadata-divider{width:1px;height:24px;display:block;background:var(--border)}.metadata-item{flex:1;justify-content:flex-start;min-width:0}.metadata-content{min-width:0}.metadata-value{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracking-timeline-card{padding:24px}.milestone-info{flex-direction:column;gap:4px}.milestone-label{font-size:1rem}}@media(prefers-color-scheme:dark){.tracking-metadata-strip,.tracking-timeline-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:none}.metadata-label,.meta-value,.timeline-header h3,.journey-status,.current-status-highlight,.timeline-item h4,.timeline-item p,.location-text{color:var(--text)}.timeline-date{color:var(--text-muted)}.timeline-icon-wrapper{background-color:var(--surface-secondary);border-color:var(--border);color:var(--text)}.timeline-connector{background-color:var(--border)}.timeline-item.active .timeline-icon-wrapper,.timeline-item.completed .timeline-icon-wrapper{background-color:var(--primary);border-color:var(--primary);color:var(--text-on-navy)}.timeline-item.completed .timeline-connector{background-color:var(--primary)}.strip-divider{background-color:var(--border)}}.custom-dropdown-container{position:relative;width:100%}.dropdown-label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px}.dropdown-trigger{height:52px;padding:0 20px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{border-color:var(--border)}.dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:2px solid var(--primary);outline-offset:2px}.dropdown-trigger.placeholder .current-value{color:var(--text-muted)}.current-value{font-size:.95rem;color:var(--text);font-weight:500}.chevron-icon{color:var(--text-muted);transition:.3s}.dropdown-trigger.open .chevron-icon{transform:rotate(180deg);color:var(--primary-text)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-elite-lg);border:1px solid var(--border);z-index:2000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:12px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--background)}.dropdown-search svg{color:var(--text-muted)}.dropdown-search input{border:none;background:transparent;padding:0;height:auto;font-size:.9rem;box-shadow:none;width:100%}.dropdown-search input:focus{outline:2px solid var(--primary)}.dropdown-options{max-height:250px;overflow-y:auto;padding:5px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.dropdown-option{padding:10px 15px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s;font-size:.9rem;color:var(--text-muted);font-weight:500}.dropdown-option:hover,.dropdown-option.focused{background:var(--surface-secondary);color:var(--text-heading)}.dropdown-option.selected{background:var(--primary-light);color:var(--primary-text);font-weight:700}.no-options{padding:20px;text-align:center;font-size:.85rem;color:var(--text-muted)}@media(prefers-color-scheme:dark){.dropdown-trigger{background:var(--surface);border-color:var(--border);color:var(--text)}.current-value{color:var(--text-heading)}.dropdown-menu{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-elite-lg)}.dropdown-search{background:var(--surface-secondary);border-color:var(--border)}.dropdown-search input{color:var(--text-heading)}.dropdown-option{color:var(--text-muted)}.dropdown-option:hover,.dropdown-option.focused{background:var(--surface-secondary);color:var(--text-heading)}.dropdown-label{color:var(--text-muted)}}.custom-dropdown-container.shake-animation .dropdown-trigger{border-color:var(--warning);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.pricing-page{padding-top:80px;min-height:100vh;background:var(--background);color:var(--text)}.pricing-hero{text-align:center;padding:60px 20px 80px;max-width:100%;margin:0;background:var(--surface);color:var(--text-heading);position:relative;overflow:hidden;background-image:radial-gradient(at 0% 0%,var(--accent-glow-primary) 0,transparent 40%),radial-gradient(at 100% 100%,var(--accent-glow-secondary) 0,transparent 40%)}.pricing-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:20px;color:var(--text);font-weight:900}@media(prefers-color-scheme:dark){.pricing-hero{background:transparent}}.pricing-hero p{color:var(--text-muted);font-size:1.2rem}.pricing-container{max-width:1200px;margin:0 auto;padding:20px}@media(max-width:992px){.results-grid{grid-template-columns:1fr}.pricing-hero h1{font-size:2.5rem}}@media(max-width:768px){.calc-grid{grid-template-columns:1fr}.calculator-card{padding:20px}}.pricing-disclaimer{margin-top:40px;display:flex;align-items:flex-start;gap:10px;background:var(--surface-secondary);border:1px solid var(--border);padding:20px;border-radius:12px;color:var(--text-muted);font-size:.9rem}.calculator-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px;margin:-40px auto 40px;max-width:1000px;box-shadow:var(--shadow-elite-lg);z-index:10;position:relative}.calc-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;border-bottom:2px solid var(--border);padding-bottom:15px}.calc-header h3{font-size:1.5rem;color:var(--secondary);font-weight:800}@media(prefers-color-scheme:dark){.calc-header h3{color:var(--text-heading)}.calc-header svg{color:var(--primary)}}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.weight-selector{margin-bottom:2rem;background:var(--background);padding:20px;border-radius:var(--radius-sm)}.weight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pricing-hero{text-align:center;padding:40px 20px 60px;border-radius:20px}.weight-value{background:var(--primary);color:var(--text-on-navy);padding:6px 16px;border-radius:20px;font-weight:800;font-size:1.1rem;box-shadow:0 4px 10px var(--primary-glow)}.weight-slider{width:100%;height:12px;background:var(--surface-secondary);border-radius:10px;outline:2px solid var(--primary);outline-offset:2px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s}.weight-slider:hover{background:var(--border)}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:var(--primary);border:4px solid var(--surface-secondary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-elite-sm);transform:scale(1);transition:transform .1s}.weight-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.calc-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);padding:40px;background:var(--background);border-radius:12px;border:1px dashed var(--border)}.intl-toggle-wrap{background:var(--surface-secondary);padding:15px 25px;border-radius:20px;border:1.5px solid var(--border);margin-bottom:25px;box-shadow:var(--shadow-elite-sm)}.toggle-slider{position:relative;width:44px;height:24px;background:var(--border);border-radius:20px;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--text-on-navy);border-radius:50%;transition:.3s;box-shadow:var(--shadow-elite-sm)}.calc-placeholder{margin-top:32px;border-top:1.5px solid var(--border);padding-top:40px!important}@media(max-width:968px){.calc-grid{grid-template-columns:1fr;gap:24px}.calculator-card{padding:36px 28px;margin-top:-30px}}@media(max-width:768px){.calculator-card{padding:32px 24px;margin-top:-20px;margin-bottom:32px}.calc-header h3{font-size:1.3rem}.calc-grid{gap:20px}.weight-selector{padding:18px}.intl-toggle-wrap{padding:14px 18px}}@media(max-width:480px){.calculator-card{padding:24px 20px;border-radius:var(--radius-md)}.calc-header{margin-bottom:24px}.calc-header h3{font-size:1.2rem}.weight-selector{padding:16px;margin-bottom:24px}.weight-value{font-size:1rem;padding:5px 14px}.weight-slider{height:10px}.weight-slider::-webkit-slider-thumb{width:24px;height:24px}.intl-toggle-wrap{padding:12px 16px}.toggle-text{font-size:.85rem}.toggle-slider{width:40px;height:22px}.toggle-slider:before{width:16px;height:16px}.toggle-label input:checked+.toggle-slider:before{transform:translate(18px)}}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;border-top:1.5px solid var(--border);padding-top:30px}.service-result-card{background:var(--background);border:1px solid var(--border);border-radius:20px;padding:20px;text-align:center;transition:var(--transition-luxury);position:relative;box-shadow:none}.service-result-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--card-shadow-hover)}.service-result-card.featured{border:1.5px solid var(--primary);background:var(--surface-secondary)}.best-value{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--grad-vivid);color:var(--text-on-navy);padding:4px 16px;border-radius:100px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px var(--primary-glow)}.service-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:1rem;color:var(--primary);background:var(--primary-glow)}.service-result-card h4{color:var(--secondary);font-size:1rem;margin-bottom:2px;font-weight:800}.service-result-card .speed{color:var(--primary);font-weight:600;font-size:.75rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.service-result-card .price{font-size:1.5rem;font-weight:800;color:var(--text-heading);margin-bottom:8px;position:relative;display:inline-block}.price-asterisk{font-size:.9rem;color:var(--primary-text);margin-top:4px}.features{list-style:none;padding:12px 0 0;margin:0;text-align:left;display:inline-block;border-top:1px solid var(--black-05);width:100%}.features li{padding:4px 0;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px}.features li:before{content:"✓";color:var(--success);font-weight:800}@media(prefers-color-scheme:dark){.service-result-card h4,.service-result-card .price{color:var(--text-heading)}.service-icon{color:var(--primary);background:var(--primary-glow)}}@media(max-width:992px){.results-grid{grid-template-columns:1fr;gap:12px}.service-result-card{padding:16px}}@media(max-width:650px){.results-grid{margin-top:24px;gap:12px}.service-result-card{padding:20px 16px;display:flex;flex-direction:column;align-items:center}.service-icon{width:48px;height:48px;font-size:1.25rem;margin-bottom:12px}.service-result-card h4{font-size:1.1rem;margin-bottom:4px}.service-result-card .speed{font-size:.8rem;margin-bottom:12px}.service-result-card .price{font-size:1.75rem;margin-bottom:16px}.features li{font-size:.85rem;padding:2px 0;gap:6px}.best-value{font-size:.65rem;padding:4px 10px;top:-10px}}@media(max-width:650px){.results-grid{display:flex;flex-direction:column;gap:12px;margin-top:20px}.service-result-card,.service-result-card.featured{padding:16px;min-height:auto;display:grid;grid-template-columns:50px 1fr auto;align-items:center;width:100%;box-sizing:border-box;text-align:left;gap:12px}.service-icon{width:48px;height:48px;font-size:1.25rem;margin:0}.service-result-card h4{grid-column:2;grid-row:1;font-size:1.1rem;margin:0;line-height:1.2}.service-result-card .speed{grid-column:2;grid-row:2;font-size:.8rem;margin:4px 0 0;text-align:left}.service-result-card .price{grid-column:3;grid-row:1 / span 2;font-size:1.5rem;font-weight:800;margin:0;align-self:center}.features{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;border-top:1px solid var(--border-light);padding-top:8px;justify-content:flex-start}.features li{font-size:.8rem;padding:0;width:auto;display:inline-flex}.best-value{position:static;transform:none;grid-column:1 / -1;width:fit-content;margin-bottom:4px;font-size:.7rem;padding:2px 8px}}@media(prefers-color-scheme:dark){.service-result-card{background-color:var(--surface);border-color:var(--border);box-shadow:none}.service-result-card.featured{background-color:var(--surface);border:2px solid var(--primary)}.service-result-card h4,.service-result-card .price{color:var(--text-heading)}.service-result-card .speed{color:var(--primary)}.features li{color:var(--text-muted)}.service-icon{background:var(--primary-glow);color:var(--primary)}@media(max-width:650px){.features{border-top-color:var(--white-10)}}.best-value{color:var(--secondary);background:var(--surface-secondary);font-weight:800;border:1px solid var(--primary)}}.success-screen{text-align:center;padding:40px 0}.success-hero{margin-bottom:40px}.tracking-display{background:var(--secondary);padding:30px;border-radius:1.5rem;margin-bottom:40px;color:var(--text-on-navy)}.tracking-display code{font-size:2rem;font-weight:900;color:var(--primary-text)}.package-details-step{display:flex;flex-direction:column;gap:32px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service-unavailable-premium{margin:8px 0;padding:24px;background:var(--surface);border:1.5px solid var(--primary-glow);border-radius:20px;box-shadow:var(--shadow-elite-md);position:relative;overflow:hidden;animation:slideUp .4s ease-out}.service-unavailable-premium:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,92,0,.03) 0%,transparent 70%);pointer-events:none}.premium-alert-content{display:flex;gap:20px;position:relative;z-index:1}.premium-icon-badge{width:48px;height:48px;background:var(--surface);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--card-shadow);flex-shrink:0}.premium-text-wrap h5{color:var(--primary);font-size:1.1rem;font-weight:800;margin-bottom:6px}.premium-text-wrap p{color:var(--text);font-size:.9rem;line-height:1.5;margin-bottom:12px}.status-badge-mini{display:inline-flex;align-items:center;gap:8px;background:var(--surface);padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:800;color:var(--primary-text);border:1px solid rgba(255,92,0,.1)}.pulse-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);animation:status-pulse 2s infinite}@keyframes status-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.lead-capture-form{background:var(--surface);padding:20px;border-radius:1rem;border:1px solid var(--border);box-shadow:var(--card-shadow)}.lead-capture-form p{font-size:.85rem;color:var(--secondary);font-weight:600;margin-bottom:15px;text-align:center}.notify-success{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--success);font-weight:700;padding:10px;background:var(--surface-secondary);border-radius:10px}.intl-toggle-wrap{background:var(--surface-secondary);padding:12px 16px;border-radius:12px;border:1px solid var(--border)}.intl-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}.intl-header .group-label{margin-bottom:0;flex:1}.intl-header .group-label:after{display:none}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--secondary-light);border-radius:20px;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--surface);border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}.toggle-label input:checked+.toggle-slider{background:var(--primary)}.postal-input:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.toggle-label input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--text)}.dest-summary-badge{display:flex;align-items:center;gap:8px;background:var(--surface-secondary);padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;color:var(--text);border:1px solid var(--border);width:fit-content}.input-row-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width:768px){.input-row-triple{grid-template-columns:1fr;gap:0}}.package-details-step{display:flex;flex-direction:column;gap:32px}.parcel-specs-group,.logistics-group{background:var(--surface-secondary);padding:24px;border-radius:20px;border:1.5px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;gap:24px}.parcel-specs-group:hover,.logistics-group:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.group-label{font-size:1rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.group-label:after{content:"";flex:1;height:1px;background:var(--border)}.dims-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dim-field{display:flex;flex-direction:column;gap:8px}.dim-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dim-field input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:1.1rem;font-weight:700;color:var(--text);background:var(--surface);transition:all .2s}.dim-field input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px var(--secondary-light);outline:none}.instruction-textarea{width:100%;min-height:120px;padding:1.25rem;border:1.5px solid var(--border);border-radius:1.25rem;font-size:1rem;line-height:1.6;resize:vertical;background:var(--surface);color:var(--text);transition:all .2s;font-weight:500}.instruction-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:none}.handling-grid{display:flex;gap:12px;flex-wrap:wrap}.handling-chip{padding:12px 20px;border:1.5px solid var(--border);border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;background:var(--surface);transition:all .2s;-webkit-user-select:none;user-select:none;color:var(--text);display:flex;align-items:center;gap:8px}.handling-chip:hover{border-color:var(--primary-light);background:var(--background);transform:translateY(-2px)}.handling-chip.active{background:var(--error-bg);border-color:var(--error);color:var(--error);box-shadow:0 4px 12px rgba(var(--error-rgb),.2)}.optional{text-transform:none;font-weight:600;color:var(--text-muted);font-size:.8rem;opacity:.7}.parcel-specs-group,.logistics-group{animation:slideUp .4s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1.5px solid var(--border);padding:12px 6px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:95px;gap:4px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--surface);position:relative}.service-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-elite-sm)}.service-card.active{border-color:var(--primary);background:var(--surface-secondary);box-shadow:0 0 0 1px var(--primary)}.s-name{display:block;font-weight:850;font-size:.85rem;color:var(--text-heading)}.s-days{font-size:.75rem;color:var(--text-muted)}.s-price{font-size:1.1rem;font-weight:900;color:var(--primary-text)}.selected-icon{position:absolute;top:-8px;right:-8px;background:var(--surface);border-radius:50%;color:var(--primary)}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.slot-card{background:var(--surface);border:1.5px solid var(--border);padding:12px 6px;border-radius:10px;text-align:center;cursor:pointer;transition:all .2s;min-height:65px;display:flex;flex-direction:column;justify-content:center}.slot-card.active{border-color:var(--primary);background:var(--surface-secondary);box-shadow:0 0 0 1px var(--primary)}.slot-card.disabled{background:var(--surface-secondary);opacity:.5;cursor:not-allowed;border-color:var(--border)}.slot-label{display:block;font-weight:800;font-size:.8rem;color:var(--text-heading)}.slot-time{display:block;font-size:.65rem;color:var(--text-muted)}.datetime-row{display:flex;gap:24px;align-items:flex-start}.datetime-row .input-group{flex:1;margin-bottom:0!important}.datetime-row .date-slots,.datetime-row .time-slots{margin-top:4px}.date-slots{display:flex;gap:8px;align-items:center}.date-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;height:85px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--shadow-elite-sm)}.date-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-elite-md)}.date-card.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.dc-weekday{font-size:.65rem;font-weight:800;color:var(--text-muted)}.date-card.active .dc-weekday{color:#fffffff2}.dc-number-box{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:4px 0;background:var(--surface-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border)}.date-card.active .dc-number-box{background:#fff;border-color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.dc-number{font-size:1.05rem;font-weight:900;color:var(--text-heading);line-height:1}.date-card.active .dc-number{color:var(--primary)}.dc-month{font-size:.65rem;font-weight:800;color:var(--text-muted)}.date-card.active .dc-month{color:#fffffff2}.calendar-trigger-card{display:flex;align-items:center;justify-content:center;width:48px;height:85px;border-radius:12px;border:1.5px dashed var(--border);background:var(--surface-secondary);color:var(--text-muted);transition:all .2s;cursor:pointer}.calendar-trigger-card:hover{border-color:var(--primary);color:var(--primary);background:var(--surface)}.custom-date-container{display:flex;align-items:center}.summary-chip-row{display:flex;gap:12px;margin-bottom:20px}.dest-summary-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-secondary);border:1.5px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:700;color:var(--text-heading)}.terms-agreement{margin-top:25px;padding:15px 20px;background:var(--surface-secondary);border-radius:12px;border:2px solid var(--border)}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-text{font-size:.85rem;font-weight:600}.finalize-step .step-title{font-size:1.25rem;font-weight:900;margin-bottom:20px}.finalize-step .btn-actions{margin-top:30px}.finalize-step .btn-tactile,.finalize-step .btn-alt{padding:12px 24px;font-weight:700}.hidden-date-input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none;visibility:hidden}.input-group label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pickup-page{padding-top:100px;min-height:100vh;background:var(--background)}.booking-container{max-width:1200px;margin:0 auto;display:flex;gap:30px;padding:30px 20px}.booking-main{flex:1}.booking-header{margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.booking-header h1{font-size:1.25rem;margin:0;color:var(--text-heading);font-weight:800}.booking-header p{color:var(--primary);font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin:0;opacity:.7}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-elite-sm);padding:30px;min-height:400px;position:relative}@media(max-width:768px){.pickup-page{padding-top:80px}.booking-container{flex-direction:column;gap:20px;padding:20px var(--mobile-padding);padding-bottom:20px}.booking-header h1{font-size:2rem}.form-card{padding:24px;min-height:auto}}@media(max-width:480px){.pickup-page{padding-top:70px}.booking-container{padding:16px var(--mobile-padding-sm)}.booking-header h1{font-size:1.75rem}.booking-header p{font-size:.9rem}.form-card{padding:20px;border-radius:var(--radius-md)}}.field-grid{display:flex;flex-direction:column;gap:16px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.input-group input,.input-group select{width:100%;padding:.875rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px;background:var(--surface);box-shadow:0 0 0 6px var(--primary-glow);transform:scale(1.005)}.btn-actions{display:flex;gap:12px;margin-top:16px}.btn-alt{padding:1rem 2rem;border-radius:.75rem;border:2px solid var(--secondary);background:transparent;color:var(--secondary);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;min-height:var(--touch-target-min)}.btn-alt:hover{background:var(--surface-secondary);transform:translateY(-2px)}.w-full{width:100%}.mb-lg{margin-bottom:20px}.mt-lg{margin-top:20px}.mt-xl{margin-top:40px}.mt-sm{margin-top:15px}@media(max-width:968px){.input-row{grid-template-columns:1fr;gap:16px}.input-group input,.input-group select{font-size:16px;padding:12px 16px}.desktop-only{display:none}.mobile-only-sticky{display:block}@keyframes slideUpButtons{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn-actions button,.btn-actions .btn-vivid,.btn-actions .btn-alt,.btn-actions .btn-tactile{width:100%;margin:0;max-width:100%}}@media(max-width:480px){.field-grid{gap:12px}.input-group label{font-size:.7rem}.input-group input,.input-group select{padding:12px 14px}.btn-actions{gap:10px;margin-top:20px}}.field-grid input.input-error,.form-card input.input-error,.input-group input.input-error,.input-row input.input-error,.input-row-triple input.input-error,input.input-error,select.input-error,textarea.input-error,.input-error.dropdown-trigger,.input-error .dropdown-trigger{border:1.5px solid var(--error);background:var(--error-bg);color:var(--error);box-shadow:none}.field-grid input.input-error:focus,.form-card input.input-error:focus,.input-group input.input-error:focus,input.input-error:focus,select.input-error:focus,textarea.input-error:focus,.input-error.dropdown-trigger:focus-within,.input-error .dropdown-trigger:focus-within{border-color:var(--error);box-shadow:0 0 0 2px var(--error-glow);outline:none!important}.error-text{color:var(--error);font-size:.8rem;font-weight:700;margin-top:8px;display:flex;align-items:center;gap:6px;animation:slideDown .2s ease-out;position:relative;z-index:10}.error-text:before{content:"⚠";font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.input-error{background:var(--error-glow);border-color:var(--error)}.error-text{color:var(--error)}}.mobile-progress-bar{display:none}@media(max-width:768px){.mobile-progress-bar{display:block;position:relative;z-index:10;background:transparent;border-bottom:none;padding:16px 20px 24px;margin-bottom:16px}.progress-steps{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:100%;gap:8px}.progress-step-wrapper{display:flex;flex-direction:row;align-items:center;flex:0 0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-step-icon{width:40px;height:40px;border-radius:50%;background:var(--surface-secondary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;transition:all .3s}.progress-step.active .progress-step-icon{background:var(--primary);color:var(--text-on-navy);box-shadow:0 0 0 4px var(--primary-glow);transform:scale(1.1)}.progress-step.completed .progress-step-icon{background:var(--success);color:var(--text-on-navy)}.progress-step-label{display:none}.progress-connector{width:40px;height:2px;background:var(--surface-secondary);margin:0 4px}.progress-connector.completed{background:var(--success)}}@media(prefers-color-scheme:dark)and (max-width:768px){.mobile-progress-bar{background:var(--surface-secondary);border-bottom-color:var(--white-10)}.progress-step-icon{background:var(--white-10);color:var(--text-muted)}.progress-connector{background:var(--white-10)}}@media(max-width:480px){.progress-connector{display:none}.progress-step-label{font-size:.6rem}.progress-step-icon{width:32px;height:32px;font-size:.75rem}}.booking-sticky-actions{display:none}@media(max-width:968px){.booking-sticky-actions{display:flex;gap:12px;padding:16px 20px;background:var(--surface);border-top:2px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -4px 12px var(--black-10);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-btn-back{flex:0 0 auto;min-width:80px;padding:14px 20px;border-radius:var(--radius-sm);border:2px solid var(--border);background:transparent;color:var(--secondary);font-weight:700;font-size:.9rem;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.sticky-btn-back:active{background:var(--black-05);transform:scale(.97)}.sticky-btn-next{flex:1;padding:14px 24px;border-radius:var(--radius-sm);background:var(--grad-vivid);color:var(--text-on-navy);font-weight:700;font-size:.95rem;letter-spacing:.3px;border:none;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.sticky-btn-next:active{transform:scale(.97);box-shadow:0 2px 6px var(--primary-glow)}.sticky-btn-next:disabled{opacity:.5;cursor:not-allowed}.booking-container,.pickup-page{padding-bottom:120px}}@media(max-width:480px){.sticky-btn-back{min-width:60px;padding:14px 16px}.sticky-btn-next{font-size:.875rem;padding:14px 20px}}@media(prefers-color-scheme:dark){.booking-sticky-actions{background:var(--surface-secondary);border-top-color:var(--white-10)}.sticky-btn-back{border-color:var(--white-20);color:var(--text)}.sticky-btn-back:active{background:var(--white-05)}}.booking-sidebar{width:280px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:24px;padding:15px;color:var(--text);display:flex;flex-direction:column;height:fit-content;box-shadow:var(--shadow-elite-sm);position:sticky;top:100px}.brand-context{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo-sq{width:32px;height:32px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--text-on-navy)}.brand-context h4{color:var(--text-heading);margin-bottom:2px}.brand-context span{color:var(--text-muted);font-size:.75rem;font-family:monospace}.step-nav{display:flex;flex-direction:column;gap:12px;flex:1}.step-item{display:flex;align-items:center;gap:15px;position:relative;opacity:.4;transition:all .3s ease}.step-item.active{opacity:1;color:var(--primary);transform:translate(5px)}.step-item.active:after{content:"";position:absolute;right:-25px;top:50%;transform:translateY(-50%);border-left:8px solid var(--primary);border-top:8px solid transparent;border-bottom:8px solid transparent}.step-item.done{opacity:.8;color:var(--success)}.step-icon-wrap{width:36px;height:36px;background:var(--surface);border-radius:10px;display:flex;align-items:center;justify-content:center}.step-item.active .step-icon-wrap{background:var(--primary);color:var(--text-on-navy)}.step-item.done .step-icon-wrap{background:var(--success);color:var(--text-on-navy)}.step-meta{display:flex;flex-direction:column}.step-meta .label{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:1px}.step-meta .title{font-weight:600;font-size:.95rem}.active-indicator{position:absolute;right:0;color:var(--primary)}.sidebar-help{margin-top:20px;background:var(--surface);padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border)}.help-text{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--brand-whatsapp);color:var(--text-on-navy);padding:12px;border-radius:12px;font-weight:800;font-size:.9rem;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-elite-md)}.whatsapp-btn:hover{transform:translateY(-2px);background:var(--brand-whatsapp-hover);box-shadow:var(--shadow-elite-lg)}.whatsapp-btn:active{transform:translateY(0)}@media(max-width:768px){.booking-sidebar{display:none}}@media(prefers-color-scheme:dark){.booking-sidebar{background:var(--surface-secondary);color:var(--text);border:1px solid var(--white-10)}.brand-context h4{color:var(--text)}.brand-context span,.step-item{color:var(--text-muted)}.step-item.active{color:var(--primary)}.step-item.done{color:var(--success)}.step-icon-wrap{background:var(--white-05)}.step-item.active .step-icon-wrap{background:var(--primary);color:var(--secondary)}.sidebar-help{background:var(--white-03)}.help-text{color:var(--text-muted)}}.contact-page{min-height:100vh;background:var(--background);padding-bottom:4rem}.contact-header{background:linear-gradient(135deg,var(--secondary) 0%,#080C16 100%);color:var(--text-on-navy);padding:6rem 1rem;text-align:center;margin-bottom:3rem;position:relative;overflow:hidden;background-image:radial-gradient(at 0% 0%,var(--accent-glow-primary) 0,transparent 40%),radial-gradient(at 100% 100%,var(--accent-glow-secondary) 0,transparent 40%)}.contact-header h1{background:transparent;font-size:var(--text-4xl);color:var(--text-heading);margin-bottom:.5rem;font-family:var(--font-heading);font-weight:900}.contact-header p{color:var(--text-muted);font-size:1.1rem}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;max-width:1000px;padding:0 1rem;margin:0 auto}@media(max-width:768px){.contact-container{grid-template-columns:1fr}}.contact-info-card,.contact-form-card{background:var(--surface);padding:3rem;border-radius:32px;box-shadow:var(--shadow-elite-md);border:1px solid var(--border)}.contact-info-card h2{color:var(--text-heading);margin-bottom:1.5rem;font-size:1.8rem;font-family:var(--font-heading);font-weight:800}.info-intro{color:var(--text);margin-bottom:2.5rem;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;gap:1.5rem;align-items:flex-start}.icon-box{width:54px;height:54px;background:var(--primary-glow);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 10px var(--primary-glow)}.info-item h3{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:var(--text-heading)}.info-item p{color:var(--text);margin:0}.label-sm{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.contact-form-card h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-heading);font-family:var(--font-heading);font-weight:800}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;background:var(--surface);color:var(--text);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-glow)}.w-full{width:100%;margin-top:1rem}.success-message{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.check-circle{width:60px;height:60px;background:var(--success);color:var(--text-on-navy);font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.success-message h3{margin-bottom:.5rem}.success-message p{color:var(--text-muted);margin-bottom:1.5rem}.btn-text{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-weight:600}.spin{animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.faq-page{min-height:100vh;background:var(--background);padding-bottom:4rem}.faq-header{background:linear-gradient(135deg,var(--secondary) 0%,#080C16 100%);color:var(--text-on-navy);padding:6rem 1rem;text-align:center;margin-bottom:2rem;position:relative;overflow:hidden;background-image:radial-gradient(at 0% 0%,var(--accent-glow-primary) 0,transparent 40%),radial-gradient(at 100% 100%,var(--accent-glow-secondary) 0,transparent 40%)}.faq-header h1{color:var(--text-on-navy);font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;font-family:var(--font-heading);font-weight:900;text-shadow:0 0 30px rgba(255,255,255,.2)}.faq-header p{color:var(--text-muted);font-size:1.1rem}.faq-content{max-width:800px;margin:0 auto;padding:0 1rem}.faq-category{margin-bottom:3rem}.category-title{font-size:1.8rem;color:var(--text-heading);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--primary);display:inline-block;font-family:var(--font-heading);font-weight:800}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-elite-md);border-color:var(--primary)}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text-heading);background:var(--surface)}.faq-question svg{color:var(--text-muted)}.faq-item.open .faq-question{color:var(--primary)}.faq-item.open .faq-question svg{color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:var(--transition-normal);background:var(--surface-secondary)}.faq-item.open .faq-answer{max-height:1000px;border-top:1px solid var(--border)}.faq-answer p{padding:1.25rem;color:var(--text-muted);line-height:1.6;margin:0}.faq-cta{text-align:center;margin-top:4rem;padding:4rem 2rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-elite-sm)}.faq-cta svg{color:var(--primary)}.faq-cta h3{margin:0;color:var(--text-heading);font-size:1.8rem;font-family:var(--font-heading);font-weight:800}.faq-cta p{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem}@media(prefers-color-scheme:dark){.faq-header h1{background:transparent;color:var(--text-heading)}.faq-item{background:var(--surface);border-color:var(--border)}.faq-item:hover{border-color:var(--primary)}.faq-question{background:var(--surface);color:var(--text-heading)}.faq-question svg{color:var(--text-muted)}.faq-answer{background:var(--surface-secondary);border-top-color:var(--border)}.faq-answer p{color:var(--text-muted)}.faq-cta{background:var(--surface);border-color:var(--border)}.faq-cta h3{color:var(--text-heading)}.faq-cta p{color:var(--text-muted)}.category-title{color:var(--text-heading)}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);position:relative;overflow:hidden;padding:20px;font-family:var(--font-heading);color:var(--text)}.login-background{position:absolute;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at center,var(--surface-secondary) 0%,var(--background) 100%)}.blob{position:absolute;filter:blur(80px);border-radius:50%;opacity:.15;z-index:1;animation:blob-float 15s infinite alternate cubic-bezier(.4,0,.2,1)}.blob-1{width:500px;height:500px;background:var(--accent-glow-primary);top:-100px;left:-100px}.blob-2{width:500px;height:500px;background:var(--accent-glow-primary);bottom:-100px;right:-100px;animation-delay:-5s}@keyframes blob-float{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.05)}}.login-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px 40px;position:relative;z-index:10;box-shadow:var(--shadow-elite-lg)}.admin-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-glow);color:var(--primary-text);padding:6px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;letter-spacing:.025em;margin-bottom:16px;border:1px solid var(--border)}.logo-container{display:flex;justify-content:center;margin-bottom:16px}.login-header h1{font-size:1.85rem;color:var(--text-heading);margin:0 0 8px;font-weight:800;letter-spacing:-.02em}.login-header p{color:var(--text-muted);font-size:1rem;margin-bottom:24px;line-height:1.5}.login-form .input-group{margin-bottom:20px}.login-form label{display:block;color:var(--text);font-size:.9rem;margin-bottom:10px;font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color .3s ease;z-index:2;pointer-events:none}.input-wrapper:focus-within .input-icon{color:var(--primary)}.input-wrapper input{width:100%;background:var(--surface-secondary);border:1px solid var(--border);padding:14px 16px 14px 65px;border-radius:14px;color:var(--text);font-size:1rem;transition:all .3s ease}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 6px var(--primary-glow);transform:scale(1.01)}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;transition:color .2s;padding:4px;z-index:3}.password-toggle:hover{color:var(--text-heading)}.login-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.forgot-password{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.forgot-password:hover{color:var(--primary-text);text-decoration:underline}.login-btn{width:100%;padding:16px;background:var(--grad-vivid);border:none;border-radius:var(--radius-md);color:var(--text-on-navy);font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--btn-shadow)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow);background:var(--grad-vivid);filter:brightness(1.1)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:wait;background:var(--surface-secondary);box-shadow:none}.login-error{background:var(--error-glow);border:1px solid var(--error);color:var(--error);padding:14px;border-radius:12px;margin-bottom:24px;font-size:.9rem;display:flex;align-items:center;gap:10px;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-footer{margin-top:32px;text-align:center;border-top:1px solid var(--border);padding-top:16px}.login-footer p{color:var(--text-muted);font-size:.85rem;letter-spacing:.02em}.spinner{animation:spin 1s linear infinite}@media(max-width:640px){.login-card{padding:32px 24px;background:var(--surface)}.login-header h1{font-size:1.75rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);padding:24px;border-radius:20px;border:1px solid var(--border);display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:var(--transition-luxury);position:relative;overflow:hidden;box-shadow:var(--shadow-elite-sm)}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,var(--primary-glow),transparent);opacity:0;transition:var(--transition-normal)}.stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-elite-lg),0 0 20px var(--primary-glow)}.stat-card:hover:after{opacity:1}.stat-card.active{border-color:var(--primary);background:var(--primary-glow);box-shadow:0 0 30px var(--primary-glow)}.stat-card.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--grad-vivid)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-label{font-size:.9rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.stat-value{font-size:2.2rem;font-weight:800;color:var(--text);line-height:1;margin-top:4px}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.2,0,0,1);position:relative;z-index:1}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card.pending{--icon-glow: var(--warning)}.stat-card.processing,.stat-card.shipped{--icon-glow: var(--primary)}.stat-card.delivered{--icon-glow: var(--success)}.stat-card.cancelled{--icon-glow: var(--error)}.stat-card.pending .stat-icon{background:var(--primary-glow);color:var(--warning)}.stat-card.processing .stat-icon,.stat-card.shipped .stat-icon{background:var(--primary-glow);color:var(--primary)}.stat-card.delivered .stat-icon{background:var(--primary-glow);color:var(--success)}.stat-card.cancelled .stat-icon{background:var(--error-glow);color:var(--error)}.control-bar{background:var(--surface);padding:16px;border-radius:16px;border:1px solid var(--border);display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter-select{min-width:150px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer;appearance:auto}.refresh-btn{background:var(--grad-vivid);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition-luxury);margin-left:auto;box-shadow:0 4px 12px var(--primary-glow);border:none}.refresh-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px var(--primary-glow)}.refresh-btn:active{transform:translateY(0)}.shipments-container .search-bar{display:flex;align-items:center;position:relative;flex:1;min-width:300px}.shipments-container .search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;z-index:10}.shipments-container .search-bar input[type=text]{width:100%;padding:14px 20px 14px 56px;border-radius:14px;border:1px solid var(--border);font-size:.95rem;transition:var(--transition-luxury);background:var(--background);color:var(--text)}.shipments-container .search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 6px var(--primary-glow);transform:scale(1.005)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--surface);border-top:1px solid var(--border);margin-top:-1px}.pagination-info{font-size:.85rem;color:var(--text-muted)}.pagination-info span{font-weight:700;color:var(--text)}.pagination-actions{display:flex;align-items:center;gap:20px}.page-indicator{font-size:.9rem;font-weight:600;color:var(--text)}.page-indicator span{color:var(--primary);font-weight:800}.btn-pagination{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--transition-luxury)}.btn-pagination:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-glow)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-secondary);border-color:transparent}.col-id{min-width:140px}.col-route{min-width:130px}.route-v2{display:flex;flex-direction:column;gap:2px}.r-from{font-size:.75rem;color:var(--text-muted);font-weight:600}.r-to{font-size:.85rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-pickup{min-width:100px}.pickup-info{display:flex;flex-direction:column;gap:2px}.pickup-info .date{font-weight:600;color:var(--text);font-size:.9rem}.pickup-info .window{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.clickable-row{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border-bottom:1px solid var(--border-light)}.clickable-row:hover{background-color:var(--surface-secondary);transform:scale(1.002);box-shadow:inset 4px 0 0 var(--primary);z-index:1}.clickable-row:active{background-color:var(--background);transform:scale(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shipments-table th.col-tracking,.shipments-table td.col-tracking{width:12%}.shipments-table th.col-customer,.shipments-table td.col-customer{width:15%}.shipments-table th.col-pickup,.shipments-table td.col-pickup{width:10%}.shipments-table th.col-route,.shipments-table td.col-route{width:15%}.shipments-table th.col-status,.shipments-table td.col-status{width:12%}.shipments-table th.col-payment,.shipments-table td.col-payment{width:10%}.shipments-table th.col-agent,.shipments-table td.col-agent{width:14%}.shipments-table th.col-price,.shipments-table td.col-price{width:12%;text-align:right}.tracking-id-container{display:flex;flex-direction:column;gap:4px}.tracking-id{font-weight:700;color:var(--primary);font-size:.95rem}.service-type-label{font-size:11px;color:var(--text-muted)}.customer-info{display:flex;flex-direction:column}.customer-info .name{font-weight:600;color:var(--text)}.customer-info .phone{font-size:12px;color:var(--text-muted)}.route-compact{display:flex;flex-direction:column}.route-item{display:flex;align-items:center;gap:6px;font-size:13px}.route-label{color:var(--text-muted)}.route-value{font-weight:500;color:var(--text)}.status-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background-color:var(--surface-secondary);font-size:11px;font-weight:600;border:1px solid var(--border-light)}.agent-name{font-size:12px}.agent-assigned{color:var(--text)}.agent-unassigned{color:var(--text-muted)}.price-value{font-weight:600;color:var(--text)}.confirm-modal-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.confirm-modal-icon-circle.danger{background:var(--error);color:var(--text-on-navy)}.modal-close-button{position:absolute;top:12px;right:12px}.modal-message{line-height:1.5}.modal-button-padding{padding:10px}.admin-tools-container{background:transparent;display:flex;flex-direction:column;gap:24px}.tools-tabs{display:flex;background:var(--surface-secondary);padding:6px;gap:4px;border-radius:14px;width:fit-content;border:1px solid var(--border-light)}.tool-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border-radius:10px}.tool-tab:hover{color:var(--text);background:var(--surface)}.tool-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-elite-sm)}.tool-content{background:var(--surface);border:1px solid var(--border-light);border-radius:24px;padding:40px;box-shadow:var(--shadow-elite-md);transition:var(--transition-luxury)}.tool-header h3{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.tool-header p{color:var(--text-muted);font-size:1rem;line-height:1.6}.add-area-form{display:flex;gap:16px;background:var(--surface-secondary);padding:24px;border-radius:20px;margin-bottom:40px;border:1px solid var(--border-light);align-items:center;box-shadow:inset 0 2px 4px var(--black-05)}.add-area-form input{flex:1;background:var(--surface);border:1px solid var(--border-light);padding:14px 20px;border-radius:14px;font-size:.95rem;color:var(--text);box-shadow:0 2px 8px var(--black-05);transition:all .2s ease}.add-area-form input:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.areas-list th{text-align:left;padding:20px 24px;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--surface)}.areas-list td{padding:20px 24px;border-bottom:1px solid var(--border-light);color:var(--text);font-weight:500}.input-field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.input-field input{width:100%;padding:14px 20px;border:1px solid var(--border-light);border-radius:12px;font-size:1rem;background:var(--surface-secondary);color:var(--text);transition:all .2s}.icon-btn-danger{background:var(--error-bg);color:var(--error);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px var(--black-05)}.icon-btn-danger:hover{background:var(--error);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--error-bg)}.icon-btn-danger:active{transform:translateY(0)}.btn-action-soft{background:var(--surface-secondary);color:var(--text-muted);border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-action-soft:hover{background:var(--border-light);color:var(--text)}.input-field input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tool-actions{display:flex;justify-content:flex-end}.roles-panel{display:flex;flex-direction:column;gap:32px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.role-card{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.role-card:hover{box-shadow:0 8px 24px var(--black-05);border-color:var(--secondary)}.role-card.system-role{border-left:4px solid var(--indigo)}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start}.role-info{display:flex;align-items:center;gap:12px}.role-icon{color:var(--primary);background:var(--surface);padding:8px;border-radius:10px;box-shadow:0 2px 8px var(--black-05)}.role-info h4{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.role-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.role-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.permissions-editor{flex:1}.permissions-preview{background:var(--secondary-light);color:var(--text-heading);padding:16px;border-radius:12px;font-size:.85rem;font-family:Fira Code,monospace;max-height:250px;overflow-y:auto;margin:0}.json-input-wrapper{display:flex;flex-direction:column;gap:8px}.json-input-wrapper textarea{width:100%;min-height:200px;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;font-family:Fira Code,monospace;font-size:.85rem;color:var(--text);resize:vertical;transition:all .2s}.json-input-wrapper textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.json-input-wrapper textarea.invalid{border-color:var(--error)}.json-error{display:flex;align-items:center;gap:6px;color:var(--error);font-size:.8rem;font-weight:500}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-btn,.edit-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid var(--border)}.edit-btn{background:var(--surface);color:var(--text-muted)}.save-btn{background:var(--success);color:#fff;border:none}.save-btn:disabled{background:var(--success-bg);cursor:not-allowed}.cancel-btn{background:var(--surface);color:var(--text-muted)}.permissions-guide{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:20px;padding:32px}.guide-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--primary)}.guide-header h4{margin:0;font-size:1.1rem;font-weight:700}.guide-content p{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px}.guide-item h5{color:var(--text);font-size:.9rem;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.guide-item ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.guide-item li{font-size:.9rem;color:var(--primary-text);display:flex;gap:8px}.guide-item code{background:var(--primary-glow);padding:2px 6px;border-radius:4px;color:var(--primary);font-weight:600}.example-block{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border-light)}.example-block h5{color:var(--primary-text);margin-bottom:12px}.example-block code{display:block;white-space:pre;background:var(--surface-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-light);font-family:Fira Code,monospace;font-size:.85rem;color:var(--text);margin-bottom:16px;overflow-x:auto}.example-block .note{font-size:.85rem;color:var(--border);margin:0}@media(max-width:768px){.tool-content{padding:20px;border-radius:16px}.tools-tabs{width:100%;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch;border-radius:12px}.tool-tab{white-space:nowrap;flex-shrink:0}.add-area-form{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.add-area-form input,.add-area-form select,.add-area-form button{width:100%}.areas-list{overflow-x:auto;margin:0 -20px;padding:0 16px}.areas-list table{width:100%;border-collapse:collapse;min-width:500px}.areas-list th,.areas-list td{white-space:nowrap;padding:12px}.roles-grid{grid-template-columns:1fr}.permissions-guide{padding:16px}.guide-grid{grid-template-columns:1fr;gap:20px}}.modal-overlay{position:fixed;inset:0;background:var(--black-20);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fade-in .4s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.details-modal{background:var(--surface);width:95%;max-width:1240px;height:85vh;border-radius:40px;display:flex;flex-direction:column;box-shadow:var(--shadow-elite-lg);border:1px solid var(--border);overflow:hidden;position:relative;transition:var(--transition-luxury)}@media(max-width:768px){.details-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}}@keyframes modal-pop{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-body{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:32px;background:transparent;scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media(max-width:768px){.modal-body{padding:20px 16px;gap:20px}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:3px solid var(--surface)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-footer{padding:24px 32px;border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:flex-end;gap:16px;box-shadow:var(--shadow-elite-sm)}@media(max-width:768px){.modal-footer{padding:16px;position:sticky;bottom:0;z-index:20}}.profitability-card{background:var(--surface);padding:24px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-elite-sm);transition:var(--transition-luxury)}.profit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:16px}.profit-item{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--background);border-radius:20px;border:1px solid var(--border);transition:var(--transition-normal)}.profit-item:hover{background:var(--surface-secondary);transform:translateY(-4px);border-color:var(--white-10)}@media(max-width:640px){.profit-grid{grid-template-columns:1fr;gap:12px}}.profit-item label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profit-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.profit-value.revenue{color:var(--text)}.profit-value.positive{color:var(--success)}.profit-value.negative{color:var(--error)}.cost-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--background);border:1px solid var(--border);padding:10px 18px;border-radius:14px;transition:var(--transition-luxury)}.cost-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 6px var(--primary-glow);transform:scale(1.01)}.cost-input-wrapper span{color:var(--text-muted);font-weight:700}.cost-input-wrapper input{border:none;background:transparent;font-size:1.25rem;font-weight:800;color:var(--text);width:100%;outline:2px solid var(--primary);outline-offset:2px}.profit-label-sub{color:var(--text-muted);font-size:.7rem;display:block;margin-top:4px}.profit-item-divided{border-left:1px dashed var(--border-light);padding-left:16px}@media(max-width:768px){.profit-item-divided{border-left:none;padding-left:0;border-top:1px dashed var(--border-light);padding-top:16px}}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:16px}@media(max-width:1024px){.address-grid{grid-template-columns:1fr;gap:24px}}.address-column{display:flex;flex-direction:column;gap:20px}.address-column h4{font-size:.9rem;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.address-form{display:flex;flex-direction:column;gap:16px}.address-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.address-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}@media(max-width:640px){.address-row,.address-row-3{grid-template-columns:1fr;gap:16px}}.overview-tab-content{display:flex;flex-direction:column;gap:32px}.overview-section-card{background:var(--surface);border-radius:20px;padding:24px;border:1px solid var(--border);box-shadow:var(--card-shadow)}.management-brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:640px){.management-brief-grid{grid-template-columns:1fr;gap:16px}}.brief-item{display:flex;flex-direction:column;gap:8px}.brief-item label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.brief-select{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-secondary);color:var(--text);font-weight:600;cursor:pointer;transition:all .2s}.brief-select:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 6px var(--primary-glow);outline:2px solid var(--primary);outline-offset:2px;transform:scale(1.01)}.package-details-tab{display:flex;flex-direction:column;gap:32px}.package-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}@media(max-width:640px){.package-spec-grid{grid-template-columns:1fr;gap:20px}}.dim-inputs-container{display:flex;align-items:center;gap:8px;background:var(--surface-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:12px;width:fit-content}.dim-input{width:60px;border:none;background:transparent;text-align:center;font-weight:700;font-size:1rem;color:var(--text);outline:2px solid var(--primary);outline-offset:2px}.vol-weight-badge{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-glow);color:var(--primary-text);border-radius:10px;font-size:.85rem;font-weight:700;border:1px solid var(--primary)}.flags-container{display:flex;gap:12px;flex-wrap:wrap}.flag-btn{padding:10px 24px;border-radius:14px;font-size:.9rem;font-weight:700;background:var(--surface-secondary);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-elite-sm)}.flag-btn:hover{transform:translateY(-2px);background:var(--surface);box-shadow:var(--shadow-elite-sm);border-color:var(--border)}.flag-btn:active{transform:scale(.95)}.flag-btn.active.fragile{color:var(--error);border-color:var(--error);background:var(--error-glow);box-shadow:0 4px 12px var(--error-glow)}.flag-btn.active.battery{color:var(--warning);border-color:var(--warning);background:var(--primary-glow);box-shadow:0 4px 12px var(--primary-glow)}.flag-btn.active.liquid{color:var(--primary-text);border-color:var(--primary);background:var(--primary-glow);box-shadow:0 4px 12px var(--primary-glow)}.w-70{width:70px}.w-80{width:80px}.w-140{width:140px}.w-160{width:160px}.premium-textarea{width:100%;min-height:100px;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface-secondary);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .2s}.premium-textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 6px var(--primary-glow);outline:2px solid var(--primary);outline-offset:2px;transform:scale(1.01)}.tracking-updates-tab{display:flex;flex-direction:column;gap:32px}.status-control-card{background:var(--surface);padding:24px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-elite-sm)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-container{padding:20px 0;position:relative}.timeline-entry{display:flex;gap:24px;padding-bottom:32px;position:relative}.timeline-entry:before{content:"";position:absolute;left:7px;top:24px;bottom:0;width:2px;background:var(--border)}.timeline-entry:last-child:before{display:none}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--border);border:3px solid var(--surface);z-index:1;margin-top:6px}.timeline-dot.active{background:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.timeline-content{flex:1;background:var(--surface);padding:16px 20px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-elite-sm)}.timeline-info-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.entry-status{font-weight:700;color:var(--text);font-size:1rem}.entry-time{font-size:.8rem;color:var(--text-muted);font-weight:600}.entry-location{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem;font-weight:600}.entry-desc{margin-top:8px;color:var(--text);font-size:.9rem;line-height:1.5;opacity:.9}.add-update-form{background:var(--surface-secondary);padding:24px;border-radius:16px;border:1px solid var(--border);margin-bottom:24px;display:grid;gap:20px}@media(max-width:640px){.timeline-entry{gap:12px}.timeline-content{padding:12px 16px}.add-update-form{padding:16px;gap:16px}}.change-log-tab{padding:24px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-elite-sm);border:1px solid var(--border);margin-top:16px;animation:fadeIn .4s ease-out}.change-log-header{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:4px}.audit-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.audit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);background:var(--surface-secondary);border-radius:12px;border:1px dashed var(--border)}.audit-empty-icon{margin-bottom:12px;opacity:.5;color:var(--primary)}.audit-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.audit-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--surface)}.audit-table th{background:var(--surface-secondary);color:var(--text-muted);padding:12px 16px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.audit-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.audit-table tbody tr:hover{background-color:var(--surface-hover)}.badge-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-pill.status{background-color:var(--warning);color:var(--text-on-navy)}.badge-pill.default{background-color:var(--primary-text);color:var(--text-on-navy)}.badge-pill.neutral{background-color:var(--surface-secondary);color:var(--text-muted);border:1px solid var(--border)}.audit-action-text{font-weight:700;color:var(--text);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.audit-date{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.audit-field{font-weight:600;color:var(--text)}.diff-arrow-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.diff-old{text-decoration:line-through;color:var(--text-muted);background:var(--surface-secondary);padding:2px 6px;border-radius:4px;font-size:.85rem}.diff-arrow{color:var(--text-muted);font-weight:700}.diff-new{color:var(--text);font-weight:600;background:var(--warning-glow);padding:2px 6px;border-radius:4px;border:1px solid var(--warning)}.audit-actor-container{display:flex;align-items:center;gap:6px}.col-date{width:15%}.col-action{width:12%}.col-field{width:15%}.col-diff{width:35%}.col-actor{width:18%}.audit-actor{font-weight:600;color:var(--text)}.audit-note-cell{color:var(--text-muted);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.financial-summary-grid{background:var(--surface);padding:24px;border-radius:12px;margin-bottom:24px;border:2px solid var(--border-light);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;box-shadow:var(--card-shadow)}.financial-block-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-muted);font-size:.85rem;font-weight:500}.financial-value-prominent{font-size:1.75rem;font-weight:800;color:var(--text)}.financial-value-success{color:var(--success)}.financial-value-error{color:var(--error)}.financial-breakdown-divider{margin-top:12px;padding-top:12px;border-top:2px solid var(--border-light)}.financial-breakdown-item{font-size:.8rem;margin-bottom:4px;display:flex;justify-content:space-between}.financial-breakdown-total{font-size:1rem;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-light);color:var(--text)}.price-locked-tag{font-size:.75rem;padding:2px 8px;border-radius:6px;background:var(--surface-secondary);color:var(--error);border:1px solid var(--error-glow);font-weight:700;display:inline-flex;align-items:center;gap:4px}.transaction-history-card{background:var(--surface);padding:24px;border-radius:12px;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.ledger-entry{display:flex;justify-content:space-between;padding:12px 16px;background:var(--surface);border-radius:8px;border:1px solid var(--border-light);transition:all .2s ease}.ledger-entry.is-adjustment,.ledger-entry.is-pending{background:var(--surface-secondary)}.method-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;transition:all .2s;min-width:140px}.method-dropdown-trigger .chevron-icon{transition:transform .2s}.method-dropdown-trigger.open .chevron-icon{transform:rotate(180deg)}.method-icon.CASH{color:var(--success)}.method-icon.UPI,.method-icon.Card{color:var(--primary)}.method-icon.Netbanking{color:var(--warning)}.method-icon.Wallet{color:var(--primary)}.method-icon.COD{color:var(--text-muted)}.method-dropdown-menu{position:absolute;top:110%;left:0;width:100%;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-elite-lg);z-index:100;padding:4px}.method-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;border-radius:6px;cursor:pointer;color:var(--text-muted)}.method-option:hover,.method-option.selected{background:var(--surface);color:var(--text)}.method-option.selected .method-icon{font-weight:700}.btn-success-action{background:var(--success);color:var(--text-on-navy)}.btn-success-action:hover{background:var(--success-hover);transform:translateY(-1px)}.amount-text{font-weight:700;font-size:1.1rem;color:var(--text)}.amount-refund{color:var(--error)}.status-label-sub{font-size:.75rem;text-transform:uppercase;font-weight:700}.admin-layout,.modal-overlay{--modal-bg: var(--surface);--modal-overlay: var(--black-20);--border-light: var(--border);--text-main: var(--text);--text-muted: var(--text-muted);--primary: var(--primary);--primary-hover: var(--primary-text);--primary-gradient: var(--grad-vivid);--primary-glow: var(--primary-glow);--card-shadow: var(--shadow-elite-sm);--premium-shadow: var(--shadow-elite-lg);--danger: var(--error)}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}.premium-btn:active{transform:scale(.96)}.premium-btn-primary{background:var(--grad-vivid);color:#fff;box-shadow:0 10px 20px -5px var(--primary-glow),0 0 15px var(--primary-glow);border:none;transition:var(--transition-luxury);position:relative;overflow:hidden}.premium-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--white-20),transparent);transition:.5s;z-index:1}.premium-btn-primary:hover:before{left:100%}.premium-btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 15px 30px -8px var(--primary-glow),0 0 25px var(--primary-glow);filter:brightness(1.1)}.premium-btn-secondary{background:var(--surface);border:1.5px solid var(--border-light);color:var(--text-muted)}.premium-btn-secondary:hover{background:var(--surface-secondary);border-color:var(--border);color:var(--text);transform:translateY(-1px);box-shadow:var(--card-shadow)}.premium-btn-ghost{background:transparent;border:none;color:var(--text-muted)}.premium-btn-ghost:hover{background:var(--surface-secondary);color:var(--text)}.premium-btn-danger-ghost{background:var(--surface-secondary);color:var(--error);border:1px solid var(--error);opacity:.8}.premium-btn-danger-ghost:hover{background:var(--error);color:#fff;border-color:var(--error);opacity:1}.premium-input-group{display:flex;flex-direction:column;gap:6px}.premium-input-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.premium-input{width:100%;padding:9px 14px;border:1.5px solid var(--border-light);border-radius:12px;font-size:.95rem;color:var(--text-main);background:var(--surface-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 6px var(--primary-glow);outline:2px solid var(--primary);outline-offset:2px;transform:scale(1.01)}.section-header{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-light) 0%,transparent 100%)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light);background:var(--surface)}.min-w-40{min-width:40px}.min-w-80{min-width:80px}.min-w-100{min-width:100px}.min-w-120{min-width:120px}.min-w-140{min-width:140px}.min-w-160{min-width:160px}.payment-tab-container{padding:24px;height:100%}.quick-action-panel{position:relative;background:var(--surface);border-radius:16px;border:2px solid var(--border-light);padding:24px;margin-bottom:32px;box-shadow:var(--shadow-elite-md);transition:all .3s ease}.quick-action-panel.mode-payment{border-color:var(--success)}.quick-action-panel.mode-refund,.quick-action-panel.mode-refundcancel,.quick-action-panel.mode-surcharge{border-color:var(--error)}.quick-action-panel.mode-discount{border-color:var(--primary)}.quick-action-header{margin-top:0;margin-bottom:20px;font-size:1.1rem;font-weight:800;color:var(--text-heading);display:flex;align-items:center;gap:10px}.mode-payment .quick-action-header{color:var(--success)}.mode-refund .quick-action-header,.mode-refundcancel .quick-action-header{color:var(--error)}.quick-action-arrow{position:absolute;top:-10px;width:20px;height:10px;transition:left .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);color:var(--primary)}.quick-action-arrow:after{content:"";position:absolute;left:0;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid currentColor}.mode-payment .quick-action-arrow{left:17%;color:var(--success)}.mode-refund .quick-action-arrow{left:50%;color:var(--error)}.mode-refundcancel .quick-action-arrow{left:83%;color:var(--error)}.mode-surcharge .quick-action-arrow{left:25%;color:var(--error)}.mode-discount .quick-action-arrow{left:75%;color:var(--primary)}.premium-btn-danger{background:var(--error);color:var(--text-on-navy);border:none;box-shadow:0 4px 12px var(--primary-glow)}.premium-btn-danger:hover{background:var(--error-hover)}.premium-btn-danger-ghost{background:var(--surface-secondary);color:var(--error);border:1.5px solid var(--error)}.premium-btn-tertiary-ghost{background:var(--surface-secondary);color:var(--text-muted);border:1.5px solid var(--border)}.premium-btn-primary-ghost{background:var(--surface-secondary);color:var(--primary);border:1.5px solid var(--primary)}@media(max-width:768px){.ledger-entry-container{flex-direction:column;align-items:stretch;gap:16px}.ledger-entry-container>div{width:100%}.ledger-entry-container>div:last-child{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border);padding-top:12px}}.invoice-container{padding:24px;background:var(--surface);color:var(--text);font-family:var(--font-body);max-width:800px;margin:0 auto;border:1px solid var(--border-light);border-radius:var(--radius-md)}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--surface-secondary);padding-bottom:15px;margin-bottom:15px}.brand-info h1{margin:2px 0 0;font-size:var(--text-lg);color:var(--text-heading)}.brand-info p{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.2}.invoice-meta{text-align:right}.invoice-meta h2{margin:0;font-size:var(--text-xl);color:var(--primary);text-transform:uppercase}.invoice-meta p{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.brand-logo-img{height:50px;width:auto;display:block;margin-bottom:8px}.address-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.address-box h3{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;letter-spacing:.05em;font-weight:700}.address-box p{margin:1px 0;font-size:var(--text-sm);line-height:1.3}.shipment-details{background:var(--surface-secondary);padding:12px 18px;border-radius:var(--radius-sm);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.detail-item label{display:block;font-size:9px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.detail-item span{font-weight:700;font-size:var(--text-sm);color:var(--text-heading)}.table-container{margin-bottom:24px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{text-align:left;padding:10px 8px;border-bottom:2px solid var(--border-light);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.invoice-table td{padding:10px 8px;border-bottom:1px solid var(--surface-secondary);font-size:var(--text-sm)}.amount-col{text-align:right}.invoice-footer{display:flex;justify-content:space-between;gap:40px}.notes-section{flex:1;max-width:350px}.notes-section h4{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;font-weight:700}.notes-section p{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin:2px 0}.totals-section{width:250px}.total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--text-sm)}.total-row.grand-total{border-top:2px solid var(--border-light);margin-top:6px;padding-top:10px;font-weight:800;font-size:var(--text-base);color:var(--text-heading)}.total-row.paid{color:var(--success);font-weight:600}.total-row.due{color:var(--error);font-weight:700}.text-success{color:var(--success)}.text-error{color:var(--error)}.status-badge{display:inline-block;padding:8px 16px;border:2px solid currentColor;border-radius:var(--radius-sm);font-weight:800;text-transform:uppercase;transform:rotate(-3deg);margin-top:16px;font-size:var(--text-xs);letter-spacing:.1em}.status-badge.paid{color:var(--success)}.status-badge.partial{color:var(--warning)}.status-badge.refunded{color:var(--error)}.status-badge.pending{color:var(--text-muted)}.invoice-system-note{text-align:center;margin-top:48px;border-top:1px solid var(--border-light);padding-top:15px;color:var(--text-muted);font-size:9px}#invoice-print-area{position:fixed;left:-9999px;top:0;width:800px;height:auto;background:var(--surface);padding:24px}@media print{@page{margin:.5cm;size:A4}body *{visibility:hidden}#invoice-print-area,#invoice-print-area *{visibility:visible}#invoice-print-area{position:fixed;left:0;top:0;width:100%;height:auto;display:block;padding:0;margin:0;background:var(--surface);color:var(--text-heading);z-index:9999}.invoice-container{border:none;background:var(--surface);color:var(--text-heading);-webkit-print-color-adjust:exact;print-color-adjust:exact}.status-badge{border-width:3px}}.label-print-area{display:none}@media print{body *{visibility:hidden}#label-print-area,#label-print-area *{visibility:visible}#label-print-area{position:absolute;left:0;top:0;width:100%;display:block}.modal-header,.modal-tabs,.modal-body,.modal-footer,#invoice-print-area{display:none}}.shipping-label{width:6in;height:4in;border:2px solid var(--text-heading);padding:15px;background:var(--surface);color:var(--text-heading);font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;margin:0 auto}.label-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--text-heading);padding-bottom:10px;margin-bottom:10px}.label-logo{font-size:24px;font-weight:800;letter-spacing:-1px}.label-type{font-weight:800;font-size:18px;text-transform:uppercase;background:var(--text-heading);color:var(--surface);padding:4px 12px}.label-main{display:grid;grid-template-columns:1fr 1fr;gap:15px;flex-grow:1}.address-section h4{font-size:10px;text-transform:uppercase;margin-bottom:4px;color:var(--text-muted)}.address-box{font-size:13px;line-height:1.3}.address-box strong{font-size:15px;display:block;margin-bottom:2px}.label-barcode-area{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px dashed var(--border-light);padding-top:15px}.barcode-placeholder{width:80%;height:60px;background:repeating-linear-gradient(90deg,var(--text-heading),var(--text-heading) 2px,var(--surface) 2px,var(--surface) 4px);margin-bottom:5px}.tracking-number{font-size:18px;font-weight:800;letter-spacing:2px}.label-footer{display:flex;justify-content:space-between;font-size:10px;border-top:2px solid var(--text-heading);padding-top:8px;margin-top:10px}.service-badge{font-weight:700;border:1px solid var(--text-heading);padding:2px 6px}.modal-header{padding:24px 32px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}@media(max-width:768px){.modal-header{padding:16px;gap:12px}.header-actions{gap:8px}}.header-title-area{display:flex;flex-direction:column;gap:6px}.header-title-area h3{margin:0;font-size:1.4rem;font-weight:800;color:var(--text);letter-spacing:-.03em}@media(max-width:768px){.header-title-area h3{font-size:1.1rem}}.tracking-badge{display:inline-flex;align-items:center;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:.85rem;color:var(--primary);background:var(--primary-glow);padding:6px 16px;border-radius:10px;font-weight:700;width:fit-content;border:1px solid var(--white-10);box-shadow:0 0 15px var(--primary-glow)}@media(max-width:768px){.tracking-badge{font-size:.7rem;padding:2px 8px}}.header-actions{display:flex;align-items:center;gap:16px}.close-modal-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-secondary);color:var(--text);cursor:pointer;transition:var(--transition-luxury)}.close-modal-btn:hover{background:var(--error-glow);color:var(--error);border-color:var(--error);transform:rotate(90deg) scale(1.1);box-shadow:0 10px 15px -3px var(--error-glow)}.close-modal-btn:active{transform:rotate(90deg) scale(.95)}.modal-tabs{padding:0 32px;display:flex;gap:8px;background:var(--surface);border-bottom:2px solid var(--surface-secondary);overflow-x:auto;scrollbar-width:none}.modal-tabs::-webkit-scrollbar{display:none}@media(max-width:768px){.modal-tabs{padding:0 16px}}.modal-tab-btn{padding:16px 20px;border:none;background:none;color:var(--secondary);font-size:.95rem;font-weight:800;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap;opacity:.7}.modal-tab-btn:hover{opacity:1;color:var(--text)}@media(max-width:768px){.modal-tab-btn{padding:12px 16px;font-size:.85rem}}.modal-tab-btn:hover{color:var(--text)}.modal-tab-btn.active{color:var(--primary)}.active-tab-indicator{position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--grad-vivid);border-radius:4px 4px 0 0;box-shadow:0 -2px 10px var(--primary-glow)}.modal-body{flex:1;overflow-y:auto;padding:32px;background:transparent}.admin-layout{display:flex;height:100vh;overflow:hidden;background:var(--background);color:var(--text);font-family:var(--font-body)}.admin-sidebar{width:280px;background-color:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s ease;flex-shrink:0;position:relative}.admin-sidebar.collapsed{width:80px;padding:var(--spacing-lg) var(--spacing-sm)}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;font-family:var(--font-heading);margin-bottom:40px;padding:0;min-height:48px;color:var(--text);transition:all .3s ease}.logo-icon{transition:transform .3s ease;filter:drop-shadow(0 2px 4px var(--black-10))}.admin-sidebar.collapsed .logo-icon{transform:scale(1.1)}.admin-sidebar:not(.collapsed) .sidebar-brand{justify-content:flex-start;padding:0 var(--spacing-sm)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;text-align:left;font-size:.95rem;font-weight:500;width:100%;transition:all .2s ease}.nav-item:hover{background:var(--surface-secondary);color:var(--text)}.nav-item.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary-glow);font-weight:700;box-shadow:var(--shadow-elite-sm)}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--spacing-lg);margin-top:auto;display:flex;flex-direction:column;gap:12px;position:relative}.sidebar-toggle{position:absolute;right:-12px;top:-24px;width:24px;height:24px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);z-index:101;box-shadow:var(--card-shadow);transition:all .2s ease}.sidebar-toggle:hover{color:var(--primary);transform:scale(1.1)}.admin-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px;background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s;min-height:52px}.admin-sidebar:not(.collapsed) .admin-info{justify-content:flex-start;padding:8px 12px}.admin-info:hover{border-color:var(--primary);background:var(--surface)}.admin-sidebar .admin-info .avatar,.avatar{width:32px;height:32px;background:var(--primary);color:var(--text-on-navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;box-shadow:0 4px 12px var(--primary-glow);border:2px solid var(--white-80);position:relative;z-index:10}.admin-sidebar.collapsed .avatar{margin:0 auto}.admin-info .name{font-size:.9rem;font-weight:600;color:var(--text);display:block;line-height:1.2}.admin-info .role{font-size:.75rem;color:var(--text-muted);display:block;line-height:1.2}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-weight:500;margin-top:4px}.admin-sidebar:not(.collapsed) .logout-btn{justify-content:flex-start;padding:12px 16px}.logout-btn span{font-family:var(--font-body)}.logout-btn:hover{background:var(--surface-secondary);border-color:var(--error);color:var(--error);transform:translateY(-2px);box-shadow:var(--shadow-elite-sm)}.logout-btn:active{transform:translateY(0)}.admin-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--background);position:relative}.admin-header,.admin-content{position:relative;z-index:1}.admin-header{height:80px;padding:0 var(--spacing-xl);background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:90}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.header-title .timestamp{font-size:.875rem;color:var(--text-muted)}.admin-content{padding:var(--spacing-xl)}.content-header{display:flex;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.content-header h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text)}.search-bar input{width:100%;height:44px;background:var(--surface-secondary);border:1px solid var(--border);padding:0 var(--spacing-md) 0 48px;border-radius:var(--radius-md);color:var(--text);font-size:.95rem;transition:border-color .2s}.search-bar input:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 2px var(--primary-glow)}.shipments-table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto;box-shadow:var(--shadow-elite-md);transition:var(--transition-luxury)}.shipments-table{width:100%;border-collapse:separate;border-spacing:0 4px;text-align:left;margin-top:8px}.shipments-table th{height:48px;padding:0 24px;background:transparent;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.shipments-table td{height:72px;padding:0 24px;border:none;font-size:.9rem;color:var(--text);background:transparent}.shipments-table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.shipments-table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.clickable-row{cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-elite-sm)}.clickable-row:hover td{background-color:var(--surface-secondary);transform:scale(1)}.clickable-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-elite-md);z-index:10;position:relative}.primary-btn{height:44px;background:var(--primary);color:var(--text-on-navy);border:none;padding:0 var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .2s}.primary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-elite-md)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.btn-vivid{background:var(--primary);color:var(--text-on-navy);border:none;padding:12px 24px;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-vivid:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow)}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.icon-btn:hover{background:var(--surface-secondary);color:var(--secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:80px;color:var(--text-muted)}.empty-icon{margin-bottom:20px;opacity:.2}.empty-state h3{color:var(--text);margin-bottom:8px}.status-pending{color:var(--warning)}.status-transit{color:var(--primary)}.status-delivered{color:var(--success)}@media(prefers-color-scheme:dark){.nav-item.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary-glow)}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);z-index:1000;height:100vh;box-shadow:4px 0 24px var(--black-20)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed{width:280px;transform:translate(-100%)}.admin-header{padding:0 16px;height:64px;position:sticky;top:0}.header-title h1{font-size:1.25rem}.admin-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.stat-icon{width:32px;height:32px}.control-bar{flex-direction:column;align-items:stretch;gap:12px}.shipments-container .search-bar input{width:100%}.refresh-btn{width:100%;justify-content:center}.shipments-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;border-radius:0;border-left:none;border-right:none}.shipments-table th,.shipments-table td{white-space:nowrap;padding:0 16px}.pagination-bar{flex-direction:column;gap:16px;align-items:center;text-align:center}.mobile-overlay{position:fixed;inset:0;background:var(--black-50);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-close-btn,.mobile-menu-btn{background:none;border:none;color:var(--text);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-close-btn{margin-left:auto}}.agents-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;margin-bottom:24px}.device-status{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500}.device-status.paired{color:var(--success)}.device-status.unpaired{color:var(--warning)}.badge-toggle-btn{border:1px solid var(--border-light);border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;width:90px;cursor:pointer;transition:all .2s;background:var(--surface-secondary);color:var(--text-muted)}.badge-toggle-btn.is-active{background:var(--success-glow);color:var(--success);border-color:var(--success)}.badge-toggle-btn.is-inactive{background:var(--error-glow);color:var(--error);border-color:var(--error)}.badge-toggle-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.badge-toggle-btn:disabled{cursor:default;opacity:.8}.manager-name-cell{display:flex;align-items:center;gap:8px}.manager-icon-box{padding:6px;background:var(--surface-secondary);border-radius:6px;color:var(--primary);display:flex;align-items:center}@media(prefers-color-scheme:dark){.admin-layout,.admin-main,.admin-content{background:var(--background);color:var(--text)}h1,h2,h3,h4,h5,.header-title h1,.content-header h2,.admin-info .name{color:var(--text-heading)}.timestamp,.admin-info .role,.content-header .count,.customer-info .phone,.shipments-table th{color:var(--primary)}.shipments-table-container,.table-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-elite-md)}.shipments-table th,th{background:var(--surface-secondary);border-bottom:1px solid var(--border)}.shipments-table td,td{border-bottom:1px solid var(--border);color:var(--text)}.clickable-row:hover td{background-color:var(--surface-secondary)}.search-bar input,input[type=text],input[type=search],select{background-color:var(--background);border-color:var(--border);color:var(--text)}.modal-content,.dialog-content,.sheet-content{background-color:var(--surface);border:1px solid var(--border);color:var(--text)}.detail-item,.profitability-card,.content-box p,.address-form input,.address-form select,.content-box.editable textarea{background-color:var(--background);border-color:var(--border);color:var(--text)}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:var(--spacing-2xl) var(--spacing-lg);background-image:radial-gradient(at 20% 80%,var(--accent-glow-primary) 0,transparent 50%),radial-gradient(at 80% 20%,var(--accent-glow-secondary) 0,transparent 50%);background-attachment:fixed}.not-found-content{max-width:800px;text-align:center}.not-found-icon{color:var(--primary);margin-bottom:var(--spacing-lg);opacity:.9;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-title{font-size:clamp(4rem,15vw,8rem);font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);line-height:1}.not-found-subtitle{font-size:var(--text-3xl);color:var(--text-heading);margin-bottom:var(--spacing-lg);font-weight:800}.not-found-description{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--spacing-2xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.not-found-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.action-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-normal);color:var(--text-heading)}.action-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-elite-md)}.action-card svg{color:var(--primary)}.action-card span{font-weight:700;font-size:1rem}.primary-card{background:var(--grad-vivid);border-color:var(--primary);color:var(--text-on-navy)}.primary-card svg{color:var(--text-on-navy)}.primary-card:hover{box-shadow:0 8px 24px var(--primary-glow)}.back-link{background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);padding:var(--spacing-sm) var(--spacing-md)}.back-link:hover{color:var(--primary)}@media(max-width:768px){.not-found-page{padding:var(--mobile-padding)}.not-found-title{font-size:clamp(3rem,20vw,6rem)}.not-found-subtitle{font-size:var(--text-2xl)}.not-found-description{font-size:1rem}.not-found-actions{grid-template-columns:1fr;gap:var(--spacing-md)}.action-card{padding:var(--spacing-lg)}}.footer{background:linear-gradient(180deg,#0f172a,#000);color:var(--text-on-navy);padding:80px 0 0;position:relative;overflow:hidden;border-top:4px solid var(--primary);z-index:10}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.5}@media(prefers-color-scheme:dark){.footer{background:linear-gradient(180deg,#020617,#000);border-top-color:var(--primary)}}.footer-container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 2.8fr;gap:60px}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:900;color:var(--text-on-navy)}.footer-logo .logo-icon{background:var(--surface);border-radius:8px;padding:4px}.footer-logo .logo-accent{color:var(--primary)}.footer-desc{color:var(--text-muted);line-height:1.6;max-width:320px;opacity:.95;font-size:.95rem}.social-links{display:flex;gap:1.25rem;margin-top:var(--spacing-md)}.social-links a{color:var(--text-on-navy);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.social-links a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-5px) scale(1.1);box-shadow:0 0 20px var(--primary-glow);color:var(--text-on-navy)}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-group h3{color:var(--primary);text-transform:uppercase;font-size:.9rem;letter-spacing:1.5px;margin-bottom:var(--spacing-lg);font-weight:900;text-shadow:0 0 15px rgba(255,92,0,.3)}.footer-group ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-group ul li a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:var(--transition-fast)}.footer-group ul li a:hover{color:var(--text-on-navy);padding-left:5px}.contact-link{display:flex;align-items:flex-start;gap:var(--spacing-md);color:inherit;text-decoration:none;word-break:break-word;line-height:1.5}.contact-icon{flex-shrink:0;margin-top:3px}.contact-info li{margin-bottom:var(--spacing-sm);display:flex;align-items:flex-start;gap:var(--spacing-md);color:var(--text-muted);font-size:.95rem;line-height:1.5;word-break:break-word}.contact-info li svg{color:var(--primary);margin-top:3px;flex-shrink:0}.footer-bottom{max-width:1200px;width:100%;margin:var(--spacing-xl) auto 0;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-muted);font-size:.9rem;text-align:center}.facilitator-disclosure{max-width:800px;font-size:.8rem;line-height:1.6;color:var(--text-muted);opacity:.85}.bottom-info-group{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.bottom-links{display:flex;gap:var(--spacing-lg)}.bottom-links a{color:var(--text-muted);font-weight:600;transition:var(--transition-fast);opacity:.9}.bottom-links a:hover{color:var(--primary);opacity:1}@media(max-width:968px){.footer{padding:var(--spacing-xl) 0}.footer-container{grid-template-columns:1fr;gap:40px;padding:0 var(--mobile-padding)}.footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px}.footer-bottom{padding-left:var(--mobile-padding);padding-right:var(--mobile-padding)}}@media(max-width:768px){.footer{padding:var(--spacing-lg) 0}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:80px;left:0;width:100%;background:var(--surface);padding:24px 20px;box-shadow:var(--shadow-elite-lg);gap:4px;border-bottom:3px solid var(--primary);z-index:999;animation:slideDown .3s ease-out}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.bottom-info-group{flex-direction:column;gap:16px}.bottom-links{flex-direction:column;align-items:center;gap:12px}.social-links a{width:var(--touch-target-min);height:var(--touch-target-min)}}@media(max-width:480px){.footer{padding:var(--spacing-lg) 0}.footer-container{gap:32px;padding:0 var(--mobile-padding-sm)}.footer-links-grid{gap:20px}.footer-logo{font-size:1.5rem}.footer-desc{font-size:.9rem}.footer-group h3{font-size:.85rem;margin-bottom:var(--spacing-md)}.footer-group ul{gap:.65rem}.footer-group ul li a{font-size:.9rem}.footer-bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);gap:16px;padding-left:var(--mobile-padding-sm);padding-right:var(--mobile-padding-sm)}.facilitator-disclosure{font-size:.7rem}}input.shake-animation,textarea.shake-animation,select.shake-animation{border-color:var(--warning);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.error-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:var(--spacing-xl)}.error-boundary-content{max-width:600px;text-align:center;background:var(--surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-elite-md)}.error-icon{color:var(--warning);margin-bottom:var(--spacing-xl);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-boundary-content h1{color:var(--text-heading);font-size:var(--text-3xl);margin-bottom:var(--spacing-md)}.error-message{color:var(--text-muted);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--spacing-xl)}.error-details{text-align:left;background:var(--surface-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0;border:1px solid var(--border)}.error-details summary{cursor:pointer;font-weight:600;color:var(--text-heading);margin-bottom:var(--spacing-sm)}.error-details pre{color:var(--text);font-size:.875rem;overflow-x:auto;margin-top:var(--spacing-sm);white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.error-actions button{padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-normal);border:none}.error-actions .btn-primary{background:var(--grad-vivid);color:var(--text-on-navy);box-shadow:0 4px 12px var(--primary-glow)}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--primary-glow)}.error-actions .btn-secondary{background:var(--surface-secondary);color:var(--text-heading);border:2px solid var(--border)}.error-actions .btn-secondary:hover{background:var(--surface);border-color:var(--primary)}@media(max-width:768px){.error-boundary{padding:var(--mobile-padding)}.error-boundary-content{padding:var(--spacing-xl)}.error-boundary-content h1{font-size:var(--text-2xl)}.error-message{font-size:1rem}.error-actions{flex-direction:column}.error-actions button{width:100%}}