@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.inline-logo{height:1em;width:auto;vertical-align:middle;margin:0 2px;display:inline-block}.inline-logo-sm{height:.9em;width:auto;vertical-align:middle;margin:0 2px;display:inline-block}.inline-logo-lg{height:.75em;width:auto;vertical-align:baseline;margin:0 .15em;display:inline-block;position:relative;top:-.08em}.inline-logo-heading{margin:0 .1em}.inline-logo-heading{height:.85em;width:auto;vertical-align:baseline;margin:0 4px;display:inline-block;position:relative;top:-.05em}.inline-logo-text{height:1em;width:auto;vertical-align:middle;margin:0 2px;display:inline-block}.inline-logo-footer{height:.9em;width:auto;vertical-align:middle;margin:0 2px;display:inline-block}[data-theme=light] .landing-page-v3{--bg-gradient-start: #ffffff;--bg-gradient-end: #c5c5c5;--bg-section: rgba(187, 187, 187, .815);--header-bg: rgb(255, 255, 255)}[data-theme=light] .landing-page-v3 body{background:var(--bg-body)}[data-theme=dark] .landing-page-v3{--bg-gradient-start: #353535;--bg-gradient-end: #1a1a1a;--bg-section: rgba(255,255,255,.03);--header-bg: rgba(7, 7, 7, .95)}.hero-visual-logo{text-align:center;margin-bottom:.5rem}.hero-visual:before{content:"";position:absolute;top:40%;left:45%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;pointer-events:none;z-index:0}[data-theme=light] .hero-visual:before{background:radial-gradient(circle,rgba(255,255,255,.61) 0%,rgba(255,255,255,.35) 10%,rgba(255,255,255,.22) 20%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 65%,rgba(255,255,255,.005) 80%,transparent 100%)}[data-theme=dark] .hero-visual:before{background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(255,255,255,.08) 10%,rgba(255,255,255,.05) 20%,rgba(255,255,255,.025) 35%,rgba(255,255,255,.01) 50%,rgba(255,255,255,.004) 65%,rgba(255,255,255,.001) 80%,transparent 100%)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.15;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}[data-theme=light] .section,[data-theme=dark] .section,[data-theme=light] .hero,[data-theme=dark] .hero{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(90deg,#1c1c1cfa,#141414fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled{box-shadow:var(--shadow-soft);padding-top:4px;padding-bottom:4px}.header.scrolled .header-inner{padding:12px 0}.header.scrolled .logo{transform:scale(.9)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.header-actions{display:flex;align-items:center;gap:8px}.logo{height:44px;width:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.logo:hover{transform:scale(1.08);filter:brightness(1.1)}.nav{display:flex;align-items:center;gap:40px}.nav-link{font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 0}.nav-link:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--red),var(--red-dark));border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.nav-actions .btn-ghost.btn-sm{padding:10px 20px}[data-theme=light] .nav-actions .btn-ghost{background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border:1px solid rgba(0,0,0,.08);color:var(--text-primary);box-shadow:3px 3px 8px #0000001f,-2px -2px 6px #fffc,inset 0 1px #ffffffe6}[data-theme=light] .nav-actions .btn-ghost:hover{background:linear-gradient(145deg,#fff,#e8e8e8);border-color:var(--red);box-shadow:4px 4px 12px #00000026,-2px -2px 6px #ffffffe6,inset 0 1px #fff;transform:translateY(-2px)}[data-theme=dark] .nav-actions .btn-ghost{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);box-shadow:3px 3px 8px #0006,-2px -2px 6px #ffffff08,inset 0 1px #ffffff0d}[data-theme=dark] .nav-actions .btn-ghost:hover{background:linear-gradient(145deg,#353535,#252525);border-color:var(--red);box-shadow:4px 4px 12px #00000080,-2px -2px 6px #ffffff0d,inset 0 1px #ffffff14;transform:translateY(-2px)}.mobile-menu-btn{display:none;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.mobile-menu-btn:hover{background:#80808026}.menu-icon{display:block;width:20px;height:2px;background:var(--text-primary);position:relative;border-radius:1px}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:20px;height:2px;background:var(--text-primary);border-radius:1px;left:0}.menu-icon:before{top:-6px}.menu-icon:after{bottom:-6px}.theme-toggle{display:flex;padding:3px;border-radius:16px;position:relative}[data-theme=light] .theme-toggle{background:linear-gradient(145deg,#d8d8d8,#f0f0f0);box-shadow:inset 3px 3px 6px #0000001f,inset -2px -2px 4px #ffffffe6,1px 1px 3px #00000014;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .theme-toggle{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);box-shadow:inset 3px 3px 6px #0006,inset -2px -2px 4px #ffffff0a,1px 1px 3px #0003;border:1px solid rgba(255,255,255,.04)}.theme-btn{font-family:inherit;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border:none;border-radius:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--text-muted);position:relative;z-index:1}.theme-btn:hover:not(.active){color:var(--text-primary)}[data-theme=light] .theme-btn.active{background:linear-gradient(145deg,#fff,#e8e8e8);color:var(--text-primary);box-shadow:2px 2px 4px #0000001f,-1px -1px 3px #ffffffe6,inset 0 1px #ffffffe6;border:1px solid rgba(0,0,0,.04)}[data-theme=dark] .theme-btn.active{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);color:var(--text-primary);box-shadow:2px 2px 5px #00000059,-1px -1px 3px #ffffff05,inset 0 1px #ffffff0f;border:1px solid var(--red)}.btn{font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:16px 32px;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(160deg,#b81c1c,#b81c1c 15%,#a30000 40%,#a30000,#8a0000);color:#fff;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003,inset 0 2px 4px #fff6,inset 0 1px #ffffff80,inset 0 -2px 4px #0000004d;border:1px solid rgba(0,0,0,.2);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.25) 55%,transparent 70%,transparent 100%);transition:left .5s ease}.btn-primary:hover{transform:translateY(-6px) scale(1.02);color:#fff;box-shadow:0 20px 40px #0006,0 10px 20px #0000004d,inset 0 2px 6px #fff9,inset 0 1px #ffffffb3,inset 0 -2px 4px #0000004d;filter:brightness(1.1)}.btn-primary:active{transform:translateY(-2px);color:#fff}.btn-secondary{background:linear-gradient(160deg,var(--chrome-hi) 0%,var(--chrome-mid) 50%,var(--chrome-lo) 100%);color:#1f2937;box-shadow:0 16px 32px #0003,0 8px 16px #00000026,inset 0 1px #fffc,inset 0 -1px #0000001a;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 55%,transparent 70%,transparent 100%);transition:left .5s ease}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{transform:translateY(-5px) scale(1.02);color:#111827;box-shadow:0 28px 56px #0000004d,0 14px 28px #00000040,inset 0 2px #fff,inset 0 -1px #0000001a;filter:brightness(1.08)}.btn-ghost{background:#ffffff26;color:var(--text-primary);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #0000001a,inset 0 1px #ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff59;color:var(--text-primary);border-color:#fff9;box-shadow:0 16px 36px #0003,inset 0 1px #ffffff80;transform:translateY(-4px) scale(1.02)}[data-theme=light] .btn-ghost{background:#0000000d;color:#374151;border-color:#00000026;box-shadow:0 8px 20px #00000014,inset 0 1px #fffc}[data-theme=light] .btn-ghost:hover{background:#0000001a;color:#111827;border-color:#00000040;box-shadow:0 20px 40px #0000001f,inset 0 1px #fff;transform:translateY(-5px) scale(1.03)}[data-theme=dark] .btn-ghost{background:#ffffff14;color:#e5e7eb;border-color:#ffffff26;box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff1a}[data-theme=dark] .btn-ghost:hover{background:#fff3;color:#fff;border-color:#ffffff59;box-shadow:0 20px 40px #0006,inset 0 1px #fff3;transform:translateY(-5px) scale(1.03)}.btn-sm{font-size:11px;padding:12px 24px}.btn-lg{font-size:14px;padding:20px 40px}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:24px;box-shadow:var(--shadow-soft)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fff,#e0e0e0)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-title{font-size:clamp(28px,6vw,56px);margin-bottom:24px;color:var(--text-primary);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.hero-subtitle{font-size:clamp(16px,4vw,24px);font-weight:400;color:var(--text-secondary);margin-bottom:32px;line-height:1.7;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.hero-pain-points{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;padding:28px 32px;border-radius:20px;position:relative}[data-theme=light] .hero-pain-points{background:linear-gradient(145deg,#e8e8e8,#f5f5f5);box-shadow:inset 6px 6px 14px #0000001f,inset -4px -4px 10px #ffffffe6,inset 0 1px 3px #00000014,4px 4px 12px #00000014;border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .hero-pain-points{background:linear-gradient(145deg,#1a1a1a,#252525);box-shadow:inset 6px 6px 16px #00000080,inset -4px -4px 10px #ffffff08,inset 0 1px 3px #0000004d,4px 4px 12px #0000004d;border:1px solid rgba(255,255,255,.05)}.pain-item{display:flex;align-items:flex-start;gap:14px;font-size:14px;padding:8px 12px;border-radius:10px;transition:all .2s ease}[data-theme=light] .pain-item{color:#374151}[data-theme=dark] .pain-item{color:#d1d5db}.pain-item span{line-height:1.5}.pain-item strong{font-weight:700}[data-theme=light] .pain-item strong{color:#111827}[data-theme=dark] .pain-item strong{color:#fff}.pain-item:hover{background:#8080801a}.pain-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800}.pain-icon.bad{background:linear-gradient(145deg,#b81c1c,#8a0000);color:#fff;box-shadow:2px 2px 6px #0006,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003}.pain-icon.good{background:linear-gradient(145deg,#4d6,#2a4);color:#fff;box-shadow:2px 2px 6px #2a46,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.trust-badges{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.trust-badge{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s ease}.trust-badge:hover{opacity:.8}.trust-badge svg{width:20px;height:20px;flex-shrink:0}[data-theme=light] .trust-badge svg{stroke:var(--gray-600)}[data-theme=dark] .trust-badge svg{stroke:var(--gray-400)}.trust-badge span{font-size:13px;font-weight:500;color:var(--text-secondary)}.hero-visual .hero-badge{margin-bottom:12px;margin-top:8px}.hero-visual .trust-badges{margin-top:16px;justify-content:center;gap:16px;flex-wrap:wrap}.hero-visual .trust-badge{gap:8px}.hero-visual .hero-actions{margin-top:20px;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 480px){.trust-badges{flex-wrap:wrap;justify-content:center;gap:8px}.trust-badge{padding:6px 10px;background:var(--bg-card);border-radius:6px;gap:6px}.trust-badge svg{width:16px;height:16px}.trust-badge span{font-size:10px}.hero-visual .trust-badges{justify-content:center;gap:8px;margin-top:16px}}.hero-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:10px}.fuel-gauge-wrapper{position:relative;width:360px;height:440px;z-index:1}.tick-mark{position:absolute;left:50%;bottom:85px;width:5px;height:190px;margin-left:-2.5px;transform-origin:center bottom;pointer-events:none}.tick-mark span{display:block;width:5px;height:26px;border-radius:2px}.tick-mark.tick-small span{width:3px;height:16px}[data-theme=light] .tick-mark span{background:linear-gradient(135deg,#666,#444,#333);box-shadow:6px 10px 20px #00000080,3px 5px 10px #0000004d}[data-theme=light] .tick-mark.tick-red span{background:linear-gradient(135deg,#b81c1c,#a30000,#8a0000);box-shadow:6px 10px 20px #00000080,3px 5px 10px #0000004d}[data-theme=dark] .tick-mark span{background:linear-gradient(135deg,#fff,#ccc,#999);box-shadow:8px 14px 28px #000000e6,4px 7px 14px #0009}[data-theme=dark] .tick-mark.tick-red span{background:linear-gradient(135deg,#b81c1c,#a30000,#8a0000);box-shadow:8px 14px 28px #000000e6,4px 7px 14px #0009}.gauge-label{position:absolute;font-size:30px;font-weight:500;color:var(--text-secondary)}.gauge-e{left:05px;bottom:110px}.gauge-f{right:05px;bottom:110px}[data-theme=light] .gauge-label{text-shadow:3px 4px 8px rgba(0,0,0,.2)}[data-theme=dark] .gauge-label{text-shadow:3px 4px 10px rgba(0,0,0,.8)}.needle{position:absolute;left:50%;bottom:85px;width:7px;height:190px;margin-left:-4px;transform-origin:center bottom;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#d4d4d4,#c04040 15%,#b81c1c 40%,#a30000,#8a0000,#5a0000);z-index:10}[data-theme=light] .needle{filter:drop-shadow(4px 6px 8px rgba(0,0,0,.45)) drop-shadow(2px 3px 4px rgba(0,0,0,.3))}[data-theme=dark] .needle{filter:drop-shadow(5px 8px 12px rgba(0,0,0,.85)) drop-shadow(3px 4px 6px rgba(0,0,0,.6))}.pivot{position:absolute;left:50%;bottom:85px;width:30px;height:30px;margin-left:-15px;margin-bottom:-15px;border-radius:50%;z-index:10}[data-theme=light] .pivot{background:radial-gradient(ellipse 60% 45% at 30% 25%,rgba(255,255,255,.95) 0%,transparent 55%),radial-gradient(circle,#555,#444,#333 70%,#222);box-shadow:8px 16px 30px #00000080,4px 8px 15px #00000059}[data-theme=dark] .pivot{background:radial-gradient(ellipse 60% 45% at 30% 25%,rgba(200,200,200,.8) 0%,transparent 55%),radial-gradient(circle,#444,#333,#1a1a1a 70%,#000);box-shadow:10px 20px 40px #000000f2,5px 10px 20px #000000b3}.trust-bar{padding:40px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}[data-theme=light] .trust-bar,[data-theme=dark] .trust-bar{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;padding:10px 14px;border-radius:12px;border:2px solid transparent;cursor:pointer}.trust-item:hover{color:var(--text-primary);transform:translateY(-4px) scale(1.05);background:var(--bg-card);border-color:var(--red)}.trust-item:hover .trust-icon{transform:scale(1.1)}.trust-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}[data-theme=light] .trust-icon{background:linear-gradient(145deg,#f5f5f5,#d8d8d8);box-shadow:4px 4px 10px #0000001a,-3px -3px 8px #ffffffe6,inset 0 1px #ffffffe6;border:1px solid rgba(255,255,255,.8)}[data-theme=light] .trust-item:hover .trust-icon{box-shadow:6px 6px 14px #00000026,-4px -4px 10px #fff,inset 0 1px #fff}[data-theme=dark] .trust-icon{background:linear-gradient(145deg,#3a3a3a,#252525);box-shadow:4px 4px 10px #00000059,-3px -3px 8px #ffffff05,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .trust-item:hover .trust-icon{box-shadow:6px 6px 14px #00000073,-4px -4px 10px #ffffff08,inset 0 1px #ffffff14}.trust-icon svg{width:20px;height:20px;stroke-width:2;fill:none}[data-theme=light] .trust-icon svg{stroke:var(--gray-600)}[data-theme=dark] .trust-icon svg{stroke:var(--gray-300)}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.section-title{font-size:clamp(24px,3vw + 8px,36px);font-weight:700;color:var(--text-primary);margin-bottom:16px;white-space:normal;text-transform:uppercase;line-height:1.15}.section-subtitle{font-size:16px;color:var(--text-secondary);max-width:560px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step-card{text-align:center;padding:32px 24px;border-radius:20px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden;cursor:pointer}[data-theme=light] .step-card{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid rgba(255,255,255,.6);box-shadow:8px 8px 20px #0000001a,-4px -4px 12px #fffc,inset 0 1px #ffffffe6}[data-theme=dark] .step-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid rgba(60,60,60,.5);box-shadow:8px 8px 20px #0006,-4px -4px 12px #ffffff05,inset 0 1px #ffffff0d}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-dark));border-radius:20px 20px 0 0;opacity:0;transition:opacity .15s ease}.step-card:hover:before{opacity:1}[data-theme=light] .step-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:12px 12px 30px #00000026,-6px -6px 16px #ffffffe6,inset 0 1px #fff;border-color:var(--red)}[data-theme=dark] .step-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:12px 12px 30px #00000080,-6px -6px 16px #ffffff08,inset 0 1px #ffffff14;border-color:var(--red)}.step-number{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;background:linear-gradient(145deg,#b81c1c,#a30000 40%,#8a0000);color:#fff;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d;border:1px solid rgba(0,0,0,.15)}.step-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.media-window{margin-top:64px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin-left:auto;margin-right:auto}.media-placeholder{aspect-ratio:16/10;border-radius:16px;background:var(--bg-card);border:2px dashed var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;font-weight:600;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.media-placeholder:hover{border-color:var(--text-muted);box-shadow:var(--shadow-strong);transform:translateY(-6px) scale(1.02);background:var(--bg-card-hover)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.benefit-card{padding:40px 32px;border-radius:24px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden;cursor:pointer}[data-theme=light] .benefit-card{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid rgba(255,255,255,.6);box-shadow:8px 8px 20px #0000001a,-4px -4px 12px #fffc,inset 0 1px #ffffffe6}[data-theme=dark] .benefit-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid rgba(60,60,60,.5);box-shadow:8px 8px 20px #0006,-4px -4px 12px #ffffff05,inset 0 1px #ffffff0d}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-dark));border-radius:24px 24px 0 0;opacity:0;transition:opacity .15s ease}.benefit-card:hover:before{opacity:1}[data-theme=light] .benefit-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:12px 12px 30px #00000026,-6px -6px 16px #ffffffe6,inset 0 1px #fff;border-color:var(--red)}[data-theme=dark] .benefit-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:12px 12px 30px #00000080,-6px -6px 16px #ffffff08,inset 0 1px #ffffff14;border-color:var(--red)}.benefit-icon{width:64px;height:64px;margin-bottom:24px;border-radius:16px;display:flex;align-items:center;justify-content:center}[data-theme=light] .benefit-icon{background:linear-gradient(145deg,#f5f5f5,#d8d8d8);box-shadow:6px 6px 14px #0000001f,-4px -4px 10px #ffffffe6,inset 0 1px #ffffffe6,inset 0 -1px #0000000d;border:1px solid rgba(255,255,255,.8)}[data-theme=dark] .benefit-icon{background:linear-gradient(145deg,#3a3a3a,#252525);box-shadow:6px 6px 14px #0006,-4px -4px 10px #ffffff08,inset 0 1px #ffffff14,inset 0 -1px #0000004d;border:1px solid rgba(255,255,255,.05)}.benefit-icon svg{width:28px;height:28px;stroke-width:2;fill:none}[data-theme=light] .benefit-icon svg{stroke:var(--gray-700)}[data-theme=dark] .benefit-icon svg{stroke:var(--gray-300)}.benefit-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.benefit-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;align-items:stretch}.pricing-card{padding:36px 28px;border-radius:24px;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%}.pricing-features{flex:1}.pricing-card .btn{margin-top:auto}.most-popular-feature{background:#ffffff08;border-radius:8px;margin-bottom:8px}.pricing-check.popular{background:linear-gradient(145deg,#b81c1c,#8a0000);color:#fff;font-size:12px}.popular-text{color:var(--red);font-weight:700}.pricing-card.featured{border:2px solid var(--red)}.pricing-card.featured:after{opacity:1}[data-theme=light] .pricing-card{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid rgba(255,255,255,.6);box-shadow:8px 8px 20px #0000001a,-4px -4px 12px #fffc,inset 0 1px #ffffffe6}[data-theme=dark] .pricing-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid rgba(60,60,60,.5);box-shadow:8px 8px 20px #0006,-4px -4px 12px #ffffff05,inset 0 1px #ffffff0d}.pricing-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-dark));border-radius:24px 24px 0 0;opacity:0;transition:opacity .15s ease}.pricing-card:hover:after{opacity:1}[data-theme=light] .pricing-card:hover{transform:translateY(-14px) scale(1.04);box-shadow:12px 12px 30px #00000026,-6px -6px 16px #ffffffe6,inset 0 1px #fff;border-color:var(--red)}[data-theme=dark] .pricing-card:hover{transform:translateY(-14px) scale(1.04);box-shadow:12px 12px 30px #00000080,-6px -6px 16px #ffffff08,inset 0 1px #ffffff14;border-color:var(--red)}.pricing-card.featured:before{display:none}.pricing-name{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.pricing-price{font-size:42px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.pricing-price.custom{font-size:32px;font-weight:700;letter-spacing:-.02em}.pricing-price span{font-size:14px;font-weight:600;color:var(--text-muted)}.pricing-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.pricing-features{text-align:left;margin-bottom:24px}.pricing-feature{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px -12px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.pricing-feature:hover{background:var(--bg-card-hover);color:var(--text-primary);transform:translate(4px)}.pricing-feature:after{content:"ⓘ";position:absolute;right:8px;font-size:12px;color:var(--text-muted);opacity:0;transition:opacity .2s ease}.pricing-feature:hover:after{opacity:1}.pricing-feature:last-child{border-bottom:none}.pricing-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e1a;color:#fff;font-size:10px;font-weight:700}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{padding:32px;border-radius:20px;background:var(--bg-card);border:2px solid var(--border-light);box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden;cursor:pointer}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red-dark),var(--red),var(--red-dark));border-radius:20px 20px 0 0;opacity:0;transition:opacity .15s ease}.testimonial-card:hover:before{opacity:1}.testimonial-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-strong);border-color:var(--red)}.testimonial-quote{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;position:relative;padding-left:20px}.testimonial-quote:before{content:'"';position:absolute;left:0;top:-8px;font-size:48px;font-weight:800;color:var(--text-muted);opacity:.3;line-height:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--chrome-hi),var(--chrome-lo));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--gray-700);box-shadow:0 8px 20px #0003}[data-theme=dark] .testimonial-avatar{background:linear-gradient(135deg,var(--gray-500),var(--gray-700));color:var(--white)}.testimonial-name{font-size:14px;font-weight:700;color:var(--text-primary)}.testimonial-role{font-size:12px;color:var(--text-muted)}.testimonial-stars{color:#888;font-size:12px;letter-spacing:2px}.franchise-section{border-top:1px solid var(--border-light)}.franchise-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.franchise-content h2{font-size:clamp(22px,4vw,38px);margin-bottom:20px;color:var(--text-primary);white-space:normal}.franchise-content p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.franchise-highlights{margin:32px 0;display:flex;flex-direction:column;gap:16px}.franchise-highlight{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;cursor:pointer;position:relative;overflow:hidden}.franchise-highlight:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--red),var(--red-dark));border-radius:12px 0 0 12px;opacity:0;transition:opacity .15s ease}.franchise-highlight:hover:before{opacity:1}.franchise-highlight:hover{transform:translate(8px) scale(1.02);box-shadow:var(--shadow-medium);border-color:var(--red);background:var(--bg-card-hover)}.franchise-highlight-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--chrome-hi),var(--chrome-mid));box-shadow:0 6px 16px #0000001f;flex-shrink:0}[data-theme=dark] .franchise-highlight-icon{background:linear-gradient(145deg,var(--gray-600),var(--gray-700));box-shadow:0 6px 16px #0000004d}.franchise-highlight-icon svg{width:22px;height:22px;stroke:var(--gray-600);stroke-width:2;fill:none}[data-theme=dark] .franchise-highlight-icon svg{stroke:var(--gray-300)}.franchise-highlight-text{font-size:14px;font-weight:600;color:var(--text-primary)}.franchise-visual{display:flex;flex-direction:column;gap:24px}.franchise-media{aspect-ratio:16/10;border-radius:20px;background:var(--bg-card);border:2px dashed var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;font-weight:600;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,border-style .15s ease}.franchise-media:hover{border-color:var(--red);border-style:solid;transform:translateY(-6px);box-shadow:var(--shadow-strong)}.franchise-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.franchise-stat{padding:20px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:16px;text-align:center;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.franchise-stat:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-medium);border-color:var(--red)}.franchise-stat-value{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.franchise-stat-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.cta-section{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 50%,var(--black) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.03) 0%,transparent 50%)}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(20px,5vw,48px);margin-bottom:16px;white-space:nowrap}.cta-subtitle{font-size:18px;color:var(--gray-400);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-form{display:flex;gap:12px;max-width:520px;margin:0 auto 24px}.cta-input{flex:1;padding:18px 24px;font-family:inherit;font-size:15px;border-radius:14px;transition:all .2s ease}[data-theme=light] .cta-input{background:linear-gradient(145deg,#d8d8d8,#e8e8e8);border:1px solid rgba(0,0,0,.08);color:#1a1a1a;box-shadow:inset 4px 4px 10px #0000001f,inset -2px -2px 6px #fffc,2px 2px 4px #0000000d}[data-theme=dark] .cta-input{background:linear-gradient(145deg,#1a1a1a,#252525);border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:inset 4px 4px 10px #00000080,inset -2px -2px 6px #ffffff08,2px 2px 4px #0003}[data-theme=light] .cta-input::placeholder{color:#6b7280}[data-theme=dark] .cta-input::placeholder{color:var(--gray-500)}[data-theme=light] .cta-input:hover{border-color:#00000026;box-shadow:inset 4px 4px 10px #00000026,inset -2px -2px 6px #ffffffe6,2px 2px 6px #00000014}[data-theme=dark] .cta-input:hover{border-color:#ffffff26;box-shadow:inset 4px 4px 10px #00000080,inset -2px -2px 6px #ffffff0d,2px 2px 6px #00000040}[data-theme=light] .cta-input:focus{outline:none;border-color:var(--red);box-shadow:inset 4px 4px 10px #00000026,inset -2px -2px 6px #ffffffe6,0 0 0 1px #a30000,2px 2px 6px #00000014}[data-theme=dark] .cta-input:focus{outline:none;border-color:var(--red);box-shadow:inset 4px 4px 10px #00000080,inset -2px -2px 6px #ffffff0d,0 0 0 1px #a30000,2px 2px 6px #00000040}.cta-note{font-size:13px;color:var(--gray-500)}.footer{padding:60px 0 40px;border-top:1px solid var(--border-light)}[data-theme=light] .footer,[data-theme=dark] .footer{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-brand{max-width:280px}.footer-logo{height:36px;margin-bottom:16px}.footer-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.footer-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.footer-link:hover{color:var(--text-primary);transform:translate(6px)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:13px;color:var(--text-muted)}.footer-legal{display:flex;gap:24px}.footer-legal a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:all .2s ease}.footer-legal a:hover{color:var(--text-primary);transform:translateY(-2px)}@media (max-width: 1024px){.nav-actions{gap:8px}.nav-actions .btn-sm{padding:8px 14px;font-size:10px}.theme-toggle{padding:2px}.theme-btn{padding:4px 8px;font-size:7px}.hero-grid{grid-template-columns:1fr;gap:60px;text-align:center}.hero-content{max-width:100%}.hero-actions{justify-content:center}.fuel-gauge-wrapper{width:300px;height:360px}.tick-mark{height:160px;bottom:70px}.tick-mark span{height:18px}.tick-mark.tick-small span{height:11px}.gauge-label{font-size:26px;bottom:90px}.gauge-e{left:25px}.gauge-f{right:25px}.needle{height:160px;width:6px;margin-left:-3px;bottom:70px}.pivot{width:26px;height:26px;margin-left:-13px;margin-bottom:-13px;bottom:70px}.steps-grid,.benefits-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.franchise-grid{grid-template-columns:1fr;gap:48px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{min-height:auto;padding-top:100px;padding-bottom:40px}.container{padding:0 20px}.section{padding:80px 0}.hero-grid{display:flex;flex-direction:column;align-items:center;gap:24px}.hero-visual{order:1;width:100%}.hero-content{order:2;width:100%;text-align:center}.hero-pain-points{text-align:left;max-width:360px;margin:0 auto}.hero-visual-logo{margin-bottom:4px}.hero-visual-logo .logo,.hero-visual-logo img,.hero-visual-logo svg{max-width:120px;height:auto}.hero-actions,.trust-badges{justify-content:center;flex-wrap:wrap}.trust-bar-inner{padding:0 20px;flex-direction:column;align-items:flex-start;gap:24px}.trust-item{font-size:12px;padding:10px 14px;width:100%;justify-content:flex-start}.fuel-gauge-wrapper{width:260px;height:320px}.tick-mark{height:130px;bottom:60px}.tick-mark span{height:16px}.tick-mark.tick-small span{height:10px}.gauge-label{font-size:24px;bottom:80px}.gauge-e{left:25px}.gauge-f{right:25px}.needle{height:130px;width:5px;margin-left:-2.5px;bottom:60px}.pivot{width:22px;height:22px;margin-left:-11px;margin-bottom:-11px;bottom:60px}.steps-grid,.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:360px}.media-window,.franchise-stats{grid-template-columns:1fr}.cta-form{flex-direction:column;align-items:center}.cta-form .btn{width:100%;max-width:280px}.franchise-content .btn{display:block;width:100%;max-width:280px;margin:0 auto;text-align:center}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.step-card:hover,.benefit-card:hover,.pricing-card:hover{transform:translateY(-6px) scale(1.01)}}@media (max-width: 480px){.fuel-gauge-wrapper{width:220px;height:280px}.tick-mark{height:100px;bottom:50px}.tick-mark span{height:12px}.tick-mark.tick-small span{height:8px}.gauge-label{font-size:18px;bottom:55px}.gauge-e{left:25px}.gauge-f{right:25px}.needle{height:100px;width:4px;margin-left:-2px;bottom:50px}.pivot{width:18px;height:18px;margin-left:-9px;margin-bottom:-9px;bottom:50px}.hero-content{padding:0 16px}.hero-title{font-size:28px;line-height:1.2}.hero-subtitle{font-size:16px;line-height:1.5}.btn{padding:14px 24px;font-size:12px}.btn-lg{padding:16px 28px}.hero-actions .btn{max-width:calc(100% - 32px);white-space:normal;margin:0 auto;text-align:center}}@media (max-width: 480px){.hero-actions .btn{padding:14px 24px;font-size:14px;max-width:calc(100% - 32px)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;animation:fadeIn .5s ease forwards}.stagger>*:nth-child(1){animation-delay:.1s}.stagger>*:nth-child(2){animation-delay:.2s}.stagger>*:nth-child(3){animation-delay:.3s}.stagger>*:nth-child(4){animation-delay:.4s}.stagger>*:nth-child(5){animation-delay:.5s}.stagger>*:nth-child(6){animation-delay:.6s}@keyframes badgePulse{0%,to{box-shadow:0 0 #0006}50%{box-shadow:0 0 0 12px #0000}}.hero-badge{animation:badgePulse 2.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-badge-dot{animation:dotBlink 1.5s ease-in-out infinite}.hero-title,.hero-subtitle{opacity:1}.hero-pain-points{opacity:1;animation:fadeIn .6s ease forwards;animation-delay:.7s}.pain-item{opacity:1;transform:translate(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}70%{transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-actions{opacity:1;animation:fadeInUp .6s ease forwards;animation-delay:1.4s}.hero-actions .btn{opacity:1;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.hero-actions .btn:nth-child(1){animation-delay:1.5s}.hero-actions .btn:nth-child(2){animation-delay:1.7s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.trust-item{opacity:1;animation:slideUp .5s ease forwards}.trust-bar-inner .trust-item:nth-child(1){animation-delay:.1s}.trust-bar-inner .trust-item:nth-child(2){animation-delay:.2s}.trust-bar-inner .trust-item:nth-child(3){animation-delay:.3s}.trust-bar-inner .trust-item:nth-child(4){animation-delay:.4s}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.btn:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;background:#fff6;border-radius:50%;transform:scale(0);opacity:0;pointer-events:none}.btn:active:after{animation:ripple .6s ease-out}.step-card,.benefit-card,.pricing-card,.testimonial-card{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.benefit-icon:hover{animation:iconWiggle .4s ease-in-out}.trust-icon:hover{animation:iconPulse .4s ease-in-out}.step-number:hover{animation:iconBounce .4s ease-in-out}.franchise-highlight-icon:hover{animation:iconWiggle .4s ease-in-out}.step-number{transition:all .3s ease}.step-card:hover .step-number{box-shadow:0 10px 20px #00000059,0 6px 10px #00000040,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d;transform:scale(1.1)}@keyframes checkPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.pricing-feature:hover .pricing-check{animation:checkPop .3s ease-out}.testimonial-avatar{transition:all .3s ease}.testimonial-card:hover .testimonial-avatar{transform:scale(1.1);box-shadow:0 10px 24px #00000040}.testimonial-card:hover .testimonial-stars{letter-spacing:3px}.franchise-stat-value{transition:all .3s ease}.franchise-stat:hover .franchise-stat-value{transform:scale(1.15)}.footer-link{position:relative;display:inline-block}.footer-link:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease}.footer-link:hover:before{left:-16px;opacity:1}.section-header{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease}.section-header.will-animate{opacity:1;transform:translateY(0)}.section-header.fade-in{animation:fadeInUp .7s ease forwards}@keyframes iconEntrance{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.benefit-card.fade-in .benefit-icon{animation:iconEntrance .5s ease-out forwards;animation-delay:.2s}.franchise-highlight{opacity:1;transform:translate(0)}.franchise-highlight.fade-in{animation:slideInLeft .5s ease forwards}.media-placeholder{position:relative;overflow:hidden;cursor:pointer}.media-placeholder:hover{border-color:var(--red);border-style:solid}.btn:active{transform:scale(.95) translateY(2px)!important;transition:transform .1s ease!important}.step-card:active,.benefit-card:active,.pricing-card:active,.testimonial-card:active{transform:scale(.98)!important;transition:transform .1s ease!important}.nav-link:active{transform:scale(.95)}.theme-btn:active{transform:scale(.9)}@keyframes inputFocusPulse{0%{box-shadow:0 0 #fff6}to{box-shadow:0 0 0 8px #fff0}}.cta-input:focus{animation:inputFocusPulse .4s ease-out}@keyframes dividerGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(1);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,59,48,.5),transparent);border-radius:1px}.section.fade-in:after{animation:dividerGrow .8s ease forwards;animation-delay:.3s}@keyframes logoPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.logo-link:hover .logo{animation:logoPulse 1.5s ease-in-out infinite}@keyframes ctaBackground{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cta-section{background-size:200% 200%;animation:ctaBackground 15s ease infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:28px;padding:44px;max-width:520px;width:100%;position:relative;animation:modalSlideIn .3s ease}[data-theme=light] .modal-content{background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid rgba(255,255,255,.8);box-shadow:0 50px 100px #0000004d,0 20px 40px #0003,inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #0000000d}[data-theme=dark] .modal-content{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 100px #0009,0 20px 40px #0006,inset 0 2px 4px #ffffff0d,inset 0 -1px 2px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border:none;color:var(--text-primary);font-size:24px;font-weight:300;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}[data-theme=light] .modal-close{background:linear-gradient(145deg,#e8e8e8,#d0d0d0);box-shadow:3px 3px 6px #0000001f,-2px -2px 4px #fffc,inset 0 1px #ffffffe6}[data-theme=dark] .modal-close{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:3px 3px 6px #0000004d,-2px -2px 4px #ffffff08,inset 0 1px #ffffff0d}.modal-close:hover{background:linear-gradient(145deg,#b81c1c,#8a0000);color:#fff;transform:scale(1.1);box-shadow:4px 4px 12px #0006,inset 0 1px 2px #fff3}.modal-title{font-size:26px;font-weight:800;color:var(--text-primary);margin-bottom:18px;padding-right:50px}.modal-description{font-size:15px;line-height:1.75;color:var(--text-secondary);margin-bottom:32px}.modal-btn{width:100%}@media (max-width: 480px){.modal-content{padding:28px}.modal-title{font-size:18px}.modal-description{font-size:14px}}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:10px;border-radius:10px;transition:background .2s ease}.hamburger-menu:hover{background:#80808026}.hamburger-line{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-menu{position:absolute;top:0;right:0;width:320px;max-width:85vw;height:100%;padding:24px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}[data-theme=light] .mobile-nav-menu{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);box-shadow:-10px 0 40px #00000026}[data-theme=dark] .mobile-nav-menu{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);box-shadow:-10px 0 40px #00000080}.mobile-nav-overlay.open .mobile-nav-menu{transform:translate(0)}.mobile-nav-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;border-radius:8px;transition:background .2s ease}.mobile-nav-close:hover{background:#80808026}.mobile-nav-links{display:flex;flex-direction:column;gap:8px;margin-top:60px;margin-bottom:32px}.mobile-nav-link{display:block;padding:16px 20px;font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;border-radius:12px;transition:all .2s ease}[data-theme=light] .mobile-nav-link:hover{background:#0000000f}[data-theme=dark] .mobile-nav-link:hover{background:#ffffff0f}.mobile-nav-actions{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--border-light)}.mobile-theme-toggle{display:flex;gap:8px;margin-bottom:12px}.mobile-theme-toggle .theme-btn{flex:1;padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}[data-theme=light] .mobile-theme-toggle .theme-btn{background:#e0e0e0;color:#666}[data-theme=light] .mobile-theme-toggle .theme-btn.active{background:linear-gradient(145deg,#fff,#e8e8e8);color:#000;box-shadow:2px 2px 6px #0000001a}[data-theme=dark] .mobile-theme-toggle .theme-btn{background:#333;color:#888}[data-theme=dark] .mobile-theme-toggle .theme-btn.active{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);color:#fff;box-shadow:2px 2px 6px #0000004d}.btn-block{width:100%;text-align:center}@media (max-width: 1024px) and (min-width: 769px){.franchise-content{text-align:center;max-width:600px;margin:0 auto}.franchise-content h2{text-align:center}.franchise-highlights{align-items:center}.franchise-highlight{max-width:400px}.franchise-content .btn{display:inline-block}.franchise-visual{max-width:500px;margin:0 auto}}.stafull-logo{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:baseline;line-height:1}.stafull-logo .logo-st{display:inline}.stafull-logo .logo-a{position:relative;display:inline-block}.stafull-logo .logo-a:after{content:"";position:absolute;top:.145em;left:17.5%;width:65%;height:.09em;border-radius:2px}.stafull-logo .logo-full{display:inline}.stafull-logo.logo-dark .logo-st,.stafull-logo.logo-dark .logo-a{color:#fff}.stafull-logo.logo-dark .logo-full{color:#a30000}.stafull-logo.logo-dark .logo-a:after{background:#a30000}.stafull-logo.logo-light .logo-st,.stafull-logo.logo-light .logo-a{color:#000}.stafull-logo.logo-light .logo-full{color:#a30000}.stafull-logo.logo-light .logo-a:after{background:#a30000}.stafull-logo.logo-white .logo-st,.stafull-logo.logo-white .logo-a,.stafull-logo.logo-white .logo-full{color:#fff}.stafull-logo.logo-white .logo-a:after{background:#fff}.stafull-logo.logo-xs{font-size:18px}.stafull-logo.logo-sm{font-size:24px}.stafull-logo.logo-md{font-size:36px}.stafull-logo.logo-lg{font-size:48px}.stafull-logo.logo-xl{font-size:64px}.stafull-logo.logo-xxl{font-size:96px}.legal-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a1a);color:#fff;display:flex;flex-direction:column}.legal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center}.legal-logo-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.legal-logo-btn:hover{background:#ffffff0d}.legal-logo-btn:focus{outline:2px solid #a30000;outline-offset:2px}.legal-content{flex:1;max-width:800px;margin:0 auto;padding:48px 32px;width:100%;box-sizing:border-box}.legal-title{font-size:36px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.legal-updated{font-size:14px;color:#ffffff80;margin:0 0 40px}.legal-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.legal-section:last-child{border-bottom:none}.legal-section h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 16px}.legal-section h3{font-size:16px;font-weight:600;color:#ffffffe6;margin:24px 0 12px}.legal-section p{font-size:15px;line-height:1.7;color:#ffffffbf;margin:0 0 16px}.legal-section ul{margin:0 0 16px;padding-left:24px}.legal-section li{font-size:15px;line-height:1.7;color:#ffffffbf;margin-bottom:8px}.legal-section li strong{color:#ffffffe6}.legal-contact{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;margin-top:16px}.legal-contact p{margin:0 0 8px;font-size:14px}.legal-contact p:last-child{margin-bottom:0}.legal-contact strong{color:#fff}.legal-footer{padding:32px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.legal-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.legal-footer-links button{background:none;border:none;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.legal-footer-links button:hover{color:#fff;background:#ffffff0d}.legal-footer-links button.active{color:#a30000}.legal-footer-links button:focus{outline:2px solid #a30000;outline-offset:2px}.legal-copyright{font-size:13px;color:#fff6;margin:0}@media (max-width: 768px){.legal-header{padding:20px 24px}.legal-content{padding:32px 24px}.legal-title{font-size:28px}.legal-section h2{font-size:18px}.legal-section h3{font-size:15px}.legal-section p,.legal-section li{font-size:14px}.legal-footer-links{flex-wrap:wrap;gap:12px}}@media (max-width: 480px){.legal-content{padding:24px 16px}.legal-title{font-size:24px}.legal-section{margin-bottom:24px;padding-bottom:24px}.legal-contact{padding:16px}}[data-theme=light] .legal-page{background:linear-gradient(180deg,#f8f8f8,#fff)}[data-theme=light] .legal-header{border-bottom-color:#00000014}[data-theme=light] .legal-logo-btn:hover{background:#0000000d}[data-theme=light] .legal-title{color:#1a1a1a}[data-theme=light] .legal-updated{color:#00000080}[data-theme=light] .legal-section{border-bottom-color:#0000000f}[data-theme=light] .legal-section h2{color:#1a1a1a}[data-theme=light] .legal-section h3{color:#000000d9}[data-theme=light] .legal-section p,[data-theme=light] .legal-section li{color:#000000b3}[data-theme=light] .legal-section li strong{color:#000000d9}[data-theme=light] .legal-contact{background:#00000005;border-color:#00000014}[data-theme=light] .legal-contact strong{color:#1a1a1a}[data-theme=light] .legal-footer{border-top-color:#00000014}[data-theme=light] .legal-footer-links button{color:#0009}[data-theme=light] .legal-footer-links button:hover{color:#1a1a1a;background:#0000000d}[data-theme=light] .legal-copyright{color:#0006}.global-header{position:fixed;top:0;left:0;right:0;width:100%;height:60px;display:flex;align-items:center;padding:0 20px;background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:1100}.global-header.transparent{background:transparent;border-bottom:none}.global-header.fixed{position:fixed;top:0;left:0;right:0}.global-header-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:16px}.global-header-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.global-header-logo:hover{opacity:.8}.global-header-page-info{display:flex;align-items:center;gap:8px;margin-left:16px}.global-header-page-info .portal-name{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;text-decoration:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important}.global-header-page-info .page-separator{font-size:16px;color:var(--text-muted);font-weight:400}.global-header-page-info .current-page{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important}.global-header-spacer{flex:1}.global-header-nav-wrapper{position:relative}.global-header-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.global-header-nav-btn:hover{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-primary)}.global-header-nav-btn.open{background:var(--bg-secondary);border-color:var(--red);color:var(--text-primary)}.global-header-nav-btn svg{opacity:.7}.global-header-nav-btn:hover svg,.global-header-nav-btn.open svg{opacity:1}.global-header-nav-btn .nav-chevron{transition:transform .2s ease}.global-header-nav-btn.open .nav-chevron{transform:rotate(180deg)}.global-header-nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;max-width:360px;max-height:calc(100vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;padding:8px;animation:dropdownFadeIn .2s ease;z-index:1001;display:grid;grid-template-columns:1fr 1fr;gap:4px}.nav-dropdown-section{padding:4px 0}.nav-dropdown-section:first-child{grid-column:span 2}.nav-dropdown-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 12px 4px}.nav-dropdown-item{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left}.nav-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-dropdown-item.active{background:linear-gradient(135deg,#b81c1c,#8a0000);color:#fff;font-weight:600}.global-header-menu-wrapper{position:relative}.global-header-hamburger{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.global-header-hamburger:hover{background:var(--bg-secondary);border-color:var(--border-light)}.global-header-hamburger.open{background:var(--bg-secondary)}.hamburger-line{width:18px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all .3s ease}.global-header-hamburger:hover .hamburger-line{background:var(--text-primary)}.global-header-hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.global-header-hamburger.open .hamburger-line:nth-child(2){opacity:0}.global-header-hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.global-header-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;padding:8px;animation:dropdownFadeIn .2s ease;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:4px}.dropdown-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#b81c1c,#8a0000);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.dropdown-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item svg{flex-shrink:0;opacity:.7}.dropdown-item:hover svg{opacity:1}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:hover{background:#ef44441a;color:#f87171}.dropdown-item-primary{color:var(--red)}.dropdown-item-primary:hover{background:#a300001a;color:var(--red-bright)}[data-theme=light] .global-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .global-header-dropdown{background:#fff;box-shadow:0 10px 30px #00000026}[data-theme=light] .global-header-hamburger{background:#f5f5f5;border-color:#e0e0e0}[data-theme=light] .global-header-hamburger:hover{background:#eee}[data-theme=light] .dropdown-item:hover{background:#f5f5f5}@media (max-width: 768px){.global-header{padding:0 16px}.global-header-dropdown{min-width:240px}}@media (max-width: 480px){.global-header{height:56px;padding:0 12px}.global-header-hamburger{width:44px;height:44px}.hamburger-line{width:16px}.global-header-dropdown{min-width:220px;right:-8px}}@media (max-width: 768px){.global-header-nav-btn span{display:none}.global-header-nav-btn{padding:8px 10px}.global-header-nav-dropdown{position:fixed;top:60px;left:8px;right:8px;min-width:auto;max-width:none;max-height:calc(100vh - 80px);grid-template-columns:1fr 1fr}.global-header-dropdown{max-height:calc(100vh - 80px)}}@media (max-width: 480px){.global-header-nav-dropdown{top:56px;max-height:calc(100vh - 72px);grid-template-columns:1fr}.global-header-dropdown{max-height:calc(100vh - 72px)}.nav-dropdown-section:first-child{grid-column:span 1}.global-header-nav-btn{padding:6px 8px}.global-header-nav-btn svg:first-child{width:16px;height:16px}}.sf-card{font-family:Montserrat,sans-serif;background:linear-gradient(160deg,var(--gray-700, #2d2d2d),var(--gray-800, #1f1f1f));border-radius:20px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;transition:all .2s ease}.sf-card--padding-none{padding:0}.sf-card--padding-small{padding:16px}.sf-card--padding-normal{padding:24px}.sf-card--padding-large{padding:32px}.sf-card--elevated{box-shadow:0 40px 80px #0000008c,0 20px 40px #0006}.sf-card--outlined{background:transparent;border:1px solid var(--gray-600, #404040);box-shadow:none}.sf-card--clickable{cursor:pointer}.sf-card--clickable:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.sf-card--clickable:active{transform:translateY(-1px)}.sf-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-600, #404040)}.sf-card-header:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sf-card-header-content{flex:1;min-width:0}.sf-card-header-actions{display:flex;gap:8px;margin-left:16px}.sf-card-title{font-size:16px;font-weight:700;color:var(--white, #ffffff);margin:0;letter-spacing:-.01em}.sf-card-subtitle{font-size:13px;font-weight:500;color:var(--gray-400, #888888);margin:4px 0 0}.sf-card-footer{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-600, #404040)}.sf-card-footer:first-child{margin-top:0;padding-top:0;border-top:none}.sf-card-footer--left{justify-content:flex-start}.sf-card-footer--center{justify-content:center}.sf-card-footer--right{justify-content:flex-end}.sf-card-footer--between{justify-content:space-between}[data-theme=light] .sf-card{background:linear-gradient(160deg,var(--white, #ffffff),var(--gray-100, #e8e8e8));box-shadow:0 25px 50px #00000026,0 12px 25px #0000001a}[data-theme=light] .sf-card--elevated{box-shadow:0 40px 80px #00000026,0 20px 40px #0000001a}[data-theme=light] .sf-card--clickable:hover{box-shadow:0 30px 60px #0000001f,0 15px 30px #00000014}[data-theme=light] .sf-card-header{border-bottom-color:var(--gray-200, #d4d4d4)}[data-theme=light] .sf-card-title{color:var(--gray-900, #141414)}[data-theme=light] .sf-card-subtitle{color:var(--gray-500, #606060)}[data-theme=light] .sf-card-footer{border-top-color:var(--gray-200, #d4d4d4)}.sf-btn{font-family:Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;outline:none}.sf-btn--primary:before,.sf-btn--danger:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border-radius:50px 50px 0 0;pointer-events:none}.sf-btn--small{padding:10px 20px;font-size:10px;gap:6px}.sf-btn--medium{padding:14px 28px;font-size:11px;gap:8px}.sf-btn--large{padding:18px 38px;font-size:12px;gap:10px}.sf-btn--primary{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.sf-btn--primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.sf-btn--primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px #00000080,0 10px 20px #00000059}.sf-btn--secondary{background:linear-gradient(160deg,#606060,#404040,#2d2d2d);color:#fff;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059,inset 0 1px #ffffff1a}.sf-btn--secondary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059,inset 0 1px #ffffff26}.sf-btn--secondary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px #00000080,0 10px 20px #00000059,inset 0 1px #ffffff1a}.sf-btn--ghost{background:transparent;color:var(--text-primary, #ffffff);border:2px solid var(--gray-600, #404040);box-shadow:0 4px 15px #0003}.sf-btn--ghost:hover:not(:disabled){transform:translateY(-3px);border-color:var(--gray-400, #888888);box-shadow:0 8px 25px #0000004d}.sf-btn--ghost:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0003}.sf-btn--ghost:hover:not(:disabled){color:var(--red, #a30000);border-color:var(--red, #a30000)}.sf-btn--danger{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.sf-btn--danger:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.sf-btn--danger:active:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 40px #00000080,0 10px 20px #00000059}.sf-btn:disabled,.sf-btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sf-btn--primary:disabled,.sf-btn--secondary:disabled,.sf-btn--danger:disabled{box-shadow:0 10px 25px #00000040,0 5px 12px #00000026}.sf-btn--ghost:disabled{box-shadow:none;border-color:var(--gray-700, #2d2d2d);color:var(--gray-500, #606060)}.sf-btn--loading{pointer-events:none}.sf-btn--loading .sf-btn-content{visibility:hidden;opacity:0}.sf-btn--loading .sf-btn-spinner{position:absolute}.sf-btn-spinner{display:inline-flex;align-items:center;justify-content:center}.sf-btn-spinner-ring{border-radius:50%;border-style:solid;border-color:transparent;animation:sf-btn-spin 1s linear infinite}.sf-btn--small .sf-btn-spinner-ring{width:14px;height:14px;border-width:2px}.sf-btn--medium .sf-btn-spinner-ring{width:16px;height:16px;border-width:2px}.sf-btn--large .sf-btn-spinner-ring{width:20px;height:20px;border-width:3px}.sf-btn--primary .sf-btn-spinner-ring,.sf-btn--secondary .sf-btn-spinner-ring,.sf-btn--danger .sf-btn-spinner-ring{border-top-color:#fff;border-right-color:#fff}.sf-btn--ghost .sf-btn-spinner-ring{border-top-color:var(--red, #a30000);border-right-color:var(--red, #a30000)}@keyframes sf-btn-spin{to{transform:rotate(360deg)}}.sf-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:inherit;transition:opacity .2s ease,visibility .2s ease}.sf-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sf-btn--small .sf-btn-icon{width:14px;height:14px}.sf-btn--medium .sf-btn-icon{width:16px;height:16px}.sf-btn--large .sf-btn-icon{width:18px;height:18px}.sf-btn-icon svg{width:100%;height:100%}.sf-btn--full-width{width:100%}.sf-btn--icon-only{padding:0;aspect-ratio:1}.sf-btn--icon-only.sf-btn--small{width:36px;height:36px}.sf-btn--icon-only.sf-btn--medium{width:44px;height:44px}.sf-btn--icon-only.sf-btn--large{width:54px;height:54px}.sf-btn:focus-visible{outline:none;box-shadow:0 0 0 1px var(--red, #a30000),0 25px 50px #00000080,0 12px 25px #00000059}.sf-btn--ghost:focus-visible{box-shadow:0 0 0 1px var(--red, #a30000),0 4px 15px #0003}[data-theme=light] .sf-btn--secondary{background:linear-gradient(160deg,#fff,#e8e8e8,#d4d4d4);color:var(--gray-800, #1f1f1f);box-shadow:0 25px 50px #00000026,0 12px 25px #0000001a,inset 0 1px #fff}[data-theme=light] .sf-btn--secondary:hover:not(:disabled){box-shadow:0 30px 60px #00000026,0 15px 30px #0000001a,inset 0 1px #fff}[data-theme=light] .sf-btn--ghost{color:var(--gray-700, #2d2d2d);border-color:var(--gray-300, #b0b0b0);box-shadow:0 4px 15px #00000014}[data-theme=light] .sf-btn--ghost:hover:not(:disabled){color:var(--red, #a30000);border-color:var(--red, #a30000);box-shadow:0 8px 25px #0000001f}[data-theme=light] .sf-btn--ghost .sf-btn-spinner-ring{border-top-color:var(--red, #a30000);border-right-color:var(--red, #a30000)}[data-theme=light] .sf-btn--primary,[data-theme=light] .sf-btn--danger{box-shadow:0 25px 50px #0003,0 12px 25px #00000026}[data-theme=light] .sf-btn--primary:hover:not(:disabled),[data-theme=light] .sf-btn--danger:hover:not(:disabled){box-shadow:0 30px 60px #0003,0 15px 30px #00000026}.sf-btn-group{display:inline-flex;gap:12px}.sf-btn-group--vertical{flex-direction:column}.sf-btn-group--stretch .sf-btn{flex:1}.page-header{position:fixed;top:0;left:0;right:0;height:64px;background:linear-gradient(180deg,#141414fa,#0f0f0ff2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);z-index:1000;box-shadow:0 4px 20px #0000004d}.header-content{max-width:1600px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-logo{cursor:pointer;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.header-portal-name{position:absolute;left:50%;transform:translate(-50%);font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#888;text-decoration:none!important}.hamburger-btn{width:44px;height:44px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;position:relative;overflow:hidden}.hamburger-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%)}.hamburger-btn:hover:before{animation:shimmer .6s ease forwards}.hamburger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000059;border-color:#ffffff1f}.hamburger-btn.active{border-color:#a30000}.hamburger-line{width:20px;height:2px;background:#888;border-radius:1px;transition:all .3s ease}.hamburger-btn:hover .hamburger-line{background:#fff}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#a30000}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:#a30000}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001}.menu-overlay.active{opacity:1;visibility:visible}.menu-panel{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:linear-gradient(180deg,#1a1a1a,#141414);border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 40px #00000080;z-index:1002;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-panel.active{transform:translate(0)}.menu-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.menu-close{width:36px;height:36px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.menu-close:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%)}.menu-close:hover:before{animation:shimmer .6s ease forwards}.menu-close:hover{border-color:#a30000}.menu-close svg{width:18px;height:18px;color:#888;transition:color .2s ease}.menu-close:hover svg{color:#a30000}.menu-user{padding:24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06)}.user-avatar{width:48px;height:48px;background:linear-gradient(145deg,#b81c1c,#8a0000);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#fff;box-shadow:0 8px 16px #0006,0 4px 8px #0000004d}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#fff}.user-portal{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#666}.menu-items{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.menu-item{width:100%;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%)}.menu-item:hover:before{animation:shimmer .6s ease forwards}.menu-item:hover{background:linear-gradient(145deg,#252525,#1e1e1e);border-color:#ffffff0f}.menu-item.active{background:linear-gradient(145deg,#b81c1c,#8a0000);border-color:#a30000;box-shadow:0 8px 16px #0006,0 4px 8px #0000004d}.menu-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.menu-icon svg{width:20px;height:20px;stroke:#888;stroke-width:2;fill:none}.menu-item:hover .menu-icon svg,.menu-item.active .menu-icon svg{stroke:#fff}.menu-label{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:#999;transition:color .2s ease}.menu-item:hover .menu-label,.menu-item.active .menu-label{color:#fff}.menu-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.menu-item.logout:hover{background:linear-gradient(145deg,#2a2020,#1e1818);border-color:#a300004d}.menu-item.logout:hover .menu-icon svg{stroke:#a30000}.menu-item.logout:hover .menu-label{color:#a30000}@media (max-width: 768px){.header-content{padding:0 16px}.header-portal-name{display:none}.menu-panel{width:100%;max-width:100%}}@media (max-width: 480px){.page-header{height:56px}.hamburger-btn{width:40px;height:40px}.hamburger-line{width:18px}}.persistent-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);background:#1e1e1efa;border:none;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:9999;height:56px;font-family:var(--font-family, "Montserrat", sans-serif)}.persistent-header:before,.persistent-header:after{display:none;content:none}[data-theme=light] .persistent-header{background:linear-gradient(180deg,#fff,#f5f5f5);border-bottom-color:#0000001a}.header-logo{flex:0 0 auto;display:flex;align-items:center}.header-logo .stafull-logo{transform:scale(.85);transform-origin:left center}@media (max-width: 480px){.header-logo .stafull-logo{transform:scale(.75)}}.header-center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:default;padding:8px 12px;border-radius:6px;border:none;background:transparent;transition:background .2s ease;margin:0 8px;min-width:0;font-family:inherit;text-decoration:none!important;text-decoration-line:none!important}.header-center.has-switcher{cursor:pointer}.header-center.has-switcher:hover,.header-center.has-switcher:active{background:#ffffff0d}[data-theme=light] .header-center.has-switcher:hover,[data-theme=light] .header-center.has-switcher:active{background:#0000000d}.header-center:focus{outline:none}.header-center:focus-visible{box-shadow:0 0 0 1px #ffffff14}.header-portal-name{font-size:var(--mobile-text-base, 14px);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important}[data-theme=light] .header-portal-name{color:#000}.header-page-name{font-size:var(--mobile-text-sm, 12px);color:var(--text-muted, rgba(255, 255, 255, .85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important;text-decoration-line:none!important;-webkit-text-decoration:none!important}[data-theme=light] .header-page-name{color:var(--text-muted, rgba(0, 0, 0, .75))}.header-separator{color:var(--text-muted, rgba(255, 255, 255, .6));margin:0 2px}.header-dropdown-icon{display:flex;align-items:center;margin-left:4px;color:var(--text-muted, rgba(255, 255, 255, .6));transition:transform .2s ease}.header-center[aria-expanded=true] .header-dropdown-icon{transform:rotate(180deg)}@media (max-width: 480px){.header-center{padding:6px 8px;margin:0 4px}.header-portal-name{font-size:var(--mobile-text-sm, 12px);max-width:none}.header-page-name{font-size:var(--mobile-text-xs, 10px);max-width:none}}.header-hamburger{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:8px;transition:background .2s ease}.header-hamburger:hover{background:#ffffff0d}[data-theme=light] .header-hamburger:hover{background:#0000000d}.header-hamburger:focus{outline:none}.header-hamburger:focus-visible{box-shadow:0 0 0 1px #ffffff14}.hamburger-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{height:2px;width:100%;background:#fff;border-radius:1px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}[data-theme=light] .hamburger-line{background:#000}.header-hamburger.menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header-hamburger.menu-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header-hamburger.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.dashboard-switcher{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #0009;min-width:200px;max-width:280px;padding:var(--mobile-spacing-sm, 8px) 0;z-index:calc(var(--z-sidebar, 1000) + 1);animation:dropdownFadeIn .15s ease}[data-theme=light] .dashboard-switcher{background:#fff;border-color:#00000026;box-shadow:0 8px 32px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dashboard-option{display:flex;align-items:center;gap:var(--mobile-spacing-sm, 8px);width:100%;padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);color:#fff;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit;font-size:var(--mobile-text-base, 14px);font-weight:500;text-align:left}[data-theme=light] .dashboard-option{color:#000}.dashboard-option:hover,.dashboard-option:active{background:#ffffff14}[data-theme=light] .dashboard-option:hover,[data-theme=light] .dashboard-option:active{background:#0000000d}.dashboard-option.active{background:#a3000033;border-left-color:#a30000}[data-theme=light] .dashboard-option.active{background:#a300001a}.dashboard-option:focus{outline:none}.dashboard-option:focus-visible{background:#ffffff14}.dashboard-option-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px}.dashboard-option-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.persistent-header{height:52px;padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px)}.header-hamburger{width:40px;height:40px}.hamburger-icon{width:22px;height:16px}}@media (max-width: 480px){.persistent-header{height:48px;padding:var(--mobile-spacing-xs, 4px) var(--mobile-spacing-sm, 8px)}.header-hamburger{width:36px;height:36px}.hamburger-icon{width:20px;height:14px}.dashboard-switcher{min-width:180px;max-width:calc(100vw - 32px)}}.right-pane-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-sidebar-overlay, 999);pointer-events:none;background:transparent;transition:background .3s ease}.right-pane-menu-overlay.open{pointer-events:auto;background:#0006}.right-pane-menu{position:fixed;top:56px;right:0;width:var(--menu-width-portrait, 50%);height:calc(90vh - 56px);max-height:calc(90vh - 56px);background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-bottom-left-radius:12px;box-shadow:-4px 4px 24px #00000080;display:flex;flex-direction:column;z-index:var(--z-sidebar, 1000);font-family:var(--font-family, "Montserrat", sans-serif);transform:translateY(-100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.right-pane-menu.open{transform:translateY(0);opacity:1}.right-pane-menu.closing{transform:translateY(-100%);opacity:0}[data-theme=light] .right-pane-menu{background:linear-gradient(180deg,#fff,#f5f5f5);border-left-color:#0000001a;border-bottom-color:#0000001a;box-shadow:-4px 4px 24px #00000026}@media (orientation: landscape){.right-pane-menu{width:var(--menu-width-landscape, 28%);min-width:240px}}@media (orientation: landscape) and (max-width: 900px){.right-pane-menu{width:33%;min-width:220px}}.menu-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--mobile-spacing-md, 12px) 0;-webkit-overflow-scrolling:touch}.menu-content::-webkit-scrollbar{width:4px}.menu-content::-webkit-scrollbar-track{background:transparent}.menu-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.menu-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] .menu-content::-webkit-scrollbar-thumb{background:#0003}.menu-item{display:flex;align-items:center;gap:var(--mobile-spacing-md, 12px);padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);color:#fff;font-family:inherit;font-size:var(--mobile-text-base, 14px);font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease;border:none;border-left:3px solid transparent;background:none;width:100%;text-align:left}[data-theme=light] .menu-item{color:#000}.menu-item:hover,.menu-item:active{background:#ffffff14}[data-theme=light] .menu-item:hover,[data-theme=light] .menu-item:active{background:#0000000d}.menu-item:focus{outline:none}.menu-item:focus-visible{background:#ffffff14;border-left-color:#a3000080}.menu-item.active{background:#a3000033;border-left-color:#a30000}[data-theme=light] .menu-item.active{background:#a300001a}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef444426}.menu-item--signout{color:#ef4444;margin-top:auto}.menu-item--signout:hover,.menu-item--signout:active{background:#ef444426}.menu-item--signout .menu-item-icon{color:#ef4444}.menu-item--signout .menu-item-icon svg{stroke:currentColor;fill:none}.menu-divider--bottom{margin-top:auto}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item:disabled:hover{background:none}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:var(--mobile-icon-md, 18px);height:var(--mobile-icon-md, 18px);flex-shrink:0}.menu-item-icon svg{width:100%;height:100%;fill:currentColor}.menu-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-badge{flex-shrink:0;padding:2px 8px;background:#a300004d;border-radius:10px;font-size:var(--mobile-text-xs, 10px);font-weight:600;color:#fff}[data-theme=light] .menu-item-badge{background:#a3000026;color:#a30000}.menu-divider{height:1px;background:#ffffff1a;margin:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-lg, 16px)}[data-theme=light] .menu-divider{background:#0000001a}.menu-user-info{display:flex;align-items:center;gap:var(--mobile-spacing-md, 12px);padding:var(--mobile-spacing-lg, 16px)}.menu-user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.menu-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-user-name{font-size:var(--mobile-text-base, 14px);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .menu-user-name{color:#000}.menu-user-role{font-size:var(--mobile-text-xs, 11px);color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .menu-user-role{color:var(--text-muted, rgba(0, 0, 0, .5))}.menu-section-header{padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);padding-bottom:var(--mobile-spacing-xs, 4px);font-size:var(--mobile-text-xs, 10px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, rgba(255, 255, 255, .6))}[data-theme=light] .menu-section-header{color:var(--text-muted, rgba(0, 0, 0, .6))}.menu-footer-bar{flex:0 0 auto;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;background:#0003;border-top:1px solid rgba(255,255,255,.05);border-bottom-left-radius:12px}.menu-footer-bar:active{cursor:grabbing}.menu-footer-bar:focus{outline:none}.menu-footer-bar:focus-visible{background:#ffffff0d}[data-theme=light] .menu-footer-bar{background:#0000000d;border-top-color:#0000000d}.footer-handle{width:36px;height:4px;background:#ffffff4d;border-radius:2px;transition:background .2s ease,transform .2s ease}[data-theme=light] .footer-handle{background:#0003}.menu-footer-bar:hover .footer-handle{background:#ffffff80}.menu-footer-bar:active .footer-handle{background:#fff9;transform:scaleX(1.1)}[data-theme=light] .menu-footer-bar:hover .footer-handle{background:#0000004d}[data-theme=light] .menu-footer-bar:active .footer-handle{background:#0006}.footer-line,.footer-dot{display:none!important}@media (max-width: 768px){.right-pane-menu{top:52px;height:calc(90vh - 52px);max-height:calc(90vh - 52px)}}@media (max-width: 480px){.right-pane-menu{top:48px;height:calc(90vh - 48px);max-height:calc(90vh - 48px);width:60%;min-width:200px}.menu-item{padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px);font-size:var(--mobile-text-sm, 12px)}.menu-item-icon{width:var(--mobile-icon-sm, 14px);height:var(--mobile-icon-sm, 14px)}}@media (prefers-reduced-motion: reduce){.right-pane-menu{transition:opacity .15s ease}.right-pane-menu.open,.right-pane-menu.closing{transform:translateY(0)}}.section-card{background:linear-gradient(145deg,var(--card-bg-start, #1e1e1e) 0%,var(--card-bg-end, #141414) 100%);border:1px solid var(--card-border, rgba(138, 0, 0, .2));border-radius:var(--radius-lg, 12px);padding:var(--mobile-card-padding, 16px);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 16px var(--card-shadow, rgba(0, 0, 0, .4)),0 1px 3px #0000004d;text-decoration:none;display:block;position:relative;overflow:hidden}.section-card:hover,.section-card:active{transform:translateY(-2px);box-shadow:0 12px 40px var(--card-shadow-hover, rgba(0, 0, 0, .6)),0 2px 8px #0006;border-color:var(--card-border-hover, rgba(138, 0, 0, .5))}.section-card:focus{outline:none}.section-card:focus-visible{box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000080;border-color:#ffffff4d}.section-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);pointer-events:none}.section-card:hover:before{animation:cardShimmer .6s ease forwards}@keyframes cardShimmer{to{transform:translate(100%)}}[data-theme=light] .section-card{background:linear-gradient(145deg,var(--card-bg-start, #ffffff) 0%,var(--card-bg-end, #fafafa) 100%);border-color:var(--card-border, rgba(138, 0, 0, .15));box-shadow:0 4px 16px var(--card-shadow, rgba(0, 0, 0, .08)),0 1px 3px #0000000d}[data-theme=light] .section-card:hover,[data-theme=light] .section-card:active{box-shadow:0 12px 40px var(--card-shadow-hover, rgba(0, 0, 0, .15)),0 2px 8px #00000014;border-color:var(--card-border-hover, rgba(138, 0, 0, .4))}.section-card__header{display:flex;align-items:center;gap:var(--mobile-spacing-sm, 8px);margin-bottom:var(--mobile-spacing-xs, 4px)}.section-card__icon{width:var(--mobile-icon-lg, 24px);height:var(--mobile-icon-lg, 24px);color:#a30000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-card__icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;fill:none}.section-card__title{font-size:var(--mobile-text-base, 14px);font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}[data-theme=light] .section-card__title{color:#1a1a1a}.section-card__description{font-size:var(--mobile-text-sm, 12px);color:var(--text-muted, rgba(255, 255, 255, .85));margin:0 0 var(--mobile-spacing-sm, 8px) 0;line-height:1.4}[data-theme=light] .section-card__description{color:var(--text-muted, rgba(0, 0, 0, .7))}.section-card__metrics{display:flex;gap:var(--mobile-spacing-lg, 16px);flex-wrap:wrap;margin-top:var(--mobile-spacing-sm, 8px);padding-top:var(--mobile-spacing-sm, 8px);border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .section-card__metrics{border-top-color:#0000001a}.metric{display:flex;flex-direction:column;min-width:0}.metric__value{font-size:var(--mobile-text-lg, 16px);font-weight:700;color:#fff;display:flex;align-items:center;gap:4px}[data-theme=light] .metric__value{color:#1a1a1a}.metric__value--positive{color:#fff}.metric__value--negative{color:#ef4444}.metric__label{font-size:var(--mobile-text-xs, 10px);color:var(--text-muted, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.3px;margin-top:2px}[data-theme=light] .metric__label{color:var(--text-muted, rgba(0, 0, 0, .6))}.trend-indicator{display:inline-flex;align-items:center;justify-content:center}.trend-indicator--up{color:#fff}.trend-indicator--down{color:#ef4444}.section-card--small{padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px)}.section-card--small .section-card__header{margin-bottom:0}.section-card--small .section-card__icon{width:var(--mobile-icon-md, 18px);height:var(--mobile-icon-md, 18px)}.section-card--small .section-card__title{font-size:var(--mobile-text-sm, 12px)}.section-card--small .section-card__description{display:none}.section-card--small .section-card__metrics{border-top:none;padding-top:var(--mobile-spacing-xs, 4px);margin-top:var(--mobile-spacing-xs, 4px);gap:var(--mobile-spacing-md, 12px)}.section-card--small .metric__value{font-size:var(--mobile-text-base, 14px)}.section-card--small .metric__label{font-size:9px}.section-card--medium{padding:var(--mobile-card-padding, 16px)}.section-card--large{padding:var(--mobile-spacing-lg, 16px) var(--mobile-spacing-xl, 20px)}.section-card--large .section-card__icon{width:28px;height:28px}.section-card--large .section-card__title{font-size:var(--mobile-text-lg, 16px)}.section-card--large .section-card__description{font-size:var(--mobile-text-base, 14px)}.section-card--large .section-card__metrics{gap:var(--mobile-spacing-xl, 20px);padding-top:var(--mobile-spacing-md, 12px);margin-top:var(--mobile-spacing-md, 12px)}.section-card--large .metric__value{font-size:var(--mobile-text-xl, 18px)}.section-card--large .metric__label{font-size:var(--mobile-text-xs, 10px)}.section-card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.section-card--disabled:hover,.section-card--disabled:active{transform:none;box-shadow:0 4px 16px #0006;border-color:#8a000033}@media (max-width: 480px){.section-card{padding:var(--mobile-spacing-md, 12px)}.section-card__title{font-size:var(--mobile-text-sm, 12px)}.section-card__description{font-size:var(--mobile-text-xs, 10px)}.section-card__metrics{gap:var(--mobile-spacing-md, 12px)}.metric__value{font-size:var(--mobile-text-base, 14px)}}@media (max-height: 500px) and (orientation: landscape){.section-card{padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px)}.section-card__metrics{padding-top:var(--mobile-spacing-xs, 4px);margin-top:var(--mobile-spacing-xs, 4px)}}@media (prefers-reduced-motion: reduce){.section-card{transition:none}.section-card:hover,.section-card:active{transform:none}.section-card:before{animation:none}}.dashboard-grid{display:grid;gap:var(--mobile-section-gap, 16px);padding:var(--mobile-spacing-lg, 16px);width:100%}.dashboard-grid--gap-sm{gap:var(--mobile-spacing-sm, 8px)}.dashboard-grid--gap-md{gap:var(--mobile-section-gap, 16px)}.dashboard-grid--gap-lg{gap:var(--mobile-spacing-xl, 20px)}.dashboard-grid--gap-xl{gap:24px}.dashboard-grid--auto{grid-template-columns:1fr}@media (min-width: 400px){.dashboard-grid--auto{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (min-width: 600px){.dashboard-grid--auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 900px){.dashboard-grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.dashboard-grid--single{grid-template-columns:1fr}.dashboard-grid--double{grid-template-columns:repeat(2,1fr)}@media (max-width: 400px){.dashboard-grid--double{grid-template-columns:1fr}}.dashboard-grid .section-card--large{grid-column:1 / -1}@media (min-width: 600px){.dashboard-grid .section-card--span-2{grid-column:span 2}}.dashboard-section{margin-bottom:var(--mobile-spacing-xl, 20px)}.dashboard-section:last-child{margin-bottom:0}.dashboard-section__title{font-size:var(--mobile-text-sm, 12px);font-weight:700;color:var(--text-muted, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--mobile-spacing-md, 12px) 0;padding:0 var(--mobile-spacing-lg, 16px)}[data-theme=light] .dashboard-section__title{color:var(--text-muted, rgba(0, 0, 0, .6))}@media (max-width: 480px){.dashboard-grid{padding:var(--mobile-spacing-md, 12px);gap:var(--mobile-spacing-md, 12px)}}@media (max-height: 500px) and (orientation: landscape){.dashboard-grid{padding:var(--mobile-spacing-sm, 8px);gap:var(--mobile-spacing-sm, 8px)}.dashboard-section__title{margin-bottom:var(--mobile-spacing-sm, 8px)}}.dashboard-grid--no-padding{padding:0}.dashboard-grid--centered{max-width:1200px;margin-left:auto;margin-right:auto}@media print{.dashboard-grid{display:block;padding:0}.dashboard-grid .section-card{break-inside:avoid;margin-bottom:16px;box-shadow:none;border:1px solid #ddd}}.sf-badge{display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;white-space:nowrap}.sf-badge--small{font-size:9px;padding:4px 8px}.sf-badge--normal{font-size:10px;padding:5px 10px}.sf-badge--large{font-size:11px;padding:6px 12px}.sf-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sf-badge--small .sf-badge-dot{width:5px;height:5px}.sf-badge--large .sf-badge-dot{width:7px;height:7px}.sf-badge--default{background:var(--gray-600, #404040);color:var(--gray-300, #b0b0b0)}.sf-badge--default .sf-badge-dot{background:var(--gray-400, #888888)}.sf-badge--success{background:#22c55e33;color:#fff}.sf-badge--success .sf-badge-dot{background:#fff}.sf-badge--warning{background:#f59e0b33;color:#fcd34d}.sf-badge--warning .sf-badge-dot{background:#888}.sf-badge--error{background:#ef444433;color:#b81c1c}.sf-badge--error .sf-badge-dot{background:#f87171}.sf-badge--info{background:#3b82f633;color:#fff}.sf-badge--info .sf-badge-dot{background:#fff}@keyframes sf-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.sf-badge--pulse .sf-badge-dot{animation:sf-badge-pulse 2s ease-in-out infinite}[data-theme=light] .sf-badge--default{background:var(--gray-200, #d4d4d4);color:var(--gray-700, #374151)}[data-theme=light] .sf-badge--success{background:#22c55ed9;color:#fff}[data-theme=light] .sf-badge--warning{background:#f59e0bd9;color:#fff}[data-theme=light] .sf-badge--error{background:#ef4444d9;color:#fff}[data-theme=light] .sf-badge--info{background:#3b82f6d9;color:#fff}.sf-id-badge{display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;white-space:nowrap;transition:all .15s ease}.sf-id-badge--mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace;letter-spacing:.02em}.sf-id-badge--small{font-size:10px;padding:3px 6px}.sf-id-badge--normal{font-size:12px;padding:4px 10px}.sf-id-badge--large{font-size:14px;padding:6px 12px}.sf-id-badge--copyable{cursor:pointer}.sf-id-badge--copyable:hover{filter:brightness(1.1);transform:translateY(-1px)}.sf-id-badge--copyable:active{transform:translateY(0)}.sf-id-badge-type{font-size:.85em;opacity:.7;font-weight:500;text-transform:none}.sf-id-badge-territory{font-size:.8em;opacity:.6;font-weight:500;margin-left:4px;padding-left:6px;border-left:1px solid currentColor}.sf-id-badge--invalid{background:var(--gray-700, #333333);color:var(--gray-400, #888888);font-style:italic}.sf-id-badge--default{background:var(--gray-600, #404040);color:var(--gray-200, #d4d4d4)}.sf-id-badge--holdings{background:linear-gradient(135deg,#1e3a5f,#0f1e33);color:#7eb8ff;border:1px solid rgba(126,184,255,.3)}.sf-id-badge--owner{background:linear-gradient(135deg,#5c4a1f,#3d3111);color:#ffd666;border:1px solid rgba(255,214,102,.3)}.sf-id-badge--manager{background:linear-gradient(135deg,#2a4a5e,#1a2e3d);color:#8cc8e8;border:1px solid rgba(140,200,232,.3)}.sf-id-badge--dispatcher{background:linear-gradient(135deg,#1a4a4a,#0d2d2d);color:#5ed5d5;border:1px solid rgba(94,213,213,.3)}.sf-id-badge--driver{background:linear-gradient(135deg,#5c1a1a,#3d0d0d);color:#f88;border:1px solid rgba(255,136,136,.3)}.sf-id-badge--employee{background:linear-gradient(135deg,#3d4a5c,#262d38);color:#a8b8cc;border:1px solid rgba(168,184,204,.3)}.sf-id-badge--customer{background:linear-gradient(135deg,#1a4a2e,#0d2d1a);color:#66d98a;border:1px solid rgba(102,217,138,.3)}.sf-id-badge--subscription{background:linear-gradient(135deg,#1a5c4a,#0d3d2d);color:#4fd1a9;border:1px solid rgba(79,209,169,.3)}.sf-id-badge--fleet{background:linear-gradient(135deg,#3d2a5c,#261a3d);color:#b388ff;border:1px solid rgba(179,136,255,.3)}.sf-id-badge--employer{background:linear-gradient(135deg,#2a3a5c,#1a2648);color:#88a8ff;border:1px solid rgba(136,168,255,.3)}.sf-id-badge--workplace{background:linear-gradient(135deg,#4a3a5c,#2d2440);color:#c8a8e8;border:1px solid rgba(200,168,232,.3)}.sf-id-badge--investor{background:linear-gradient(135deg,#6b5a2a,#4a3e1a);color:#ffe066;border:1px solid rgba(255,224,102,.4)}.sf-id-badge--sba{background:linear-gradient(135deg,#1a3d5c,#0d2640);color:#66b8ff;border:1px solid rgba(102,184,255,.3)}.sf-id-badge--asset{background:linear-gradient(135deg,#4a4a4a,#2d2d2d);color:#c8c8c8;border:1px solid rgba(200,200,200,.3)}.sf-id-badge--vehicle{background:linear-gradient(135deg,#404040,#262626);color:#b8b8b8;border:1px solid rgba(184,184,184,.3)}.sf-id-badge--fleet-vehicle{background:linear-gradient(135deg,#3d3a4a,#26242d);color:#c0b8d8;border:1px solid rgba(192,184,216,.3)}.sf-id-badge--route{background:linear-gradient(135deg,#6b1a1a,#4a0d0d);color:#f77;border:1px solid rgba(255,119,119,.3)}.sf-id-badge--delivery{background:linear-gradient(135deg,#5c3a1a,#3d260d);color:#fa6;border:1px solid rgba(255,170,102,.3)}.sf-id-badge--transaction{background:linear-gradient(135deg,#2a5c2a,#1a3d1a);color:#7d7;border:1px solid rgba(119,221,119,.3)}.sf-id-badge--incident{background:linear-gradient(135deg,#5c4a1a,#3d300d);color:#fc4;border:1px solid rgba(255,204,68,.4)}.sf-id-badge--settlement{background:linear-gradient(135deg,#1a4a5c,#0d303d);color:#6ce;border:1px solid rgba(102,204,238,.3)}.sf-id-inline{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.9em;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}[data-theme=light] .sf-id-badge--invalid{background:#e5e5e5;color:#888}[data-theme=light] .sf-id-badge--default{background:#e8e8e8;color:#404040}[data-theme=light] .sf-id-badge--holdings{background:linear-gradient(135deg,#d4e4f4,#c0d4e8);color:#1e4a7a;border:1px solid rgba(30,74,122,.2)}[data-theme=light] .sf-id-badge--driver{background:linear-gradient(135deg,#fde8e8,#f8d0d0);color:#a30000;border:1px solid rgba(163,0,0,.2)}[data-theme=light] .sf-id-badge--customer{background:linear-gradient(135deg,#d8f4e4,#c0e8d0);color:#1a6a3a;border:1px solid rgba(26,106,58,.2)}[data-theme=light] .sf-id-badge--fleet{background:linear-gradient(135deg,#e8e0f8,#d8c8f0);color:#5a3a8a;border:1px solid rgba(90,58,138,.2)}[data-theme=light] .sf-id-badge--owner{background:linear-gradient(135deg,#fff4d0,#f8e8b0);color:#7a5a1a;border:1px solid rgba(122,90,26,.2)}[data-theme=light] .sf-id-badge--route{background:linear-gradient(135deg,#ffe8e8,#ffd0d0);color:#b81c1c;border:1px solid rgba(184,28,28,.2)}[data-theme=light] .sf-id-badge--delivery{background:linear-gradient(135deg,#fff0e0,#ffe0c8);color:#8a5a2a;border:1px solid rgba(138,90,42,.2)}[data-theme=light] .sf-id-inline{background:#f0f0f0;color:#404040}.sf-spinner{display:inline-flex;align-items:center;justify-content:center}.sf-spinner-ring{border-radius:50%;border-style:solid;border-color:transparent;animation:sf-spin 1s linear infinite}.sf-spinner--small .sf-spinner-ring{width:16px;height:16px;border-width:2px}.sf-spinner--normal .sf-spinner-ring{width:24px;height:24px;border-width:3px}.sf-spinner--large .sf-spinner-ring{width:40px;height:40px;border-width:4px}.sf-spinner--primary .sf-spinner-ring{border-top-color:var(--red, #a30000);border-right-color:var(--red, #a30000)}.sf-spinner--white .sf-spinner-ring{border-top-color:var(--white, #ffffff);border-right-color:var(--white, #ffffff)}.sf-spinner--gray .sf-spinner-ring{border-top-color:var(--gray-400, #888888);border-right-color:var(--gray-400, #888888)}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-loading-overlay{position:relative;min-height:100px}.sf-loading-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:10}.sf-loading-overlay>.sf-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}.sf-page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.sf-page-loader-message{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:var(--gray-400, #888888);margin:0}.sf-skeleton{background:linear-gradient(90deg,var(--gray-700, #2d2d2d) 25%,var(--gray-600, #404040) 50%,var(--gray-700, #2d2d2d) 75%);background-size:200% 100%;animation:sf-skeleton-pulse 1.5s ease-in-out infinite}.sf-skeleton--text{border-radius:4px;margin-bottom:8px}.sf-skeleton--text:last-child{margin-bottom:0}.sf-skeleton--circular{border-radius:50%}.sf-skeleton--rectangular{border-radius:8px}@keyframes sf-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-skeleton-card{padding:20px;background:var(--gray-800, #1f1f1f);border-radius:16px}.sf-skeleton-card-header{display:flex;gap:12px;margin-bottom:16px}.sf-skeleton-card-header-text{flex:1;display:flex;flex-direction:column;gap:8px}.sf-skeleton-card-body{display:flex;flex-direction:column;gap:8px}[data-theme=light] .sf-skeleton{background:linear-gradient(90deg,var(--gray-200, #d4d4d4) 25%,var(--gray-100, #e8e8e8) 50%,var(--gray-200, #d4d4d4) 75%);background-size:200% 100%}[data-theme=light] .sf-loading-overlay-backdrop{background:#ffffffb3}[data-theme=light] .sf-skeleton-card{background:var(--gray-100, #e8e8e8)}.sf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px}.sf-empty-state--compact{padding:40px 24px}.sf-empty-state-icon{font-size:48px;margin-bottom:20px;opacity:.8}.sf-empty-state--compact .sf-empty-state-icon{font-size:36px;margin-bottom:16px}.sf-empty-state-title{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:var(--white, #ffffff);margin:0 0 12px}.sf-empty-state--compact .sf-empty-state-title{font-size:16px;margin-bottom:8px}.sf-empty-state-description{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#ffffffa6;margin:0 0 24px;max-width:360px;line-height:1.5}.sf-empty-state--compact .sf-empty-state-description{font-size:13px;margin-bottom:16px}.sf-empty-state-action{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--white, #ffffff);background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border:none;border-radius:50px;padding:14px 28px;cursor:pointer;transition:all .2s ease;box-shadow:0 15px 30px #0006,0 8px 15px #0000004d}.sf-empty-state-action:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0006,0 10px 20px #0000004d}.sf-empty-state-action:active{transform:translateY(0)}[data-theme=light] .sf-empty-state-title{color:var(--gray-900, #141414)}[data-theme=light] .sf-empty-state-description{color:var(--gray-500, #606060)}[data-theme=light] .sf-empty-state-action{box-shadow:0 15px 30px #00000026,0 8px 15px #0000001a}[data-theme=light] .sf-empty-state-action:hover{box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a}.sf-input-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.sf-input-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400);margin:0}.sf-input{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--text-primary);background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:12px;padding:16px 20px;width:100%;transition:all var(--transition-base);box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 1px #ffffff08}.sf-input::placeholder{color:var(--gray-600);font-weight:400}.sf-input:focus{outline:none;border-color:#ffffff4d;box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px #ffffff14}.sf-input:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(180deg,#080808,#0c0c0c)}.sf-input--sm{padding:12px 16px;font-size:13px}.sf-input--lg{padding:20px 24px;font-size:16px}.sf-input--error{border-color:var(--error)}.sf-input--error:focus{box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px var(--error)}.sf-input--success{border-color:var(--success)}.sf-input--success:focus{box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px var(--success)}.sf-input-helper{font-family:var(--font-family);font-size:12px;font-weight:500;color:var(--gray-500);margin-top:6px}.sf-input-helper--error{color:var(--error)}.sf-input-helper--success{color:var(--success)}.sf-input-icon-wrapper{position:relative;display:flex;align-items:center}.sf-input--with-icon-left{padding-left:48px}.sf-input--with-icon-right{padding-right:48px}.sf-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--gray-500);pointer-events:none}.sf-input-icon--left{left:16px}.sf-input-icon--right{right:16px}[data-theme=light] .sf-input{background:var(--white);color:var(--gray-800);border:1px solid var(--gray-200);box-shadow:inset 0 4px 12px #0000000f,0 1px #fff,0 0 0 1px var(--gray-200)}[data-theme=light] .sf-input::placeholder{color:var(--gray-400)}[data-theme=light] .sf-input:focus{box-shadow:inset 0 4px 12px #0000000f,0 0 0 1px #00000014}[data-theme=light] .sf-input:disabled{background:var(--gray-100)}[data-theme=light] .sf-input-label{color:var(--gray-600)}[data-theme=light] .sf-input-helper{color:var(--gray-500)}[data-theme=light] .sf-input-icon{color:var(--gray-400)}.sf-select-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.sf-select-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400);margin:0}.sf-select-container{position:relative;display:flex;align-items:center}.sf-select{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--text-primary);background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:12px;padding:16px 48px 16px 20px;width:100%;cursor:pointer;transition:all var(--transition-base);box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 1px #ffffff08;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-select:focus{outline:none;border-color:#ffffff4d;box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px #ffffff14}.sf-select:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(180deg,#080808,#0c0c0c)}.sf-select-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;color:var(--gray-500);transition:transform var(--transition-base)}.sf-select-arrow svg{width:100%;height:100%;fill:currentColor}.sf-select:focus+.sf-select-arrow{color:#fff9}.sf-select option[value=""]{color:var(--gray-600)}.sf-select option{font-family:var(--font-family);background:var(--gray-900);color:var(--text-primary);padding:12px}.sf-select--sm{padding:12px 44px 12px 16px;font-size:13px}.sf-select--lg{padding:20px 52px 20px 24px;font-size:16px}.sf-select--error{border-color:var(--error)}.sf-select--error:focus{box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px var(--error)}.sf-select--success{border-color:var(--success)}.sf-select--success:focus{box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px var(--success)}.sf-select-helper{font-family:var(--font-family);font-size:12px;font-weight:500;color:var(--gray-500);margin-top:6px}.sf-select-helper--error{color:var(--error)}.sf-select-helper--success{color:var(--success)}.sf-select--with-icon-left{padding-left:48px}.sf-select-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--gray-500);pointer-events:none}[data-theme=light] .sf-select{background:var(--white);color:var(--gray-800);border:1px solid var(--gray-200);box-shadow:inset 0 4px 12px #0000000f,0 1px #fff,0 0 0 1px var(--gray-200)}[data-theme=light] .sf-select:focus{box-shadow:inset 0 4px 12px #0000000f,0 0 0 1px #00000014}[data-theme=light] .sf-select:disabled{background:var(--gray-100)}[data-theme=light] .sf-select option{background:var(--white);color:var(--gray-800)}[data-theme=light] .sf-select-label{color:var(--gray-600)}[data-theme=light] .sf-select-helper{color:var(--gray-500)}[data-theme=light] .sf-select-icon,[data-theme=light] .sf-select-arrow{color:var(--gray-400)}.sf-toggle-wrapper{display:flex;align-items:center;gap:14px}.sf-toggle-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400);cursor:pointer}.sf-toggle{position:relative;cursor:pointer;outline:none;border-radius:20px}.sf-toggle:focus-visible{box-shadow:0 0 0 1px #ffffff26}.sf-toggle-track{position:relative;width:60px;height:32px;border-radius:20px;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 1px #ffffff08;transition:all .2s ease}.sf-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(160deg,#606060,#404040,#2d2d2d);box-shadow:0 4px 10px #00000080,0 2px 4px #0000004d,inset 0 1px #ffffff26;transition:all .2s ease;overflow:hidden}.sf-toggle-thumb-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:24px 24px 0 0;pointer-events:none}.sf-toggle--checked .sf-toggle-track{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:#0000004d;box-shadow:inset 0 2px 6px #0000004d,0 4px 15px #0006}.sf-toggle--checked .sf-toggle-track:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border-radius:20px 20px 0 0;pointer-events:none}.sf-toggle--checked .sf-toggle-thumb{left:calc(100% - 27px);background:linear-gradient(160deg,#f0f0f0,#d0d0d0,#a0a0a0);box-shadow:0 4px 12px #0006,0 2px 4px #00000040,inset 0 1px #fffc}.sf-toggle--checked .sf-toggle-thumb-shine{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.sf-toggle--sm .sf-toggle-track{width:44px;height:24px;border-radius:14px}.sf-toggle--sm .sf-toggle-thumb{width:18px;height:18px;top:2px;left:2px}.sf-toggle--sm.sf-toggle--checked .sf-toggle-thumb{left:calc(100% - 20px)}.sf-toggle--lg .sf-toggle-track{width:76px;height:40px;border-radius:24px}.sf-toggle--lg .sf-toggle-thumb{width:32px;height:32px;top:3px;left:3px}.sf-toggle--lg.sf-toggle--checked .sf-toggle-thumb{left:calc(100% - 35px)}.sf-toggle--disabled{cursor:not-allowed;opacity:.5}.sf-toggle--disabled .sf-toggle-track{pointer-events:none}.sf-toggle-labeled{display:flex;align-items:center;gap:12px}.sf-toggle-state-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-600);transition:color .2s ease}.sf-toggle-state-label.active{color:var(--gray-300)}.sf-toggle:not(.sf-toggle--disabled):hover .sf-toggle-thumb{box-shadow:0 6px 14px #0000008c,0 3px 6px #00000059,inset 0 1px #fff3}.sf-toggle--checked:not(.sf-toggle--disabled):hover .sf-toggle-thumb{box-shadow:0 6px 14px #00000073,0 3px 6px #0000004d,inset 0 1px #ffffffe6}[data-theme=light] .sf-toggle-track{background:var(--gray-200);border-color:var(--gray-300);box-shadow:inset 0 4px 12px #0000000f,0 1px #fff,0 0 0 1px var(--gray-200)}[data-theme=light] .sf-toggle-thumb{background:linear-gradient(160deg,#fff,#e8e8e8,#d4d4d4);box-shadow:0 4px 10px #00000026,0 2px 4px #0000001a,inset 0 1px #ffffffe6}[data-theme=light] .sf-toggle--checked .sf-toggle-track{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:#8a0000;box-shadow:inset 0 2px 6px #0003,0 4px 12px #00000026}[data-theme=light] .sf-toggle--checked .sf-toggle-thumb{background:linear-gradient(160deg,#fff,#f0f0f0,#e0e0e0);box-shadow:0 4px 12px #0003,0 2px 4px #0000001a,inset 0 1px #fff}[data-theme=light] .sf-toggle-label{color:var(--gray-600)}[data-theme=light] .sf-toggle-state-label{color:var(--gray-400)}[data-theme=light] .sf-toggle-state-label.active{color:var(--gray-700)}.sf-checkbox-wrapper{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.sf-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center}.sf-checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-checkbox-box{position:relative;width:16px;height:16px;border-radius:8px;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 1px #ffffff08;transition:all .2s ease;overflow:hidden}.sf-checkbox-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);border-radius:7px 7px 0 0;pointer-events:none;transition:all .2s ease}.sf-checkbox-check,.sf-checkbox-minus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;color:var(--white);opacity:0;transition:opacity .15s ease}.sf-checkbox--checked .sf-checkbox-check,.sf-checkbox--indeterminate .sf-checkbox-minus{opacity:1}.sf-checkbox--checked .sf-checkbox-box,.sf-checkbox--indeterminate .sf-checkbox-box{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:#0000004d;box-shadow:inset 0 2px 6px #0000004d,0 4px 12px #0006}.sf-checkbox--checked .sf-checkbox-shine,.sf-checkbox--indeterminate .sf-checkbox-shine{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}.sf-checkbox-label{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--text-primary);transition:color .2s ease}.sf-checkbox--sm .sf-checkbox-box{width:18px;height:18px;border-radius:6px}.sf-checkbox--sm .sf-checkbox-check,.sf-checkbox--sm .sf-checkbox-minus{width:11px;height:11px}.sf-checkbox--lg .sf-checkbox-box{width:28px;height:28px;border-radius:10px}.sf-checkbox--lg .sf-checkbox-check,.sf-checkbox--lg .sf-checkbox-minus{width:18px;height:18px}.sf-checkbox--disabled{pointer-events:none}.sf-checkbox--disabled .sf-checkbox-box{opacity:.5;background:linear-gradient(180deg,#080808,#0c0c0c)}.sf-checkbox--disabled+.sf-checkbox-label{opacity:.5;cursor:not-allowed}.sf-checkbox-wrapper:has(.sf-checkbox--disabled){cursor:not-allowed}.sf-checkbox-input:focus-visible+.sf-checkbox-box{box-shadow:inset 0 4px 12px #0009,inset 0 1px 3px #0006,0 0 0 1px var(--red)}.sf-checkbox--checked .sf-checkbox-input:focus-visible+.sf-checkbox-box,.sf-checkbox--indeterminate .sf-checkbox-input:focus-visible+.sf-checkbox-box{box-shadow:inset 0 2px 6px #0000004d,0 4px 12px #0006,0 0 0 1px #a30000}.sf-checkbox-wrapper:hover .sf-checkbox-box{box-shadow:inset 0 4px 12px #00000080,inset 0 1px 3px #0000004d,0 2px 8px #0000004d}.sf-checkbox-wrapper:hover .sf-checkbox--checked .sf-checkbox-box,.sf-checkbox-wrapper:hover .sf-checkbox--indeterminate .sf-checkbox-box{box-shadow:inset 0 2px 6px #00000040,0 6px 16px #00000073}.sf-checkbox-group{border:none;padding:0;margin:0}.sf-checkbox-group-label{font-family:var(--font-family);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400);margin-bottom:14px;display:block}.sf-checkbox-group-items{display:flex;flex-direction:column;gap:12px}.sf-checkbox-group--horizontal .sf-checkbox-group-items{flex-direction:row;flex-wrap:wrap;gap:18px}[data-theme=light] .sf-checkbox-box{background:var(--white);border-color:var(--gray-300);box-shadow:inset 0 4px 12px #0000000f,0 1px #fff,0 0 0 1px var(--gray-200)}[data-theme=light] .sf-checkbox--checked .sf-checkbox-box,[data-theme=light] .sf-checkbox--indeterminate .sf-checkbox-box{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:#8a0000;box-shadow:inset 0 2px 6px #0003,0 4px 12px #00000026}[data-theme=light] .sf-checkbox-label{color:var(--gray-800)}[data-theme=light] .sf-checkbox-group-label{color:var(--gray-600)}[data-theme=light] .sf-checkbox-wrapper:hover .sf-checkbox-box{box-shadow:inset 0 4px 12px #0000000a,0 2px 8px #0000001a,0 0 0 1px var(--gray-300)}[data-theme=light] .sf-checkbox-wrapper:hover .sf-checkbox--checked .sf-checkbox-box,[data-theme=light] .sf-checkbox-wrapper:hover .sf-checkbox--indeterminate .sf-checkbox-box{box-shadow:inset 0 2px 6px #00000026,0 6px 16px #00000026}[data-theme=light] .sf-checkbox-input:focus-visible+.sf-checkbox-box{box-shadow:inset 0 4px 12px #0000000f,0 0 0 1px var(--red)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:12px;border-left:4px solid;color:#fff;font-family:Montserrat,sans-serif;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;min-width:300px;max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.toast-exiting{animation:toastSlideOut .2s ease forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-success{background:linear-gradient(160deg,#2d5a2d,#1a3d1a,#0f2d0f);border-left-color:#4a9a4a}.toast-error{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-left-color:#d42a2a}.toast-warning{background:linear-gradient(160deg,#8a6d00,#6d5500,#5a4500);border-left-color:#b8940a}.toast-info{background:linear-gradient(160deg,#1a4a6d,#0f3d5a,#0a2d45);border-left-color:#3a7aad}.toast-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff1a;border-radius:50%;font-size:14px;font-weight:700}.toast-content{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:4px;line-height:1.3}.toast-message{font-size:14px;font-weight:500;line-height:1.45;opacity:.92}.toast-dismiss{background:transparent;border:none;color:#fff9;cursor:pointer;padding:6px;font-size:16px;line-height:1;font-family:Montserrat,sans-serif;font-weight:600;transition:all .2s ease;flex-shrink:0;border-radius:6px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.toast-dismiss:hover{color:#fffffff2;background:#ffffff1a}.toast-dismiss:active{transform:scale(.92)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;border-radius:0 0 8px;overflow:hidden}.toast-progress-bar{height:100%;background:#ffffff80;animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}[data-theme=light] .toast{box-shadow:0 25px 50px #0000002e,0 12px 25px #0000001f}[data-theme=light] .toast-success{background:linear-gradient(160deg,#3d7a3d,#2d5a2d,#1a3d1a)}[data-theme=light] .toast-info{background:linear-gradient(160deg,#2a6a9d,#1a4a6d,#0f3d5a)}@media (max-width: 480px){.toast-container{bottom:16px;right:16px;left:16px;max-width:none}.toast{min-width:auto;max-width:none;padding:14px 16px}.toast-message{font-size:13px}}.sf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sf-modal-overlay--open{opacity:1;visibility:visible}.sf-modal{font-family:Montserrat,sans-serif;background:linear-gradient(160deg,var(--gray-700, #2d2d2d),var(--gray-800, #1f1f1f));border-radius:16px;box-shadow:0 40px 80px #0000008c,0 20px 40px #0006;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;position:relative;transform:scale(.95) translateY(10px);transition:transform .2s ease}.sf-modal-overlay--open .sf-modal{transform:scale(1) translateY(0)}.sf-modal--small{width:400px}.sf-modal--medium{width:560px}.sf-modal--large{width:720px}.sf-modal--full{width:calc(100vw - 48px);height:calc(100vh - 48px)}.sf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--gray-600, #404040);flex-shrink:0}.sf-modal-header-content{flex:1;min-width:0}.sf-modal-title{font-size:18px;font-weight:700;color:var(--white, #ffffff);margin:0;letter-spacing:-.01em}.sf-modal-subtitle{font-size:13px;font-weight:500;color:var(--gray-400, #888888);margin:4px 0 0}.sf-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--gray-600, #404040),var(--gray-700, #2d2d2d));border:none;border-radius:10px;cursor:pointer;color:var(--gray-300, #b0b0b0);transition:all .2s ease;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003;margin-left:16px;flex-shrink:0}.sf-modal-close:hover{transform:translateY(-2px);color:var(--white, #ffffff);box-shadow:0 6px 16px #00000059,0 3px 8px #00000040}.sf-modal-close:active{transform:translateY(0)}.sf-modal-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.sf-modal-body{padding:24px;overflow-y:auto;flex:1;color:var(--gray-300, #b0b0b0);font-size:14px;font-weight:500;line-height:1.6}.sf-modal-body--no-padding{padding:0}.sf-modal-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-600, #404040);flex-shrink:0}.sf-modal-footer--left{justify-content:flex-start}.sf-modal-footer--center{justify-content:center}.sf-modal-footer--right{justify-content:flex-end}.sf-modal-footer--between{justify-content:space-between}.sf-modal-btn{font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:14px 28px;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease}.sf-modal-btn-primary{background:linear-gradient(160deg,var(--red-bright, #b81c1c),var(--red, #a30000),var(--red-dark, #8a0000));color:var(--white, #ffffff);box-shadow:0 12px 24px #0006,0 6px 12px #0000004d}.sf-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #00000073,0 8px 16px #00000059}.sf-modal-btn-secondary{background:linear-gradient(160deg,var(--gray-600, #404040),var(--gray-700, #2d2d2d));color:var(--white, #ffffff);box-shadow:0 8px 16px #0000004d,0 4px 8px #0003}.sf-modal-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000059,0 6px 12px #00000040}.sf-modal-btn-ghost{background:transparent;color:var(--gray-400, #888888);box-shadow:none;padding:14px 20px}.sf-modal-btn-ghost:hover{color:var(--white, #ffffff);background:#ffffff0d}[data-theme=light] .sf-modal{background:linear-gradient(160deg,var(--white, #ffffff),var(--gray-100, #e8e8e8));box-shadow:0 40px 80px #00000026,0 20px 40px #0000001a}[data-theme=light] .sf-modal-header{border-bottom-color:var(--gray-200, #d4d4d4)}[data-theme=light] .sf-modal-title{color:var(--gray-900, #141414)}[data-theme=light] .sf-modal-subtitle{color:var(--gray-500, #606060)}[data-theme=light] .sf-modal-close{background:linear-gradient(160deg,var(--gray-100, #e8e8e8),var(--gray-200, #d4d4d4));color:var(--gray-500, #606060);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000d}[data-theme=light] .sf-modal-close:hover{color:var(--gray-900, #141414);box-shadow:0 6px 16px #0000001a,0 3px 8px #0000000f}[data-theme=light] .sf-modal-body{color:var(--gray-600, #404040)}[data-theme=light] .sf-modal-footer{border-top-color:var(--gray-200, #d4d4d4)}[data-theme=light] .sf-modal-btn-secondary{background:linear-gradient(160deg,var(--gray-200, #d4d4d4),var(--gray-300, #b0b0b0));color:var(--gray-800, #1f1f1f);box-shadow:0 8px 16px #00000014,0 4px 8px #0000000d}[data-theme=light] .sf-modal-btn-ghost{color:var(--gray-500, #606060)}[data-theme=light] .sf-modal-btn-ghost:hover{color:var(--gray-900, #141414);background:#00000008}@media (max-width: 768px){.sf-modal-overlay{padding:16px}.sf-modal--small,.sf-modal--medium,.sf-modal--large{width:100%}.sf-modal-header{padding:16px 20px}.sf-modal-body{padding:20px}.sf-modal-footer{padding:16px 20px;flex-wrap:wrap}}.sf-dropdown{position:relative;display:inline-block;font-family:Montserrat,sans-serif}.sf-dropdown--full-width{display:block;width:100%}.sf-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;background:linear-gradient(160deg,var(--gray-700, #2d2d2d),var(--gray-800, #1f1f1f));border:none;border-radius:12px;color:var(--white, #ffffff);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 20px #00000059,0 4px 10px #00000040;min-width:160px}.sf-dropdown--full-width .sf-dropdown-trigger{width:100%}.sf-dropdown-trigger:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0006,0 6px 14px #0000004d}.sf-dropdown-trigger:focus{outline:none;box-shadow:0 8px 20px #00000059,0 4px 10px #00000040,0 0 0 1px var(--red, #a30000)}.sf-dropdown-trigger--open{transform:translateY(-2px)}.sf-dropdown-trigger-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-dropdown-trigger-placeholder{color:var(--gray-400, #888888)}.sf-dropdown-chevron{width:16px;height:16px;stroke:var(--gray-400, #888888);stroke-width:2;fill:none;transition:transform .2s ease;flex-shrink:0}.sf-dropdown-trigger--open .sf-dropdown-chevron{transform:rotate(180deg)}.sf-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:linear-gradient(160deg,var(--gray-700, #2d2d2d),var(--gray-800, #1f1f1f));border-radius:16px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;padding:8px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;max-height:320px;overflow-y:auto}.sf-dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.sf-dropdown-menu--right{left:auto;right:0}.sf-dropdown-menu--up{top:auto;bottom:calc(100% + 8px);transform:translateY(8px)}.sf-dropdown-menu--up.sf-dropdown-menu--open{transform:translateY(0)}.sf-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--gray-300, #b0b0b0);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.sf-dropdown-item:hover,.sf-dropdown-item--focused{background:#ffffff14;color:var(--white, #ffffff)}.sf-dropdown-item:focus{outline:none;background:#ffffff14;color:var(--white, #ffffff)}.sf-dropdown-item--selected{background:linear-gradient(160deg,var(--red-bright, #b81c1c),var(--red, #a30000),var(--red-dark, #8a0000));color:var(--white, #ffffff)}.sf-dropdown-item--selected:hover{background:linear-gradient(160deg,var(--red-bright, #b81c1c),var(--red, #a30000),var(--red-dark, #8a0000))}.sf-dropdown-item--disabled{color:var(--gray-500, #606060);cursor:not-allowed;pointer-events:none}.sf-dropdown-item-icon{width:18px;height:18px;flex-shrink:0}.sf-dropdown-item-text{flex:1}.sf-dropdown-item-description{font-size:12px;color:var(--gray-500, #606060);margin-top:2px}.sf-dropdown-item--selected .sf-dropdown-item-description{color:#ffffffb3}.sf-dropdown-check{width:16px;height:16px;stroke:currentColor;stroke-width:2.5;fill:none;margin-left:auto;flex-shrink:0}.sf-dropdown-divider{height:1px;background:var(--gray-600, #404040);margin:8px 0}.sf-dropdown-group-label{padding:10px 16px 6px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500, #606060)}.sf-dropdown-menu::-webkit-scrollbar{width:6px}.sf-dropdown-menu::-webkit-scrollbar-track{background:transparent}.sf-dropdown-menu::-webkit-scrollbar-thumb{background:var(--gray-600, #404040);border-radius:3px}.sf-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-500, #606060)}[data-theme=light] .sf-dropdown-trigger{background:linear-gradient(160deg,var(--white, #ffffff),var(--gray-100, #e8e8e8));color:var(--gray-900, #141414);box-shadow:0 8px 20px #0000001a,0 4px 10px #0000000f}[data-theme=light] .sf-dropdown-trigger:hover{box-shadow:0 12px 28px #0000001f,0 6px 14px #00000014}[data-theme=light] .sf-dropdown-trigger:focus{box-shadow:0 8px 20px #0000001a,0 4px 10px #0000000f,0 0 0 1px var(--red, #a30000)}[data-theme=light] .sf-dropdown-trigger-placeholder{color:var(--gray-500, #606060)}[data-theme=light] .sf-dropdown-chevron{stroke:var(--gray-500, #606060)}[data-theme=light] .sf-dropdown-menu{background:linear-gradient(160deg,var(--white, #ffffff),var(--gray-100, #e8e8e8));box-shadow:0 25px 50px #00000026,0 12px 25px #0000001a}[data-theme=light] .sf-dropdown-item{color:var(--gray-600, #404040)}[data-theme=light] .sf-dropdown-item:hover,[data-theme=light] .sf-dropdown-item--focused{background:#0000000d;color:var(--gray-900, #141414)}[data-theme=light] .sf-dropdown-item:focus{background:#0000000d;color:var(--gray-900, #141414)}[data-theme=light] .sf-dropdown-item-description{color:var(--gray-500, #606060)}[data-theme=light] .sf-dropdown-divider{background:var(--gray-200, #d4d4d4)}[data-theme=light] .sf-dropdown-group-label{color:var(--gray-500, #606060)}[data-theme=light] .sf-dropdown-menu::-webkit-scrollbar-thumb{background:var(--gray-300, #b0b0b0)}[data-theme=light] .sf-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400, #888888)}@media (max-width: 768px){.sf-dropdown-trigger{padding:12px 16px;min-width:140px}.sf-dropdown-menu{max-height:280px}.sf-dropdown-item{padding:10px 14px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.livemap-container{width:100%;height:400px;border-radius:var(--radius-xl, 16px);overflow:hidden;background:var(--gray-900, #141414);box-shadow:0 25px 50px #0006,0 10px 20px #00000040;position:relative;isolation:isolate;z-index:1}.livemap-container.fullscreen{height:100vh;border-radius:0}.livemap-container.compact{height:250px;border-radius:var(--radius-lg, 12px)}.livemap-container.tall{height:600px}.livemap{width:100%;height:100%;background:var(--gray-900, #141414);font-family:Montserrat,sans-serif}.leaflet-control-zoom{border:none!important;box-shadow:0 15px 30px #0006,0 8px 16px #00000040!important;border-radius:var(--radius-lg, 12px)!important;overflow:hidden;margin:16px!important}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;font-size:18px!important;font-weight:700!important;font-family:Montserrat,sans-serif!important;background:linear-gradient(180deg,#2d2d2d,#1f1f1f)!important;color:var(--white, #ffffff)!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;transition:all .2s ease!important}.leaflet-control-zoom a:first-child{border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0!important}.leaflet-control-zoom a:last-child{border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px)!important;border-bottom:none!important}.leaflet-control-zoom a:hover{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000)!important;color:var(--white, #ffffff)!important}.leaflet-control-zoom a.leaflet-disabled{background:var(--gray-800, #1f1f1f)!important;color:var(--gray-600, #404040)!important;cursor:not-allowed!important}.leaflet-control-attribution{background:#141414d9!important;color:var(--gray-500, #606060)!important;font-family:Montserrat,sans-serif!important;font-size:10px!important;font-weight:500!important;padding:4px 8px!important;border-radius:var(--radius-sm, 4px)!important;margin:8px!important;box-shadow:0 4px 12px #0000004d!important}.leaflet-control-attribution a{color:var(--red, #a30000)!important;text-decoration:none!important}.leaflet-control-attribution a:hover{text-decoration:underline!important}.leaflet-control-scale-line{background:#141414d9!important;border:1px solid var(--gray-600, #404040)!important;border-top:none!important;color:var(--gray-300, #b0b0b0)!important;font-family:Montserrat,sans-serif!important;font-size:10px!important;font-weight:600!important;padding:2px 6px!important;box-shadow:0 4px 12px #0000004d!important}.leaflet-popup-content-wrapper{background:linear-gradient(180deg,#2d2d2d,#1f1f1f)!important;color:var(--white, #ffffff)!important;font-family:Montserrat,sans-serif!important;border-radius:var(--radius-lg, 12px)!important;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059!important;padding:0!important;overflow:hidden}.leaflet-popup-content{margin:16px!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important}.leaflet-popup-tip{background:var(--gray-800, #1f1f1f)!important;box-shadow:none!important}.leaflet-popup-close-button{color:var(--gray-400, #888888)!important;font-size:20px!important;font-weight:700!important;padding:8px!important;width:32px!important;height:32px!important;transition:color .2s ease!important}.leaflet-popup-close-button:hover{color:var(--red, #a30000)!important}.leaflet-tooltip{background:linear-gradient(180deg,#2d2d2d,#1f1f1f)!important;color:var(--white, #ffffff)!important;font-family:Montserrat,sans-serif!important;font-size:12px!important;font-weight:600!important;border:none!important;border-radius:var(--radius-md, 8px)!important;padding:8px 12px!important;box-shadow:0 15px 30px #0006,0 8px 16px #00000040!important}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before{border-color:transparent!important}.marker-cluster{background:#a300004d!important}.marker-cluster div{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000)!important;color:var(--white, #ffffff)!important;font-family:Montserrat,sans-serif!important;font-weight:700!important;font-size:12px!important}.leaflet-control-layers{background:linear-gradient(180deg,#2d2d2d,#1f1f1f)!important;border:none!important;border-radius:var(--radius-lg, 12px)!important;box-shadow:0 15px 30px #0006,0 8px 16px #00000040!important;margin:16px!important}.leaflet-control-layers-toggle{width:36px!important;height:36px!important;background-size:20px 20px!important;background-color:transparent!important}.leaflet-control-layers-expanded{padding:12px 16px!important}.leaflet-control-layers-base label,.leaflet-control-layers-overlays label{color:var(--white, #ffffff)!important;font-family:Montserrat,sans-serif!important;font-size:12px!important;font-weight:500!important;padding:6px 0!important}.leaflet-control-layers-separator{border-top:1px solid var(--gray-600, #404040)!important;margin:8px 0!important}.livemap-container.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--gray-700, #2d2d2d);border-top-color:var(--red, #a30000);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.stafull-marker-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.stafull-marker-active{animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.route-polyline{stroke:var(--red, #a30000)!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.route-polyline.route-completed{stroke:var(--red, #a30000)!important;stroke-opacity:.9!important;stroke-width:4!important;stroke-dasharray:none!important}.route-polyline.route-remaining{stroke:var(--red, #a30000)!important;stroke-opacity:.7!important;stroke-width:4!important;stroke-dasharray:10,10!important;animation:route-dash 30s linear infinite}@keyframes route-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.leaflet-interactive{stroke:var(--red, #a30000)!important;stroke-opacity:.8!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}.leaflet-interactive.route-completed{stroke:var(--success, #ffffff)!important}.leaflet-interactive.route-pending{stroke:var(--warning, #888888)!important;stroke-dasharray:8,8!important}.leaflet-interactive.route-inactive{stroke:var(--gray-500, #606060)!important;stroke-opacity:.5!important}.leaflet-marker-pane .leaflet-interactive{fill:var(--red, #a30000)!important;fill-opacity:.2!important;stroke:var(--red, #a30000)!important;stroke-width:2!important}@media (max-width: 768px){.livemap-container{height:300px;border-radius:var(--radius-lg, 12px)}.livemap-container.tall{height:450px}.leaflet-control-zoom{margin:12px!important}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;font-size:18px!important}}[data-theme=light] .livemap-container{box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a}[data-theme=light] .leaflet-control-zoom a{background:linear-gradient(180deg,#fff,#f5f5f5)!important;color:var(--gray-800, #1f1f1f)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}[data-theme=light] .leaflet-control-zoom a:hover{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000)!important;color:var(--white, #ffffff)!important}.driver-popup{text-align:center;min-width:120px}.driver-popup-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:var(--white, #ffffff);margin-bottom:6px}.driver-popup-status{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600}.driver-popup-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.driver-popup-route{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;color:var(--gray-400, #888888);margin-top:6px;padding-top:6px;border-top:1px solid var(--gray-700, #2d2d2d)}.driver-popup-progress{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--white, #ffffff);margin-top:4px}.driver-marker-active{animation:driver-pulse 2s ease-in-out infinite}@keyframes driver-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.customer-popup{text-align:center;min-width:140px}.customer-popup-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:var(--white, #ffffff);margin-bottom:4px}.customer-popup-address{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;color:var(--gray-400, #888888);margin-bottom:8px;line-height:1.4}.customer-popup-status{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;margin-bottom:8px}.customer-popup-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.customer-popup-delivery{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--gray-700, #2d2d2d);margin-top:4px}.customer-popup-label{font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;color:var(--gray-500, #606060);text-transform:uppercase;letter-spacing:.5px}.customer-popup-value{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--white, #ffffff)}.customer-popup-stop{display:flex;flex-direction:column;gap:2px;padding-top:6px;margin-top:4px}.customer-marker-pending{animation:customer-pulse 2s ease-in-out infinite}@keyframes customer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.livemap-connection-indicator{position:absolute;top:16px;left:16px;z-index:100;display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border-radius:var(--radius-md, 8px);box-shadow:0 15px 30px #0006,0 8px 16px #00000040;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;color:var(--white, #ffffff);-webkit-user-select:none;user-select:none;transition:all .3s ease}.livemap-connection-indicator:hover{transform:translateY(-2px);box-shadow:0 18px 35px #00000073,0 10px 20px #0000004d}.livemap-connection-icon{font-size:14px;color:var(--indicator-color, #6b7280);animation:connection-pulse 2s ease-in-out infinite}.livemap-connection-label{color:var(--indicator-color, #6b7280);text-transform:uppercase;letter-spacing:.5px}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.6}}.livemap-connection-indicator[style*="--indicator-color: #ffffff"] .livemap-connection-icon{animation:none;text-shadow:0 0 8px #ffffff}.livemap-connection-indicator[style*="--indicator-color: #ef4444"] .livemap-connection-icon{animation:connection-error .5s ease-in-out infinite}@keyframes connection-error{0%,to{opacity:1}50%{opacity:.3}}.driver-popup-realtime{display:flex;flex-direction:column;gap:4px;padding-top:8px;margin-top:8px;border-top:1px solid var(--gray-700, #2d2d2d)}.driver-popup-speed,.driver-popup-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.driver-popup-label{font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;color:var(--gray-500, #606060);text-transform:uppercase;letter-spacing:.5px}.driver-popup-value{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--white, #ffffff)}.driver-popup-updated{font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;color:var(--gray-500, #606060);margin-top:8px;text-align:center;font-style:italic}.driver-popup-selected{border:2px solid var(--red, #a30000);border-radius:var(--radius-md, 8px);margin:-2px}.driver-popup-selected .driver-popup-name{color:var(--red, #a30000)}.driver-marker-selected{z-index:200!important}.driver-marker-selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid var(--red, #a30000);border-radius:50%;animation:selected-ring 2s ease-in-out infinite;pointer-events:none}@keyframes selected-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.leaflet-marker-icon{transition:transform .1s linear}.driver-moving .leaflet-marker-icon{filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}.livemap-follow-btn{position:absolute;bottom:80px;right:16px;z-index:100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border:none;border-radius:var(--radius-lg, 12px);box-shadow:0 15px 30px #0006,0 8px 16px #00000040;color:var(--white, #ffffff);font-size:18px;cursor:pointer;transition:all .2s ease}.livemap-follow-btn:hover{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);transform:translateY(-2px)}.livemap-follow-btn.active{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);box-shadow:0 15px 30px #0006,0 8px 16px #00000040,0 0 0 1px #a30000}.livemap-follow-btn:disabled{background:var(--gray-800, #1f1f1f);color:var(--gray-600, #404040);cursor:not-allowed}@media (max-width: 768px){.livemap-connection-indicator{top:12px;left:12px;padding:6px 10px;font-size:10px}.livemap-connection-icon{font-size:12px}.livemap-follow-btn{width:36px;height:36px;bottom:70px;right:12px;font-size:16px}.driver-popup-realtime{padding-top:6px;margin-top:6px}}.edit-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-primary, #121212);overflow-y:auto;-webkit-overflow-scrolling:touch}.edit-mode-container{max-width:600px;margin:0 auto;padding:var(--mobile-spacing-lg, 16px);padding-bottom:100px}.edit-mode-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mobile-spacing-md, 12px) 0;margin-bottom:var(--mobile-spacing-md, 12px);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.edit-mode-title{font-size:var(--mobile-text-lg, 18px);font-weight:700;color:var(--text-primary, #ffffff);margin:0}.edit-mode-actions{display:flex;gap:var(--mobile-spacing-sm, 8px)}.edit-mode-reset-btn,.edit-mode-done-btn{display:inline-flex;align-items:center;gap:var(--mobile-spacing-xs, 4px);padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px);border-radius:var(--radius-md, 8px);font-size:var(--mobile-text-sm, 14px);font-weight:600;cursor:pointer;transition:all .15s ease}.edit-mode-reset-btn{background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .2));color:var(--text-secondary, rgba(255, 255, 255, .7))}.edit-mode-reset-btn:hover{background:var(--bg-secondary, rgba(255, 255, 255, .05));border-color:var(--text-secondary)}.edit-mode-done-btn{background:var(--accent-green, #ffffff);border:none;color:#fff}.edit-mode-done-btn:hover{background:#e0e0e0}.edit-mode-done-btn:active{transform:scale(.98)}.edit-mode-instructions{font-size:var(--mobile-text-sm, 14px);color:var(--text-muted, rgba(255, 255, 255, .5));margin:0 0 var(--mobile-spacing-lg, 16px);text-align:center}.edit-cards-list{display:flex;flex-direction:column;gap:var(--mobile-spacing-sm, 8px)}.edit-card-item{display:flex;align-items:center;gap:var(--mobile-spacing-sm, 8px);padding:var(--mobile-spacing-md, 12px);background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);transition:all .15s ease;cursor:grab;user-select:none;-webkit-user-select:none}.edit-card-item:active{cursor:grabbing}.edit-card-item--hidden{opacity:.5;background:var(--bg-tertiary, rgba(255, 255, 255, .02))}.edit-card-item--dragging{opacity:.8;background:var(--accent-blue-bg, rgba(59, 130, 246, .2));border-color:var(--accent-blue, #ffffff);box-shadow:0 8px 24px #0006;transform:scale(1.02)}.edit-card-item--drag-over{border-color:var(--accent-green, #ffffff);background:var(--accent-green-bg, rgba(34, 197, 94, .1))}.edit-card-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted, rgba(255, 255, 255, .4));flex-shrink:0;touch-action:none}.edit-card-item:hover .edit-card-drag-handle{color:var(--text-secondary, rgba(255, 255, 255, .7))}.edit-card-info{display:flex;align-items:center;gap:var(--mobile-spacing-sm, 8px);flex:1;min-width:0;overflow:hidden}.edit-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--accent-blue, #ffffff)}.edit-card-icon svg{width:18px;height:18px}.edit-card-title{font-size:var(--mobile-text-base, 15px);font-weight:500;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-card-item--hidden .edit-card-title{color:var(--text-muted, rgba(255, 255, 255, .5));text-decoration:line-through}.edit-card-size-toggles{display:flex;gap:2px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border-radius:var(--radius-sm, 6px);padding:2px}.edit-size-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--text-muted, rgba(255, 255, 255, .4));font-size:var(--mobile-text-sm, 14px);font-weight:600;cursor:pointer;transition:all .15s ease}.edit-size-btn:hover{background:var(--bg-secondary, rgba(255, 255, 255, .05));color:var(--text-secondary)}.edit-size-btn--active{background:var(--accent-blue, #ffffff);color:#fff}.edit-size-btn--active:hover{background:#e0e0e0}.edit-visibility-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md, 8px);background:transparent;cursor:pointer;transition:all .15s ease}.edit-visibility-btn--visible{color:var(--accent-green, #ffffff)}.edit-visibility-btn--visible:hover{background:var(--accent-green-bg, rgba(34, 197, 94, .1))}.edit-visibility-btn--hidden{color:var(--text-muted, rgba(255, 255, 255, .4))}.edit-visibility-btn--hidden:hover{background:var(--bg-secondary, rgba(255, 255, 255, .05));color:var(--text-secondary)}.edit-card-reorder-btns{display:none;flex-direction:column;gap:2px}.edit-reorder-btn{display:flex;align-items:center;justify-content:center;width:24px;height:20px;border:none;border-radius:var(--radius-xs, 4px);background:var(--bg-tertiary, rgba(0, 0, 0, .3));color:var(--text-muted, rgba(255, 255, 255, .4));font-size:10px;cursor:pointer;transition:all .15s ease}.edit-reorder-btn:hover:not(:disabled){background:var(--bg-secondary, rgba(255, 255, 255, .1));color:var(--text-primary)}.edit-reorder-btn:disabled{opacity:.3;cursor:not-allowed}@media (hover: none) and (pointer: coarse){.edit-card-reorder-btns{display:flex}.edit-card-drag-handle{display:none}}[data-theme=light] .edit-mode-overlay{background:var(--bg-primary, #f8f9fa)}[data-theme=light] .edit-card-item{background:#fff;border-color:var(--border-color, rgba(0, 0, 0, .1))}[data-theme=light] .edit-card-item--hidden{background:var(--bg-secondary, #f0f0f0)}[data-theme=light] .edit-card-title{color:var(--text-primary, #1a1a1a)}[data-theme=light] .edit-card-item--hidden .edit-card-title{color:var(--text-muted, rgba(0, 0, 0, .4))}[data-theme=light] .edit-mode-title{color:var(--text-primary, #1a1a1a)}[data-theme=light] .edit-mode-instructions{color:var(--text-muted, rgba(0, 0, 0, .5))}[data-theme=light] .edit-card-drag-handle{color:var(--text-muted, rgba(0, 0, 0, .3))}[data-theme=light] .edit-size-btn,[data-theme=light] .edit-visibility-btn--hidden{color:var(--text-muted, rgba(0, 0, 0, .4))}@media (max-width: 400px){.edit-mode-container{padding:var(--mobile-spacing-md, 12px)}.edit-card-item{padding:var(--mobile-spacing-sm, 8px)}.edit-card-title{font-size:var(--mobile-text-sm, 14px)}.edit-size-btn{width:24px;height:24px;font-size:12px}.edit-visibility-btn{width:32px;height:32px}.edit-mode-reset-btn span,.edit-mode-done-btn span{display:none}.edit-mode-reset-btn,.edit-mode-done-btn{padding:var(--mobile-spacing-sm, 8px)}}@media (max-height: 500px) and (orientation: landscape){.edit-mode-container{padding:var(--mobile-spacing-sm, 8px);padding-bottom:60px}.edit-card-item{padding:var(--mobile-spacing-sm, 8px)}}.edit-mode-overlay{animation:fadeIn .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-card-item{animation:slideUp .2s ease-out;animation-fill-mode:both}.edit-card-item:nth-child(1){animation-delay:.02s}.edit-card-item:nth-child(2){animation-delay:.04s}.edit-card-item:nth-child(3){animation-delay:.06s}.edit-card-item:nth-child(4){animation-delay:.08s}.edit-card-item:nth-child(5){animation-delay:.1s}.edit-card-item:nth-child(6){animation-delay:.12s}.edit-card-item:nth-child(7){animation-delay:.14s}.edit-card-item:nth-child(8){animation-delay:.16s}.edit-card-item:nth-child(9){animation-delay:.18s}.edit-card-item:nth-child(10){animation-delay:.2s}.edit-card-item:nth-child(11){animation-delay:.22s}.edit-card-item:nth-child(12){animation-delay:.24s}.pull-to-refresh{position:relative;overflow:visible;touch-action:pan-y}.pull-content{will-change:transform;transition:transform .2s ease-out}.pull-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mobile-spacing-xs, 4px);padding:var(--mobile-spacing-md, 12px);pointer-events:none;opacity:0;transform:translateY(-50px);transition:opacity .2s ease,transform .2s ease;z-index:10}.pull-indicator--visible{pointer-events:auto}.pull-indicator__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary, rgba(30, 30, 30, .9));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:50%;color:var(--accent-red, #a30000);transition:transform .1s ease}.pull-indicator__text{font-size:var(--mobile-text-xs, 11px);color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px}.pull-refresh-icon,.pull-arrow-icon{width:20px;height:20px;stroke:currentColor;fill:none}.pull-refresh-icon--spinning{animation:pullRefreshSpin 1s linear infinite}@keyframes pullRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .pull-indicator__icon{background:#fffffff2;border-color:#0000001a}[data-theme=light] .pull-indicator__text{color:var(--text-muted, rgba(0, 0, 0, .5))}@media (prefers-reduced-motion: reduce){.pull-content,.pull-indicator,.pull-indicator__icon{transition:none}.pull-refresh-icon--spinning{animation:none}}.connection-banner{position:sticky;top:0;left:0;right:0;width:100%;z-index:9999;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;margin:0;box-sizing:border-box;font-family:var(--font-family, "Montserrat", sans-serif);font-size:12px;font-weight:500;text-align:center}.connection-banner--disconnected{background:linear-gradient(180deg,#92400e,#78350f);color:#fef3c7;border-bottom:1px solid rgba(254,243,199,.2)}.connection-banner--reconnecting{background:linear-gradient(180deg,#1e40af,#1e3a8a);color:#dbeafe;border-bottom:1px solid rgba(219,234,254,.2)}.connection-banner--connected{background:linear-gradient(180deg,#166534,#14532d);color:#dcfce7;border-bottom:1px solid rgba(220,252,231,.2);animation:connectionFadeOut 2s forwards;animation-delay:1s}.connection-banner--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.connection-icon{width:14px;height:14px;flex-shrink:0}.connection-icon--spin{animation:connectionSpin 1s linear infinite}@keyframes connectionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-message{white-space:nowrap}@keyframes connectionFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}[data-theme=light] .connection-banner--disconnected{background:linear-gradient(180deg,#888,#888);color:#78350f;border-bottom-color:#78350f33}[data-theme=light] .connection-banner--reconnecting{background:linear-gradient(180deg,#fff,#fff);color:#1e3a8a;border-bottom-color:#1e3a8a33}[data-theme=light] .connection-banner--connected{background:linear-gradient(180deg,#fff,#fff);color:#14532d;border-bottom-color:#14532d33}@media (prefers-reduced-motion: reduce){.connection-banner{transition:opacity .15s ease}.connection-banner--connected{animation:none;opacity:0;transition:opacity 1s ease;transition-delay:1.5s}.connection-icon--spin{animation:none}}@media (max-width: 480px){.connection-banner{padding:4px 12px;font-size:11px}.connection-icon{width:12px;height:12px}}.zoomable-container{position:relative;overflow:hidden;touch-action:none;cursor:grab;width:100%;height:100%}.zoomable-container:active{cursor:grabbing}.zoomable-content{transition:transform .1s ease-out;will-change:transform;width:100%;height:100%}.zoom-reset-btn{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:10px;font-weight:600;cursor:pointer;z-index:10;transition:all .2s}.zoom-reset-btn:hover{background:#a30000cc;border-color:#a30000}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(180deg,#1f1f1f,#1a1a1a);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 24px #0006;padding:1.25rem;transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.cookie-banner--visible{transform:translateY(0);opacity:1}.cookie-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 768px){.cookie-banner__content{flex-direction:column;align-items:stretch;gap:1rem}}.cookie-banner__text{flex:1}.cookie-banner__title{color:#fff;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem}.cookie-banner__message{color:#ffffffb3;font-family:Montserrat,sans-serif;font-size:.875rem;line-height:1.5;margin:0}.cookie-banner__link{color:#b81c1c;text-decoration:none;font-weight:500;transition:color .15s ease}.cookie-banner__link:hover{color:#d42020;text-decoration:underline}.cookie-banner__actions{display:flex;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.cookie-banner__actions{flex-wrap:wrap;justify-content:center}}.cookie-btn{font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.cookie-btn:focus{outline:none}.cookie-btn:focus-visible{box-shadow:0 0 0 2px #1a1a1a,0 0 0 3px #b81c1c}.cookie-btn--primary{background:linear-gradient(180deg,#b81c1c,#8a0000);color:#fff;border:none;box-shadow:0 2px 8px #0000004d}.cookie-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.cookie-btn--primary:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d}.cookie-btn--ghost{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cookie-btn--ghost:hover{background:#ffffff0d;border-color:#ffffff4d}.cookie-btn--ghost:active{background:#ffffff14}.cookie-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.cookie-settings{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-settings__header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.cookie-settings__title{color:#fff;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.cookie-settings__close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease,background .15s ease}.cookie-settings__close:hover{color:#fff;background:#ffffff1a}.cookie-settings__body{padding:1.5rem}.cookie-settings__description{color:#ffffffb3;font-family:Montserrat,sans-serif;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.cookie-category{margin-bottom:1.25rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.cookie-category:last-child{margin-bottom:0}.cookie-category__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cookie-category__name{color:#fff;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:600}.cookie-category__description{color:#fff9;font-family:Montserrat,sans-serif;font-size:.8125rem;line-height:1.4;margin:0}.cookie-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.cookie-toggle__input{opacity:0;width:0;height:0;position:absolute}.cookie-toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#fff3;border-radius:12px;transition:background .2s ease}.cookie-toggle__slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.cookie-toggle__input:checked+.cookie-toggle__slider{background:linear-gradient(180deg,#b81c1c,#8a0000)}.cookie-toggle__input:checked+.cookie-toggle__slider:before{transform:translate(20px)}.cookie-toggle__input:disabled+.cookie-toggle__slider{opacity:.5;cursor:not-allowed}.cookie-toggle__input:focus-visible+.cookie-toggle__slider{box-shadow:0 0 0 2px #1a1a1a,0 0 0 3px #b81c1c}.cookie-settings__footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 480px){.cookie-settings__footer{flex-direction:column}.cookie-settings__footer .cookie-btn{width:100%}}.dev-credentials-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#141414,#0a0a0a);color:var(--text-primary);font-family:var(--font-family)}.dev-credentials-blocked{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);background:linear-gradient(180deg,#0a0a0a,#141414);color:var(--text-primary);font-family:var(--font-family);text-align:center;padding:var(--space-6)}.dev-credentials-blocked h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--error)}.dev-credentials-header{background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom:1px solid rgba(255,255,255,.08);padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 4px 20px #00000080}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--space-4)}.back-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0000004d}.back-button:hover{color:var(--text-primary);background:linear-gradient(180deg,#3d3d3d,#2d2d2d);transform:translateY(-2px);box-shadow:0 8px 20px #0006}.back-button svg{width:20px;height:20px}.header-title{display:flex;align-items:center;gap:var(--space-3)}.header-title h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.dev-badge{background:linear-gradient(135deg,#ff6b00,#c50);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:4px 10px;border-radius:var(--radius-full);letter-spacing:var(--tracking-wider);box-shadow:0 4px 12px #ff6b004d}.dev-info-banner{max-width:1400px;margin:var(--space-6) auto 0;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#a3000026,#8a00001a);border:1px solid rgba(163,0,0,.3);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4);box-shadow:0 8px 24px #0000004d}.info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red-bright) 0%,var(--red-dark) 100%);border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 4px 12px #00000080}.info-icon svg{width:22px;height:22px;color:#fff}.info-text{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.info-text strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.info-text code{background:#0006;color:var(--red-bright);padding:2px 8px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid rgba(163,0,0,.3)}.info-text code:hover{background:#a3000033;transform:scale(1.02)}.info-text .divider{color:var(--text-muted);margin:0 var(--space-2)}.copied-toast{background:var(--success);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 8px;border-radius:var(--radius-sm);animation:fadeIn .2s ease}.search-container{max-width:1400px;margin:var(--space-6) auto 0;padding:0 var(--space-6)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:16px 48px 16px 52px;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08;transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--red);box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 0 0 1px var(--red)}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.clear-search:hover{background:#fff3;color:var(--text-primary)}.clear-search svg{width:16px;height:16px}.credentials-container{max-width:1400px;margin:var(--space-6) auto;padding:0 var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.category-section{background:linear-gradient(180deg,#1a1a1a,#141414);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 15px 40px #0006}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:linear-gradient(180deg,#222,#1a1a1a);border:none;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text-primary);font-family:var(--font-family)}.category-header:hover{background:linear-gradient(180deg,#2a2a2a,#222)}.category-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.category-count{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-normal);margin-left:auto;margin-right:var(--space-4)}.expand-icon{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-base)}.expand-icon.expanded{transform:rotate(180deg)}.accounts-table{padding:var(--space-2) 0}.table-header{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 140px;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.table-row{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr 140px;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(255,255,255,.04);align-items:center;transition:background var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff05}.col-name{display:flex;flex-direction:column;gap:2px}.account-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.account-role{font-size:var(--text-xs);color:var(--text-muted)}.copy-field{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-family:var(--font-family);max-width:100%;overflow:hidden}.copy-field:hover{background:#a3000026;border-color:#a300004d;transform:translateY(-1px)}.copy-field.copied{background:#22c55e26;border-color:#22c55e4d}.copy-field code{font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.copy-field:hover .copy-icon{opacity:1}.copy-field.copied .copy-icon{color:var(--success)}.portal-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.portal-holdings{background:linear-gradient(135deg,#a3000040,#8a000033);color:var(--red-bright);border:1px solid rgba(163,0,0,.4)}.portal-investor{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:var(--info-light);border:1px solid rgba(59,130,246,.3)}.portal-sba{background:linear-gradient(135deg,#8b5cf633,#6d28d926);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.portal-pdx{background:linear-gradient(135deg,#22c55e33,#16a34a26);color:var(--success-light);border:1px solid rgba(34,197,94,.3)}.portal-franchise{background:linear-gradient(135deg,#f59e0b40,#d9770633);color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.portal-manager{background:linear-gradient(135deg,#ec489933,#db277726);color:#f472b6;border:1px solid rgba(236,72,153,.3)}.portal-dispatcher{background:linear-gradient(135deg,#06b6d433,#0891b226);color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.portal-driver{background:linear-gradient(135deg,#10b98133,#05966926);color:#34d399;border:1px solid rgba(16,185,129,.3)}.portal-employer{background:linear-gradient(135deg,#6366f133,#4f46e526);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.portal-employee{background:linear-gradient(135deg,#a8a29e33,#78716c26);color:#d6d3d1;border:1px solid rgba(168,162,158,.3)}.portal-fleet{background:linear-gradient(135deg,#fb923c40,#ea580c33);color:#fdba74;border:1px solid rgba(251,146,60,.4)}.portal-customer{background:linear-gradient(135deg,#94a3b833,#64748b26);color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;background:linear-gradient(160deg,var(--red-bright) 0%,var(--red) 50%,var(--red-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0006;position:relative;overflow:hidden;white-space:nowrap}.login-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);transition:none;pointer-events:none}.login-button:hover:not(:disabled):before{animation:shimmer .6s ease forwards}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000080}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button.loading{background:linear-gradient(160deg,#444,#333);box-shadow:0 4px 12px #0000004d}.login-button svg{width:16px;height:16px}.login-button .spinner{animation:spin 1s linear infinite}.dev-credentials-footer{max-width:1400px;margin:0 auto;padding:var(--space-6);text-align:center;border-top:1px solid rgba(255,255,255,.06)}.dev-credentials-footer p{font-size:var(--text-sm);color:var(--text-muted)}.dev-credentials-footer code{background:#a3000033;color:var(--red-bright);padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:1.2fr 1.8fr .8fr 1fr 130px;gap:var(--space-3);padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width: 900px){.table-header{display:none}.table-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.col-name{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.col-email,.col-password{width:100%}.copy-field{width:100%;justify-content:space-between}.col-portal{order:-1}.col-actions,.login-button{width:100%}}@media (max-width: 600px){.dev-credentials-header{padding:var(--space-3) var(--space-4)}.header-title h1{font-size:var(--text-lg)}.dev-badge{font-size:9px;padding:3px 6px}.dev-info-banner{flex-direction:column;text-align:center;margin:var(--space-4) var(--space-4) 0}.info-text{flex-direction:column;gap:var(--space-1)}.info-text .divider{display:none}.search-container{padding:0 var(--space-4);margin-top:var(--space-4)}.credentials-container{padding:0 var(--space-4) var(--space-6);margin-top:var(--space-4)}.category-header{padding:var(--space-3) var(--space-4)}.category-title{font-size:var(--text-base)}}.demo-controls{position:fixed;z-index:50;display:flex;align-items:flex-end;gap:8px;font-family:var(--font-family);transition:transform var(--transition-slow);-webkit-user-select:none;user-select:none}.demo-controls.dragging{transition:none}.demo-controls.collapsed{transform:translate(calc(-100% + 44px))}.demo-controls.collapsed .demo-controls-panel{opacity:0;pointer-events:none}.demo-controls-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:0 8px 24px #00000080;flex-shrink:0;position:relative;overflow:hidden}.demo-controls-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.demo-controls-toggle:hover:before{animation:shimmer .6s ease forwards}.demo-controls-toggle:hover{color:var(--text-primary);background:linear-gradient(180deg,#3d3d3d,#2a2a2a);transform:translateY(-2px);box-shadow:0 12px 30px #0009}.demo-controls-toggle svg{width:20px;height:20px}.demo-controls-panel{width:280px;background:linear-gradient(180deg,#1a1a1a,#111);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 25px 60px #0009,0 10px 30px #0006,inset 0 1px #ffffff0d;overflow:hidden;transition:opacity var(--transition-base)}.demo-controls-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,#222,#1a1a1a);border-bottom:1px solid rgba(255,255,255,.06);cursor:grab}.demo-controls-header:active{cursor:grabbing}.demo-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b00,#c50);color:#fff;font-size:10px;font-weight:var(--weight-bold);padding:4px 8px;border-radius:var(--radius-sm);letter-spacing:var(--tracking-wider);box-shadow:0 4px 12px #ff6b004d}.demo-badge svg{width:12px;height:12px}.demo-controls-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.simulation-time-display{padding:var(--space-4);background:linear-gradient(180deg,#0000004d,#0003);border-bottom:1px solid rgba(255,255,255,.04);text-align:center}.sim-time-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:6px}.sim-time-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide)}.sim-date-value{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.demo-control-row{padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04)}.demo-control-row:last-child{border-bottom:none}.control-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.play-pause-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);border:none;position:relative;overflow:hidden}.play-pause-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.play-pause-btn:hover:before{animation:shimmer .6s ease forwards}.play-pause-btn svg{width:14px;height:14px}.play-pause-btn.playing{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;box-shadow:0 4px 12px #22c55e59}.play-pause-btn.playing:hover{transform:translateY(-1px);box-shadow:0 6px 16px #22c55e73}.play-pause-btn.paused{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);color:#fff;box-shadow:0 4px 12px #f59e0b59}.play-pause-btn.paused:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b73}.speed-selector{display:flex;gap:4px;background:linear-gradient(180deg,#0a0a0a,#111);padding:4px;border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #00000080,inset 0 1px 2px #0000004d}.speed-option{padding:6px 12px;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-family);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.speed-option:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.speed-option.active{background:linear-gradient(160deg,var(--red-bright) 0%,var(--red) 50%,var(--red-dark) 100%);color:#fff;box-shadow:0 2px 8px #00000080;border:1px solid var(--red)}.reset-row{padding:var(--space-4)}.reset-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0000004d;position:relative;overflow:hidden}.reset-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.reset-btn:hover:before{animation:shimmer .6s ease forwards}.reset-btn:hover{color:var(--text-primary);background:linear-gradient(180deg,#3a3a3a,#2a2a2a);transform:translateY(-2px);box-shadow:0 8px 20px #0006}.reset-btn svg{width:16px;height:16px}.reset-confirm{width:100%;display:flex;flex-direction:column;gap:12px}.confirm-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);text-align:center}.confirm-buttons{display:flex;gap:8px}.confirm-yes,.confirm-no{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.confirm-yes:before,.confirm-no:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);pointer-events:none}.confirm-yes:hover:before,.confirm-no:hover:before{animation:shimmer .6s ease forwards}.confirm-yes svg,.confirm-no svg{width:14px;height:14px}.confirm-yes{background:linear-gradient(160deg,var(--red-bright) 0%,var(--red) 50%,var(--red-dark) 100%);color:#fff;box-shadow:0 4px 12px #00000080}.confirm-yes:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0009}.confirm-no{background:linear-gradient(180deg,#3d3d3d,#2d2d2d);color:var(--text-secondary);box-shadow:0 4px 12px #0000004d}.confirm-no:hover{background:linear-gradient(180deg,#4d4d4d,#3d3d3d);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 20px #0006}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.demo-controls{bottom:16px;left:16px}.demo-controls-panel{width:260px}.sim-time-value{font-size:var(--text-xl)}}@media (max-width: 480px){.demo-controls{bottom:12px;left:12px}.demo-controls-panel{width:240px}.demo-controls-toggle{width:40px;height:40px}.speed-option{padding:5px 10px;font-size:10px}}.demo-controls.theme-light .demo-controls-toggle{background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border:1px solid rgba(0,0,0,.1);color:var(--gray-600);box-shadow:0 8px 24px #00000026}.demo-controls.theme-light .demo-controls-toggle:hover{background:linear-gradient(180deg,#fff,#f0f0f0);color:var(--gray-800);box-shadow:0 12px 30px #0003}.demo-controls.theme-light .demo-controls-panel{background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 60px #00000026,0 10px 30px #0000001a,inset 0 1px #fffc}.demo-controls.theme-light .demo-controls-header{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-bottom:1px solid rgba(0,0,0,.06)}.demo-controls.theme-light .demo-controls-title{color:var(--gray-800)}.demo-controls.theme-light .simulation-time-display{background:linear-gradient(180deg,#00000005,#0000000a);border-bottom:1px solid rgba(0,0,0,.04)}.demo-controls.theme-light .sim-time-label{color:var(--gray-500)}.demo-controls.theme-light .sim-time-value{color:var(--gray-900)}.demo-controls.theme-light .sim-date-value{color:var(--gray-600)}.demo-controls.theme-light .demo-control-row{border-bottom:1px solid rgba(0,0,0,.04)}.demo-controls.theme-light .control-label{color:var(--gray-600)}.demo-controls.theme-light .speed-selector{background:linear-gradient(180deg,#e8e8e8,#f0f0f0);box-shadow:inset 0 2px 6px #0000001a,inset 0 1px 2px #0000000d}.demo-controls.theme-light .speed-option{color:var(--gray-600)}.demo-controls.theme-light .speed-option:hover:not(.active){color:var(--gray-800);background:#0000000d}.demo-controls.theme-light .reset-btn{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px solid rgba(0,0,0,.1);color:var(--gray-600);box-shadow:0 4px 12px #0000001a}.demo-controls.theme-light .reset-btn:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);color:var(--gray-800);box-shadow:0 8px 20px #00000026}.demo-controls.theme-light .confirm-no{background:linear-gradient(180deg,#e8e8e8,#d8d8d8);color:var(--gray-600)}.demo-controls.theme-light .confirm-no:hover{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);color:var(--gray-800)}.demo-controls.theme-light .confirm-text{color:var(--gray-800)}:root{--red: #a30000;--red-bright: #b81c1c;--red-dark: #8a0000;--red-gradient: linear-gradient(160deg, #b81c1c, #a30000, #8a0000);--logo-sta-dark: #000000;--logo-sta-light: #ffffff;--logo-full: #a30000;--logo-macron: #a30000;--white: #ffffff;--gray-50: #f5f5f5;--gray-100: #e8e8e8;--gray-200: #d4d4d4;--gray-300: #b0b0b0;--gray-400: #888888;--gray-500: #606060;--gray-600: #404040;--gray-700: #2d2d2d;--gray-800: #1f1f1f;--gray-900: #141414;--black: #000000;--chrome-hi: #f0f0f0;--chrome-mid: #b0b0b0;--chrome-lo: #707070;--success: #ffffff;--success-light: #ffffff;--success-dark: #e0e0e0;--success-bg: rgba(34, 197, 94, .15);--success-text: #ffffff;--warning: #888888;--warning-light: #888888;--warning-dark: #d97706;--warning-bg: rgba(245, 158, 11, .15);--warning-text: #fcd34d;--error: #ef4444;--error-light: #f87171;--error-dark: #dc2626;--error-bg: rgba(239, 68, 68, .15);--error-text: #f87171;--info: #ffffff;--info-light: #ffffff;--info-dark: #e0e0e0;--info-bg: rgba(59, 130, 246, .15);--info-text: #ffffff;--font-family: "Montserrat", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 34px;--text-5xl: 44px;--text-6xl: 56px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .15em;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--space-4xl: var(--space-24);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .4);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .45), 0 12px 25px rgba(0, 0, 0, .3);--shadow-2xl: 0 40px 80px rgba(0, 0, 0, .5), 0 20px 40px rgba(0, 0, 0, .35);--shadow-card: 0 25px 50px rgba(0, 0, 0, .4), 0 10px 20px rgba(0, 0, 0, .25);--shadow-card-hover: 0 35px 70px rgba(0, 0, 0, .45), 0 15px 30px rgba(0, 0, 0, .3);--shadow-icon: 0 30px 60px rgba(0, 0, 0, .5), 0 15px 30px rgba(0, 0, 0, .35);--shadow-inset: inset 0 4px 12px rgba(0, 0, 0, .5);--shadow-inset-sm: inset 0 2px 6px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 1px rgba(255, 255, 255, .15);--shadow-float: 0 25px 50px rgba(0, 0, 0, .4), 0 12px 25px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-sidebar-overlay: 999;--z-sidebar: 1000;--z-sidebar-toggle: 1001;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 600;--z-tooltip: 1100;--z-toast: 1200;--z-max: 9999;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--footer-height: 60px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-height-xl: 56px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--card-padding-sm: 16px;--card-padding-md: 24px;--card-padding-lg: 32px;--mobile-text-xs: 9px;--mobile-text-sm: 10px;--mobile-text-base: 12px;--mobile-text-lg: 14px;--mobile-text-xl: 16px;--mobile-text-2xl: 20px;--mobile-text-3xl: 28px;--mobile-spacing-xs: 3px;--mobile-spacing-sm: 6px;--mobile-spacing-md: 12px;--mobile-spacing-lg: 20px;--mobile-spacing-xl: 24px;--mobile-icon-sm: 14px;--mobile-icon-md: 18px;--mobile-icon-lg: 22px;--mobile-card-padding: .75rem;--mobile-section-gap: 1rem;--menu-width-portrait: 50%;--menu-width-landscape: 28%;--menu-bottom-gap: 10vh;--menu-footer-height: 24px;--font-family-base: var(--font-family);--font-family-brand: var(--font-family);--font-family-mono: var(--font-family);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-size-4xl: var(--text-4xl);--font-size-5xl: var(--text-5xl);--font-size-6xl: var(--text-6xl);--font-weight-normal: var(--weight-normal);--font-weight-medium: var(--weight-medium);--font-weight-semibold: var(--weight-semibold);--font-weight-bold: var(--weight-bold);--font-weight-extrabold: var(--weight-extrabold);--line-height-tight: var(--leading-tight);--line-height-snug: var(--leading-snug);--line-height-normal: var(--leading-normal);--line-height-relaxed: var(--leading-relaxed);--line-height-loose: var(--leading-loose);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-2xl: var(--radius-2xl);--border-radius-full: var(--radius-full);--brand-red: var(--red);--brand-red-dark: var(--red-dark);--brand-red-light: var(--red-bright);--brand-red-bright: var(--red-bright);--brand-red-text: var(--red-bright);--border-color-light: var(--border-light);--border-color-focus: var(--border-focus)}:root,[data-theme=dark]{--bg-body: #0a0a0a;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #1a1a1a;--bg-card-solid: #1a1a1a;--bg-card-hover: #252525;--bg-input: #0d0d0d;--bg-nav: rgba(10, 10, 10, .95);--bg-overlay: rgba(0, 0, 0, .75);--bg-header: rgba(10, 10, 10, .9);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: rgba(255, 255, 255, .85);--text-muted-dark: rgba(255, 255, 255, .85);--text-disabled: #666666;--text-inverse: #0a0a0a;--border-color: #2a2a2a;--border-light: #3a3a3a;--border-focus: rgba(255, 255, 255, .3);--scrollbar-bg: var(--gray-800);--scrollbar-thumb: var(--gray-600);--shadow-soft: 0 25px 50px rgba(0, 0, 0, .5), 0 10px 20px rgba(0, 0, 0, .35);--shadow-medium: 0 35px 70px rgba(0, 0, 0, .55), 0 15px 30px rgba(0, 0, 0, .4);--shadow-strong: 0 50px 100px rgba(0, 0, 0, .6), 0 20px 40px rgba(0, 0, 0, .45);--btn-primary-bg: var(--red-gradient);--btn-secondary-bg: linear-gradient(160deg, var(--gray-600), var(--gray-700), var(--gray-800));--btn-ghost-bg: transparent;--btn-ghost-border: var(--gray-600)}[data-theme=light]{--bg-body: #f5f5f5;--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-card: #ffffff;--bg-card-solid: #ffffff;--bg-card-hover: #fafafa;--bg-input: #ffffff;--bg-nav: rgba(255, 255, 255, .98);--bg-overlay: rgba(0, 0, 0, .5);--bg-header: rgba(255, 255, 255, .98);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: rgba(0, 0, 0, .75);--text-muted-dark: rgba(0, 0, 0, .75);--text-disabled: #808080;--text-inverse: #ffffff;--border-color: #d4d4d4;--border-light: #e5e5e5;--border-focus: rgba(60, 60, 60, .5);--scrollbar-bg: var(--gray-100);--scrollbar-thumb: var(--gray-400);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-strong: 0 16px 48px rgba(0, 0, 0, .16), 0 8px 16px rgba(0, 0, 0, .1);--shadow-card: 0 4px 16px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .08);--btn-primary-bg: var(--red-gradient);--btn-secondary-bg: #ffffff;--btn-ghost-bg: transparent;--btn-ghost-border: var(--gray-500)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-body);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}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)}p{font-family:var(--font-family);color:var(--text-secondary);line-height:var(--leading-relaxed)}a{font-family:var(--font-family);color:var(--red-bright);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}button,.btn{font-family:var(--font-family);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}button:before,.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:none;pointer-events:none}button:hover:before,.btn:hover:before{animation:shimmer .6s ease forwards}.btn-primary{background:var(--btn-primary-bg);color:var(--white)!important;padding:14px 28px;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);padding:14px 28px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--text-secondary);padding:14px 28px;border:1px solid var(--btn-ghost-border)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.btn-sm{padding:10px 20px;font-size:var(--text-xs)}.btn-lg{padding:18px 36px;font-size:var(--text-md)}input,textarea,select{font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:var(--radius-md);padding:14px 18px;transition:all var(--transition-base);width:100%;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08}input:focus,textarea:focus,select:focus{outline:none;border-color:#ffffff4d;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 0 0 1px #ffffff14}input::placeholder,textarea::placeholder{color:var(--text-muted)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fff;border:1px solid var(--border-color);box-shadow:0 1px 3px #00000014,inset 0 1px 2px #0000000a;color:var(--text-primary)}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:#3c3c3c80;box-shadow:0 1px 3px #00000014,0 0 0 1px #00000014}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--card-padding-md);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--gray-600);color:var(--white)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-red{color:var(--red)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.inline-flex{display:inline-flex}.block{display:block}.hidden{display:none}.flex-row{flex-direction:row}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-left{text-align:left}.text-right{text-align:right}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-slow) ease forwards}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){html{font-size:14px}body{overflow-x:hidden}.text-muted,.text-secondary,[class*=text-gray],[class*=text-neutral]{color:var(--text-muted)!important}.card{padding:var(--mobile-card-padding)}.section,.content-section{gap:var(--mobile-section-gap)}h1{font-size:var(--mobile-text-3xl)}h2{font-size:var(--mobile-text-2xl)}h3{font-size:var(--mobile-text-xl)}h4{font-size:var(--mobile-text-lg)}h5{font-size:var(--mobile-text-base)}h6{font-size:var(--mobile-text-sm)}}@media (max-width: 480px){html{font-size:13px}h1{font-size:var(--mobile-text-2xl)}h2{font-size:var(--mobile-text-xl)}h3{font-size:var(--mobile-text-lg)}h4{font-size:var(--mobile-text-base)}.card{padding:var(--mobile-spacing-md)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--stafull-red, #a30000);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small{width:16px;height:16px;border-width:2px}.loading-spinner--large{width:48px;height:48px;border-width:4px}.selected,.active,[data-selected=true]{border:1px solid #a30000!important}.sunken-input{font-family:Montserrat,sans-serif;font-size:14px;color:#fff;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:8px;padding:12px 16px;width:100%;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08;transition:all .2s ease}.sunken-input:focus{outline:none;border-color:#a30000;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 0 0 1px #a30000}.sunken-input::placeholder{color:#555}.sunken-input-sm{padding:8px 12px;font-size:12px;border-radius:6px}.shimmer-btn{font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.shimmer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(0);transition:none;pointer-events:none;border-radius:inherit}.shimmer-btn:hover:before{animation:shimmer .6s ease forwards}.shimmer-btn:hover{transform:translateY(-2px)}.shimmer-btn-primary{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff;padding:12px 24px;box-shadow:0 8px 20px #00000059}.shimmer-btn-primary:hover{box-shadow:0 12px 28px #0006}.shimmer-btn-primary:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%)}.shimmer-btn-secondary{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);color:#ccc;padding:12px 24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0000004d}.shimmer-btn-secondary:hover{background:linear-gradient(145deg,#333,#252525);color:#fff;box-shadow:0 6px 18px #00000059}.shimmer-btn-ghost{background:transparent;color:var(--text-muted);padding:12px 24px;border:1px solid rgba(255,255,255,.1)}.shimmer-btn-ghost:hover{background:#ffffff0d;color:#fff;border-color:#ffffff26}.shimmer-btn-sm{padding:8px 16px;font-size:11px}.toggle-group{display:inline-flex;background:linear-gradient(180deg,#0a0a0a,#111);border-radius:10px;padding:4px;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08}.toggle-option{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 20px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.toggle-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%)}.toggle-option:hover:not(.active):before{animation:shimmer .6s ease forwards}.toggle-option:hover:not(.active){color:var(--text-muted)}.toggle-option.active{background:linear-gradient(145deg,#b81c1c,#8a0000);color:#fff;border-color:#a30000;box-shadow:0 8px 16px #0006,0 4px 8px #0000004d}.slider-container{width:100%;padding:8px 0}.slider-track{position:relative;height:8px;background:linear-gradient(180deg,#0a0a0a,#111);border-radius:4px;box-shadow:inset 0 2px 4px #00000080,inset 0 1px 2px #0000004d,0 1px #ffffff08}.slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#8a0000,#a30000);border-radius:4px;transition:width .1s ease}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #00000080}.slider-thumb:active{cursor:grabbing}input[type=range].sunken-slider{-webkit-appearance:none;width:100%;height:8px;background:linear-gradient(180deg,#0a0a0a,#111);border-radius:4px;box-shadow:inset 0 2px 4px #00000080,inset 0 1px 2px #0000004d,0 1px #ffffff08;outline:none}input[type=range].sunken-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 4px 12px #0006;transition:transform .2s ease}input[type=range].sunken-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range].sunken-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 4px 12px #0006}.sunken-select{font-family:Montserrat,sans-serif;font-size:14px;color:#fff;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;border-radius:8px;padding:12px 40px 12px 16px;width:100%;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;transition:all .2s ease}.sunken-select:focus{outline:none;border-color:#a30000;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 0 0 1px #a30000}.sunken-select option{background:#1a1a1a;color:#fff;padding:10px}.checkbox-container,.radio-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.checkbox-box,.radio-box{width:20px;height:20px;background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0006,0 1px #ffffff08;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-box{border-radius:5px}.radio-box{border-radius:50%}.checkbox-box.checked,.radio-box.checked{border-color:#a30000;background:linear-gradient(180deg,#0a0a0a,#111)}.checkbox-box .check-icon{color:#a30000;font-size:14px;font-weight:700;opacity:0;transform:scale(.5);transition:all .15s ease}.checkbox-box.checked .check-icon{opacity:1;transform:scale(1)}.radio-box .radio-dot{width:10px;height:10px;border-radius:50%;background:#a30000;opacity:0;transform:scale(0);transition:all .15s ease}.radio-box.checked .radio-dot{opacity:1;transform:scale(1)}.checkbox-label,.radio-label{font-family:Montserrat,sans-serif;font-size:13px;color:var(--text-muted);transition:color .2s ease}.checkbox-container:hover .checkbox-label,.radio-container:hover .radio-label{color:#fff}.selectable-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;box-shadow:0 15px 35px #00000059;cursor:pointer;transition:all .2s ease}.selectable-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0006;border-color:#ffffff1a}.selectable-card.selected{border-color:#a30000;box-shadow:0 20px 45px #0006,0 0 0 1px #a30000}.tab-bar{display:flex;background:linear-gradient(180deg,#0a0a0a,#111);border-radius:10px;padding:4px;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08}.tab-item{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;padding:10px 20px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.tab-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%)}.tab-item:hover:not(.active):before{animation:shimmer .6s ease forwards}.tab-item:hover:not(.active){color:var(--text-muted)}.tab-item.active{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);color:#fff;border-color:#a30000;box-shadow:0 4px 12px #0000004d}@media (max-width: 1200px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.responsive-grid-3,.responsive-grid-2{grid-template-columns:1fr!important}.responsive-hide-mobile{display:none!important}.responsive-stack{flex-direction:column!important}}@media (max-width: 480px){.responsive-text-sm{font-size:12px!important}.responsive-padding-sm{padding:12px!important}}@font-face{font-family:Glyphter;src:url(/assets/Glyphter-CtVYjg-k.eot);src:url(/assets/Glyphter-CtVYjg-k.eot?#iefix) format("embedded-opentype"),url(/assets/Glyphter-iwWbB87u.woff) format("woff"),url(/assets/Glyphter-K4ng1BEx.ttf) format("truetype"),url(/assets/Glyphter-C9zX02hG.svg#Glyphter) format("svg");font-weight:400;font-style:normal}.sf-icon{display:inline-block;font-family:Glyphter;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-sm{font-size:14px}.sf-icon-md{font-size:18px}.sf-icon-lg{font-size:24px}.sf-icon-xl{font-size:32px}.sf-icon-map:before{content:"A"}.sf-icon-external:before{content:"B"}.sf-icon-location:before{content:"C"}.sf-icon-copy:before{content:"D"}.sf-icon-minus:before{content:"E"}.sf-icon-fuel:before{content:"F"}.sf-icon-music:before{content:"G"}.sf-icon-cursor:before{content:"H"}.sf-icon-flag:before{content:"I"}.sf-icon-pause:before{content:"J"}.sf-icon-edit:before{content:"K"}.sf-icon-play:before{content:"L"}.sf-icon-power:before{content:"M"}.sf-icon-gift:before{content:"N"}.sf-icon-refresh:before{content:"O"}.sf-icon-ruler:before{content:"P"}.sf-icon-stop:before{content:"Q"}.sf-icon-wifi:before{content:"R"}.sf-icon-settings:before{content:"S"}.sf-icon-share:before{content:"T"}.sf-icon-shuffle:before{content:"U"}.sf-icon-mute:before{content:"V"}.sf-icon-volume:before{content:"W"}.sf-icon-contact:before{content:"X"}.sf-icon-star:before{content:"Y"}.sf-icon-chart:before{content:"Z"}.sf-icon-square:before{content:"a"}.sf-icon-sun:before{content:"b"}.sf-icon-trash:before{content:"c"}.sf-icon-cloud:before{content:"d"}.sf-icon-upload:before{content:"e"}.sf-icon-users:before{content:"f"}.sf-icon-left{margin-right:8px}.sf-icon-right{margin-left:8px}.logo{height:60px;width:auto;object-fit:contain}.logo-large{height:120px;width:auto;object-fit:contain}.logo-header{height:80px;width:auto;object-fit:contain;transition:transform var(--transition-base)}.logo-header:hover{transform:scale(1.02)}.header-scrolled .logo-header{height:50px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-red);color:#fff;border-color:var(--brand-red);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--brand-red-light);border-color:var(--brand-red-light);color:#fff;transform:scale(1.02);box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.btn-primary:active:not(:disabled){transform:scale(.98);color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--brand-red);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--brand-red-light);transform:scale(1.02);box-shadow:0 15px 30px #00000073,0 8px 16px #00000059}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color-light);transform:scale(1.02)}.btn-test{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.btn-test:hover:not(:disabled){background:#e0e0e0;transform:scale(1.02)}.btn-sm{padding:8px 16px;font-size:var(--font-size-sm)}.btn-lg{padding:16px 32px;font-size:var(--font-size-lg)}.btn-xl{padding:20px 40px;font-size:var(--font-size-xl)}.fuel-btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.fuel-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;min-width:120px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.fuel-btn:hover{transform:scale(1.02);background:var(--bg-card-hover)}.fuel-btn .fuel-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.fuel-btn .fuel-grade{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.fuel-btn.fuel-regular:hover{border-color:var(--fuel-regular);border-width:2px;box-shadow:0 0 10px #8888884d}.fuel-btn.fuel-regular.selected{border-color:var(--fuel-regular);border-width:3px;box-shadow:0 0 15px #88888880;background:var(--bg-card-hover)}.fuel-btn.fuel-premium:hover{border-color:var(--fuel-premium);border-width:2px;box-shadow:0 10px 20px #0006}.fuel-btn.fuel-premium.selected{border-color:var(--fuel-premium);border-width:3px;box-shadow:0 15px 30px #00000073;background:var(--bg-card-hover)}.fuel-btn.fuel-diesel:hover{border-color:var(--fuel-diesel);border-width:2px;box-shadow:0 0 10px #1665344d}.fuel-btn.fuel-diesel.selected{border-color:var(--fuel-diesel);border-width:3px;box-shadow:0 0 15px #16653480;background:var(--bg-card-hover)}.def-checkbox{display:flex;align-items:center;gap:var(--space-md);padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-md)}.def-checkbox:hover{border-color:var(--fuel-def);border-width:2px;box-shadow:0 0 10px #2563eb4d;transform:scale(1.02)}.def-checkbox.selected{border-color:var(--fuel-def);border-width:3px;box-shadow:0 0 15px #2563eb80;background:var(--bg-card-hover)}.def-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--fuel-def)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-base);outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-color-light);background:var(--bg-input-focus)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-red);background:var(--bg-input-focus);box-shadow:inset 0 4px 12px #0009,0 0 0 1px #a30000}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-textarea{min-height:120px;resize:vertical}.form-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.form-error{font-size:var(--font-size-sm);color:var(--error);margin-top:var(--space-xs)}.form-success{font-size:var(--font-size-sm);color:var(--success);margin-top:var(--space-xs)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:44px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-lg)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:scale(1.02);border-color:var(--border-color-light)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.selection-card{display:block;width:100%;padding:var(--space-lg);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text-primary)}.selection-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);transform:scale(1.02)}.selection-card.selected{border-color:var(--brand-red);box-shadow:0 15px 30px #0006,0 0 0 1px #a30000}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);border:1px solid}.alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.divider{height:1px;background:var(--border-color);margin:var(--space-xl) 0}.divider-text{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--space-xl) 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--container-narrow)}.container-wide{max-width:var(--container-wide)}.page-centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*:nth-child(1){transition-delay:0ms}.stagger-children>*:nth-child(2){transition-delay:.1s}.stagger-children>*:nth-child(3){transition-delay:.2s}.stagger-children>*:nth-child(4){transition-delay:.3s}.stagger-children>*:nth-child(5){transition-delay:.4s}.stagger-children>*:nth-child(6){transition-delay:.5s}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--brand-red);border-radius:50%;animation:spin .8s linear infinite}.loading-truck{display:flex;align-items:center;gap:var(--space-md)}.loading-truck-icon{font-size:24px;animation:slideInRight 1s ease-in-out infinite alternate}.loading-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background:var(--brand-red);border-radius:2px;animation:loading-progress 1.5s ease-in-out infinite}@keyframes loading-progress{0%{width:0%}50%{width:70%}to{width:100%}}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.hide-mobile{display:none!important}}@media (max-width: 480px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.btn-lg{padding:14px 24px;font-size:var(--font-size-base)}}.portal-page-header,.dashboard-page-header,.sub-page-header{position:relative;z-index:10;background:var(--bg-body, #0a0a0a);isolation:isolate}.back-nav,.back-button-container,.page-back-link{position:relative;z-index:5;background:inherit}.no-truncate{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.page-title,.dashboard-title,.hero-title{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.territory-badge,.status-badge,.badge{white-space:nowrap;min-width:fit-content}.data-table-container,.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table tr:nth-child(2n){background:#ffffff05}@media (max-width: 600px){.data-table.responsive thead{display:none}.data-table.responsive tbody tr{display:block;background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05)}.data-table.responsive td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none}.data-table.responsive td:before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}}.card-description,.card-subtitle,.dashboard-card__description{font-size:14px!important;line-height:1.5;color:#ffffffb3}@media (max-width: 480px){.card-description,.card-subtitle{font-size:13px!important}}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:6px 16px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-align:center}.connection-banner--disconnected,.connection-banner--lost{background:#8a0000f2;color:#fff}.connection-banner--reconnecting{background:#444444f2;color:#fff;animation:pulse 1.5s ease-in-out infinite}.card,.stat-card,.dashboard-card,.feature-card,.content-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f,#1a1a1a);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.card--accent,.dashboard-card--accent{border-left:3px solid #a30000}.day-selector,.day-selector-pills,.day-picker{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0;scrollbar-width:none}.day-selector::-webkit-scrollbar{display:none}.day-pill,.day-btn,.day-selector-item{flex-shrink:0;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff9;white-space:nowrap;cursor:pointer}.day-pill.selected,.day-pill.active,.day-btn.selected,.day-btn.active{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:#a30000;color:#fff}input[type=checkbox]{width:16px;height:16px;accent-color:#a30000}input[type=checkbox]:checked,.checkbox.checked{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000)!important;border-color:#8a0000!important}@media (max-width: 768px){.card-title,.section-title{font-size:11px}.card-stat-value,.stat-value{font-size:28px}.btn,button{font-size:10px;padding:14px 28px}}.text-muted,.muted,.secondary-text{color:#ffffffbf!important}.stat-label,.form-label{color:#ffffffa6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-body);padding:var(--space-xl);position:relative;overflow:hidden}.auth-page:before{display:none}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-card{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;position:relative}.auth-card:before{display:none}.auth-header{text-align:center;padding:var(--space-2xl) var(--space-xl) var(--space-lg)}.auth-logo{height:60px;width:auto;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.auth-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.auth-subtitle{font-size:var(--text-md);color:var(--text-muted)}.auth-body{padding:var(--space-lg) var(--space-xl) var(--space-2xl)}.auth-form .form-group{margin-bottom:var(--space-lg)}.auth-form .form-label{font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.auth-form .form-input{width:100%;padding:16px 20px;font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);border-radius:var(--radius-lg);transition:all .2s ease}[data-theme=light] .auth-form .form-input{background:linear-gradient(145deg,#e0e0e0,#f0f0f0);border:1px solid rgba(0,0,0,.08);box-shadow:inset 4px 4px 10px #0000001a,inset -2px -2px 6px #fffc}[data-theme=dark] .auth-form .form-input{background:linear-gradient(145deg,#1a1a1a,#252525);border:1px solid rgba(255,255,255,.08);box-shadow:inset 4px 4px 10px #00000080,inset -2px -2px 6px #ffffff08}[data-theme=light] .auth-form .form-input:focus{outline:none;border-color:var(--red);box-shadow:inset 4px 4px 10px #0000001a,inset -2px -2px 6px #fffc,0 0 0 1px #a30000}[data-theme=dark] .auth-form .form-input:focus{outline:none;border-color:var(--red);box-shadow:inset 4px 4px 10px #00000080,inset -2px -2px 6px #ffffff08,0 0 0 1px #a30000}.auth-form .form-input::placeholder{color:var(--text-disabled)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-error{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.form-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.auth-form .btn-primary{width:100%;padding:18px;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000)!important;color:#fff!important;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 15px 35px #0006,0 8px 15px #0000004d,inset 0 1px #ffffff4d}.auth-form .btn-primary:hover{transform:translateY(-2px);color:#fff!important;box-shadow:0 20px 45px #00000073,0 12px 25px #00000059,inset 0 1px #fff6}.auth-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;color:#fff!important}.auth-links{text-align:center;margin-top:var(--space-lg)}.auth-links a{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.auth-links a:hover{color:var(--red)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.code-input-group{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.code-input{width:56px;height:64px;text-align:center;font-size:var(--text-2xl);font-weight:var(--weight-bold);background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-inset)}.code-input:focus{outline:none;border-color:var(--red);box-shadow:var(--shadow-inset),0 0 0 1px #a30000}.code-input.filled{border-color:var(--success);background:var(--success-bg)}.login-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.login-type-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-base)}.login-type-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-type-card.selected{border-color:var(--red);background:#00000026;box-shadow:0 15px 35px #0006,0 0 0 1px #a30000}.login-type-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:linear-gradient(145deg,var(--gray-700),var(--gray-800));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow-md)}.login-type-card.selected .login-type-icon{background:linear-gradient(145deg,var(--red-bright),var(--red))}.login-type-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.login-type-desc{font-size:var(--text-xs);color:var(--text-muted)}.quick-login-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.quick-login-title{font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md);text-align:center}.quick-login-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.quick-login-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quick-login-btn:hover{background:var(--bg-secondary);border-color:var(--red);color:var(--text-primary)}.quick-login-btn span{display:block;font-size:9px;color:var(--text-muted);margin-top:2px}.waitlist-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-body);padding:var(--space-xl)}.waitlist-container{width:100%;max-width:520px;text-align:center}.waitlist-card{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-2xl);text-align:left}.waitlist-header{text-align:center;margin-bottom:var(--space-xl)}.waitlist-header h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.discount-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}.discount-badge-small{background:linear-gradient(120deg,var(--red-bright),var(--red));color:var(--white);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold)}.waitlist-success-card{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-2xl);text-align:center}.success-icon{font-size:48px;margin-bottom:var(--space-lg)}.discount-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,#00000026,#0000001a);border:2px solid var(--red);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0;box-shadow:0 15px 30px #0000004d}.discount-amount{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--red-text)}.discount-text{font-size:var(--text-sm);color:var(--text-secondary)}.confirmation-details{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0;text-align:left}.confirmation-details h4{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--text-sm);color:var(--text-muted)}.detail-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.next-steps{text-align:left;margin:var(--space-xl) 0}.next-steps h4{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.next-steps ul{list-style:none;padding:0}.next-steps li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.next-steps li:before{content:"✓";width:20px;height:20px;background:var(--success-bg);color:var(--success);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold)}.waitlist-footer{margin-top:var(--space-xl)}.waitlist-footer a{color:var(--text-muted);font-size:var(--text-sm)}.waitlist-footer a:hover{color:var(--red)}.logo-large{height:70px;width:auto;margin-bottom:var(--space-xl);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}html,body{overflow-x:hidden;max-width:100vw}html,body,#root,.app,.app-container,.app-wrapper{border:none;border-top:none}html:before,html:after,body:before,body:after,#root:before,#root:after{display:none;content:none}.portal-content,.portal-dashboard,.dashboard,.dashboard-main,.dashboard-grid,.section,.section__cards,.card,.section-card{max-width:100%;box-sizing:border-box}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.break-words{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}button,.button,.btn,[role=button]{white-space:nowrap;overflow:visible}.glossy-red-button,.btn-primary,.btn-secondary{min-width:max-content;padding-left:var(--mobile-spacing-lg, 16px);padding-right:var(--mobile-spacing-lg, 16px)}button,a,[role=button],.clickable,.menu-item,.section-card,.card--interactive,.nav-item,.tab,.dropdown-item,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#a30000}label:has(input[type=checkbox]),label:has(input[type=radio]),.checkbox-wrapper,.radio-wrapper{display:inline-flex;align-items:center;gap:10px;padding:14px;margin:-14px;cursor:pointer}.inline-action{display:inline-flex;align-items:center;justify-content:center;padding:var(--mobile-spacing-sm, 8px);margin:calc(-1 * var(--mobile-spacing-sm, 8px));min-height:44px;min-width:44px}.icon-button,.btn-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--mobile-spacing-sm, 8px)}@media (hover: none) and (pointer: coarse){button:active,a:active,[role=button]:active,.clickable:active,.section-card:active,.card--interactive:active,.menu-item:active{opacity:.85;transform:scale(.98);transition:transform .1s ease,opacity .1s ease}button,a,[role=button],.clickable{touch-action:manipulation}}svg{fill:currentColor}svg.icon-stroke,.section-card__icon svg,.back-button svg,.menu-icon svg{fill:none;stroke:currentColor}svg[fill="#000"],svg[fill="#000000"],svg[fill=black]{fill:currentColor!important}.icon--white{color:#fff}.icon--muted{color:var(--text-muted)}.icon--red{color:var(--accent-red, #a30000)}.icon--green{color:var(--accent-green, #ffffff)}.icon--yellow{color:var(--accent-yellow, #888888)}.icon--blue{color:var(--accent-blue, #ffffff)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-red, #a30000);outline-offset:2px}@supports (padding: max(0px)){.portal-content,.portal-dashboard,.persistent-header{padding-left:max(var(--mobile-spacing-lg, 16px),env(safe-area-inset-left));padding-right:max(var(--mobile-spacing-lg, 16px),env(safe-area-inset-right))}.persistent-header{padding-top:max(var(--mobile-spacing-sm, 8px),env(safe-area-inset-top))}.bottom-nav,.modal-footer,.sticky-footer{padding-bottom:max(var(--mobile-spacing-md, 12px),env(safe-area-inset-bottom))}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color, rgba(255, 255, 255, .2));border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted, rgba(255, 255, 255, .4))}::selection{background:#a300004d;color:inherit}[disabled],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading{pointer-events:none;opacity:.7}.skeleton{background:linear-gradient(90deg,var(--bg-secondary, #1a1a1a) 25%,var(--bg-tertiary, #222) 50%,var(--bg-secondary, #1a1a1a) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:var(--radius-md, 8px)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}img{max-width:100%;height:auto;display:block}img{-webkit-user-drag:none;user-drag:none}@media print{.truncate,.truncate-2,.truncate-3{overflow:visible!important;text-overflow:unset!important;white-space:normal!important;-webkit-line-clamp:unset!important}button:not(.print-visible),.btn:not(.print-visible),.menu-item,.pull-to-refresh .pull-indicator{display:none!important}}:root{--sf-red: #8a0000;--sf-red-light: #b81c1c;--sf-red-dark: #5a0000;--gradient-dark-start: #0a0a0a;--gradient-dark-mid: #111111;--gradient-dark-end: #0d0d0d;--gradient-medium-start: #111111;--gradient-medium-mid: #1a1a1a;--gradient-medium-end: #141414;--gradient-light-start: #141414;--gradient-light-mid: #1e1e1e;--gradient-light-end: #181818;--card-bg-start: #1e1e1e;--card-bg-end: #141414;--card-border: rgba(138, 0, 0, .2);--card-border-hover: rgba(138, 0, 0, .5);--card-shadow: rgba(0, 0, 0, .4);--card-shadow-hover: rgba(0, 0, 0, .6)}[data-theme=light]{--gradient-dark-start: #f8f9fa;--gradient-dark-mid: #f0f1f2;--gradient-dark-end: #f4f5f6;--gradient-medium-start: #f0f1f2;--gradient-medium-mid: #e8e9ea;--gradient-medium-end: #ecedee;--gradient-light-start: #ecedee;--gradient-light-mid: #e4e5e6;--gradient-light-end: #e8e9ea;--card-bg-start: #ffffff;--card-bg-end: #fafafa;--card-border: rgba(138, 0, 0, .15);--card-border-hover: rgba(138, 0, 0, .4);--card-shadow: rgba(0, 0, 0, .08);--card-shadow-hover: rgba(0, 0, 0, .15)}.section{padding:var(--mobile-spacing-xl, 20px) var(--mobile-spacing-lg, 16px);position:relative}.section--no-padding{padding:0}.section--compact{padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px)}.section--gradient-dark{background:linear-gradient(180deg,var(--gradient-dark-start) 0%,var(--gradient-dark-mid) 50%,var(--gradient-dark-end) 100%)}.section--gradient-medium{background:linear-gradient(180deg,var(--gradient-medium-start) 0%,var(--gradient-medium-mid) 50%,var(--gradient-medium-end) 100%)}.section--gradient-light{background:linear-gradient(180deg,var(--gradient-light-start) 0%,var(--gradient-light-mid) 50%,var(--gradient-light-end) 100%)}.section--gradient-accent{background:linear-gradient(180deg,#1a0a0a,#0d0808);border-top:1px solid rgba(138,0,0,.3);border-bottom:1px solid rgba(138,0,0,.3)}[data-theme=light] .section--gradient-accent{background:linear-gradient(180deg,#fff5f5,#fef2f2);border-top:1px solid rgba(138,0,0,.15);border-bottom:1px solid rgba(138,0,0,.15)}.section--gradient-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#0000001a,#0003);pointer-events:none}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(138,0,0,.4) 20%,rgba(138,0,0,.4) 80%,transparent 100%);margin:0;border:none}.section-divider--subtle{background:linear-gradient(90deg,transparent 0%,rgba(138,0,0,.2) 20%,rgba(138,0,0,.2) 80%,transparent 100%)}.section-divider--solid{background:#8a00004d}[data-theme=light] .section-divider{background:linear-gradient(90deg,transparent 0%,rgba(138,0,0,.25) 20%,rgba(138,0,0,.25) 80%,transparent 100%)}.section__title{font-size:var(--mobile-text-lg, 18px);font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 var(--mobile-spacing-md, 12px) 0;text-transform:uppercase;letter-spacing:1px}.section__title--small{font-size:var(--mobile-text-sm, 14px);text-transform:none;letter-spacing:.5px}.section__subtitle{font-size:var(--mobile-text-sm, 14px);color:var(--text-muted, rgba(255, 255, 255, .6));margin:calc(-1 * var(--mobile-spacing-sm, 8px)) 0 var(--mobile-spacing-md, 12px) 0}[data-theme=light] .section__title{color:var(--text-primary, #1a1a1a)}[data-theme=light] .section__subtitle{color:var(--text-muted, rgba(0, 0, 0, .6))}.section__cards{display:grid;gap:var(--mobile-section-gap, 16px);grid-template-columns:1fr}.section__cards--double{grid-template-columns:1fr}@media (min-width: 400px){.section__cards--double{grid-template-columns:repeat(2,1fr)}}@media (min-width: 600px){.section__cards--triple{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.section__cards--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.card--gradient{background:linear-gradient(145deg,var(--card-bg-start) 0%,var(--card-bg-end) 100%);border:1px solid var(--card-border);border-radius:var(--radius-lg, 12px);padding:var(--mobile-card-padding, 16px);box-shadow:0 4px 16px var(--card-shadow),0 1px 3px #0000004d}.card--elevated{box-shadow:0 8px 32px var(--card-shadow),0 2px 8px #0006}.card--interactive{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card--interactive:hover,.card--interactive:active{transform:translateY(-2px);box-shadow:0 12px 40px var(--card-shadow-hover);border-color:var(--card-border-hover)}.card--interactive:active{transform:translateY(-1px)}.glossy-red{background:linear-gradient(145deg,var(--sf-red-light) 0%,var(--sf-red) 100%);box-shadow:0 4px 12px #8a000066,inset 0 1px #ffffff1a}.glossy-red-subtle{background:linear-gradient(145deg,#b81c1c26,#8a00001a);border:1px solid rgba(138,0,0,.3)}.glossy-red-button{background:linear-gradient(180deg,var(--sf-red-light) 0%,var(--sf-red) 100%);border:none;border-radius:var(--radius-md, 8px);color:#fff;font-weight:600;padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);box-shadow:0 4px 12px #8a00004d,inset 0 1px #ffffff26,inset 0 -1px #0003;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.glossy-red-button:hover,.glossy-red-button:active{transform:translateY(-1px);box-shadow:0 6px 16px #8a000066,inset 0 1px #fff3,inset 0 -1px #0003}.glossy-red-button:active{transform:translateY(0)}.glossy-red-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.portal-page{min-height:100vh;background:var(--gradient-dark-start)}.portal-page--gradient{background:linear-gradient(180deg,var(--gradient-dark-start) 0%,var(--gradient-medium-mid) 50%,var(--gradient-dark-end) 100%)}.portal-sections{display:flex;flex-direction:column}.portal-sections>.section:nth-child(3n+1){background:linear-gradient(180deg,var(--gradient-dark-start) 0%,var(--gradient-dark-mid) 50%,var(--gradient-dark-end) 100%)}.portal-sections>.section:nth-child(3n+2){background:linear-gradient(180deg,var(--gradient-medium-start) 0%,var(--gradient-medium-mid) 50%,var(--gradient-medium-end) 100%)}.portal-sections>.section:nth-child(3n+3){background:linear-gradient(180deg,var(--gradient-light-start) 0%,var(--gradient-light-mid) 50%,var(--gradient-light-end) 100%)}@media (max-width: 480px){.section{padding:var(--mobile-spacing-lg, 16px) var(--mobile-spacing-md, 12px)}.section__title{font-size:var(--mobile-text-base, 16px)}}@media (max-height: 500px) and (orientation: landscape){.section{padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px)}.section__cards{gap:var(--mobile-spacing-sm, 8px)}}@media print{.section,.section--gradient-dark,.section--gradient-medium,.section--gradient-light,.section--gradient-accent{background:#fff!important}.section-divider{background:#ddd!important}.card--gradient{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}}.skip-link{position:absolute;top:-100px;left:-9999px;background:var(--red-600, #a30000);color:#fff;padding:8px 16px;z-index:10000;text-decoration:none;font-weight:600;font-size:14px;border-radius:0 0 4px;transition:top .2s ease,left .2s ease;pointer-events:none;opacity:0}.skip-link:focus{top:0;left:0;opacity:1;pointer-events:auto;outline:2px solid var(--red-400, #dc2626);outline-offset:2px}.connection-banner-visible .dashboard-main,.dashboard-main.has-connection-banner{padding-top:calc(var(--space-lg) + 28px)}@media (max-width: 768px){.connection-banner-visible .dashboard-main,.dashboard-main.has-connection-banner{padding-top:calc(var(--space-md) + 24px)}}.dashboard{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-body);font-family:var(--font-family);position:relative;isolation:isolate}.portal-dashboard{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,var(--gradient-dark-start, #0a0a0a) 0%,var(--gradient-medium-mid, #1a1a1a) 50%,var(--gradient-dark-end, #0d0d0d) 100%);font-family:var(--font-family);position:relative;isolation:isolate}[data-theme=light] .portal-dashboard{background:linear-gradient(180deg,var(--gradient-dark-start, #f8f9fa) 0%,var(--gradient-medium-mid, #e8e9ea) 50%,var(--gradient-dark-end, #f4f5f6) 100%)}.portal-content{flex:1;width:100%;max-width:100%;padding:0;min-height:calc(100vh - 56px);position:relative;z-index:var(--z-base, 1);overflow-x:hidden}.portal-content--padded{padding:var(--mobile-spacing-lg, 16px)}@media (min-width: 768px){.portal-content--padded{padding:var(--space-xl, 24px) var(--space-2xl, 32px)}}@media (max-width: 480px){.portal-content{min-height:calc(100vh - 48px)}.portal-content--padded{padding:var(--mobile-spacing-md, 12px)}}.dashboard-main{flex:1;width:100%;max-width:100%;margin-left:0;padding:var(--mobile-spacing-lg, 16px);min-height:calc(100vh - 56px);position:relative;z-index:var(--z-base, 1);isolation:isolate;overflow-x:hidden}@media (min-width: 768px){.dashboard-main{padding:var(--space-xl, 24px) var(--space-2xl, 32px)}}@media (max-width: 480px){.dashboard-main{padding:var(--mobile-spacing-md, 12px);min-height:calc(100vh - 48px)}}.portal-content-centered,.dashboard-main.holdings-no-sidebar{margin-left:auto;margin-right:auto;max-width:1600px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-md)}.dashboard-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:1.2;text-decoration:none!important;text-decoration-line:none!important}.dashboard-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-xs) 0 0;letter-spacing:var(--tracking-tight)}.dashboard-actions{display:flex;gap:var(--space-sm)}.section-back-header{display:flex;align-items:center;gap:var(--mobile-spacing-md, 12px);padding:var(--mobile-spacing-md, 12px) var(--mobile-spacing-lg, 16px);background:var(--bg-secondary, rgba(30, 30, 30, .95));border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));position:sticky;top:56px;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible;text-decoration:none!important}.section-back-header:before,.section-back-header:after,.back-button:before,.back-button:after{content:none!important;display:none!important}.section-back-header input,.back-button input{display:none!important}[data-theme=light] .section-back-header{background:#ffffffe6;border-bottom-color:#0000001a}.back-button{display:inline-flex!important;align-items:center!important;gap:var(--mobile-spacing-xs, 4px);padding:var(--mobile-spacing-xs, 4px) var(--mobile-spacing-sm, 8px);background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(255, 255, 255, .8));font-family:var(--font-family);font-size:var(--mobile-text-sm, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;flex-shrink:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-width:fit-content!important}.back-button span{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.back-button:hover{background:#a300001a;border-color:var(--red, #a30000);color:var(--text-primary, #fff)}.back-button:active{transform:scale(.98)}.back-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}[data-theme=light] .back-button{border-color:#00000026;color:var(--text-secondary, rgba(0, 0, 0, .7))}[data-theme=light] .back-button:hover{background:#a3000014;color:var(--text-primary, #1a1a1a)}.section-title{font-size:var(--mobile-text-lg, 16px);font-weight:700;color:var(--text-primary, #fff);margin:0;text-transform:uppercase;letter-spacing:.5px;text-decoration:none!important;text-decoration-line:none!important}[data-theme=light] .section-title{color:var(--text-primary, #1a1a1a)}.dashboard-welcome-header{padding:var(--mobile-spacing-lg, 16px);padding-bottom:0}.dashboard-welcome-header h1{font-size:var(--mobile-text-xl, 18px);font-weight:700;color:var(--text-primary, #fff);margin:0 0 var(--mobile-spacing-xs, 4px) 0}.dashboard-welcome-header p{font-size:var(--mobile-text-sm, 12px);color:var(--text-muted, rgba(255, 255, 255, .7));margin:0}[data-theme=light] .dashboard-welcome-header h1{color:var(--text-primary, #1a1a1a)}[data-theme=light] .dashboard-welcome-header p{color:var(--text-muted, rgba(0, 0, 0, .6))}@media (max-width: 480px){.section-back-header{padding:var(--mobile-spacing-sm, 8px) var(--mobile-spacing-md, 12px);top:48px}.back-button{font-size:var(--mobile-text-xs, 10px);padding:3px 6px}.back-button svg{width:14px;height:14px}.section-title{font-size:var(--mobile-text-base, 14px)}.dashboard-welcome-header{padding:var(--mobile-spacing-md, 12px);padding-bottom:0}.dashboard-welcome-header h1{font-size:var(--mobile-text-lg, 16px)}}@media (max-height: 500px) and (orientation: landscape){.section-back-header{padding:var(--mobile-spacing-xs, 4px) var(--mobile-spacing-md, 12px)}.dashboard-welcome-header{padding:var(--mobile-spacing-sm, 8px);padding-bottom:0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (max-width: 360px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:visible;min-width:0}@media (max-width: 600px){.stat-card{padding:var(--space-md) var(--space-sm)}}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-dark));opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card:hover:before{opacity:1}.stat-label{font-size:11px;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-sm);display:block;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;text-overflow:clip;overflow:visible}@media (max-width: 600px){.stat-label{font-size:10px;letter-spacing:.02em;min-height:28px}}@media (max-width: 400px){.stat-label{font-size:9px;letter-spacing:.01em}}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1;word-break:break-word}@media (max-width: 600px){.stat-value{font-size:var(--text-2xl)}}.stat-change{font-size:var(--text-sm);color:var(--text-muted);word-wrap:break-word}@media (max-width: 600px){.stat-change{font-size:var(--text-xs)}}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}@media (max-height: 500px) and (orientation: landscape){.dashboard-header{margin-bottom:12px}.stats-grid{gap:8px}.stat-card{padding:10px 8px}.stat-value{font-size:20px}.stat-label{font-size:9px;margin-bottom:4px}.stat-change{font-size:10px}.content-card{margin-bottom:12px}.content-card-header,.content-card-body{padding:12px 16px}}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}}.content-card{background:var(--bg-card);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-xl)}.content-card:last-child{margin-bottom:0}.content-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);background:var(--card-header-bg)}.content-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.content-card-body{padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:14px 28px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(160deg,var(--red-bright),var(--red),var(--red-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);color:#fff;box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--white);box-shadow:var(--shadow-md)}[data-theme=light] .btn-secondary{color:var(--gray-800)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--text-secondary);border:2px solid var(--btn-ghost-border)}.btn-ghost:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:10px 20px;font-size:10px}.btn-lg{padding:18px 36px;font-size:var(--text-base)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);text-transform:uppercase}.badge-success{background:#22c55e33;color:#fff}.badge-warning{background:#f59e0b33;color:#fcd34d}.badge-error{background:#ef444433;color:#f87171}.badge-info{background:#3b82f633;color:#fff}.badge-default{background:#ffffff1a;color:var(--text-secondary)}.badge-red{background:#00000026;color:var(--red-text)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}.list-item-content{display:flex;align-items:center;gap:var(--space-md)}.list-item-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);margin:0}.list-item-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-xs) 0 0}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md)}.table-responsive .data-table{min-width:600px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-size:10px;font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-normal);background:var(--table-header-bg)}.data-table td{font-size:var(--text-md);color:var(--text-primary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#00000014}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;font-size:var(--text-md);font-family:var(--font-family);font-weight:var(--weight-medium);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-inset)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--red);box-shadow:var(--shadow-inset),0 0 0 1px #a30000}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled)}.form-textarea{resize:vertical;min-height:120px}.form-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.form-error{font-size:var(--text-sm);color:var(--error);margin-top:var(--space-xs)}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-700);border-radius:3px;cursor:pointer}[data-theme=light] .slider{background:var(--gray-300)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(145deg,var(--red-bright),var(--red));border-radius:50%;cursor:pointer;box-shadow:0 10px 20px #0006;transition:transform var(--transition-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(145deg,var(--red-bright),var(--red));border-radius:50%;cursor:pointer;border:none;box-shadow:0 10px 20px #0006}.theme-toggle{display:flex;padding:4px;border-radius:var(--radius-full);background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.theme-toggle-btn{font-family:var(--font-family);font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);text-transform:uppercase;padding:10px 18px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:transparent;color:var(--text-muted)}.theme-toggle-btn:hover{color:var(--text-secondary)}.theme-toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .theme-toggle-btn.active{background:var(--white)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.metric-card:hover{border-color:var(--red);box-shadow:0 15px 30px #0000004d}.metric-label{font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.metric-value{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-xs)}.metric-sub{font-size:var(--text-sm);color:var(--text-muted)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:32px}.empty-state-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-text{font-size:var(--text-md);color:var(--text-muted);max-width:400px;margin:0 auto}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--red);border-radius:50%;animation:sf-spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl)}.tab{flex:1;padding:var(--space-md);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--red);background:var(--bg-tertiary)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:auto;z-index:1050;animation:sf-scaleIn .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:18px;cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--space-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color)}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:var(--gray-900);color:var(--white);font-size:var(--text-sm);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1100;margin-bottom:var(--space-sm)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.text-info{color:var(--info)!important}.text-red{color:var(--red-text)!important}.text-muted{color:var(--text-muted)!important}.bg-success{background:var(--success-bg)!important}.bg-warning{background:var(--warning-bg)!important}.bg-error{background:var(--error-bg)!important}.bg-info{background:var(--info-bg)!important}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.text-center{text-align:center}@keyframes shimmer{0%{left:-100%}to{left:200%}}.dashboard button,.dashboard .btn{position:relative;overflow:hidden}.dashboard button:before,.dashboard .btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-100%);pointer-events:none}.dashboard button:hover:before,.dashboard .btn:hover:before{animation:shimmer .6s ease forwards}.dashboard input[type=text],.dashboard input[type=email],.dashboard input[type=password],.dashboard input[type=number],.dashboard input[type=tel],.dashboard input[type=search],.dashboard textarea,.dashboard select{background:linear-gradient(180deg,#0a0a0a,#111);border:1px solid rgba(0,0,0,.5);border-top-color:#000000b3;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 1px #ffffff08;transition:all .2s ease}.dashboard input:focus,.dashboard textarea:focus,.dashboard select:focus{outline:none;border-color:#a30000;box-shadow:inset 0 4px 8px #00000080,inset 0 1px 3px #0000004d,0 0 0 1px #a30000}.dashboard .active,.dashboard .selected,.dashboard [aria-selected=true]{border:1px solid #a30000!important}.dashboard .tab-btn.active,.dashboard .nav-tab.active{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid #a30000;color:#fff}.dashboard .toggle.active,.dashboard .switch.active{background:linear-gradient(145deg,#b81c1c,#8a0000);border:1px solid #a30000}.dashboard input[type=range]{-webkit-appearance:none;height:8px;background:linear-gradient(180deg,#0a0a0a,#111);border-radius:4px;box-shadow:inset 0 4px 6px #00000080,inset 0 1px 2px #0000004d,0 1px #ffffff08}.dashboard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #0006}.dashboard .card.selected,.dashboard .content-card.selected{border:1px solid #a30000;box-shadow:0 20px 45px #0006,0 0 0 1px #a30000}.dashboard button:focus-visible,.dashboard .btn:focus-visible{outline:none;box-shadow:0 0 0 1px #a30000}.dashboard .btn-primary{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border:none;color:#fff}.dashboard .btn-primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.dashboard-actions{width:100%;flex-wrap:wrap}.dashboard-actions .btn{flex:1;min-width:120px}}@media (max-width: 480px){.dashboard-title{font-size:var(--text-xl)}.stat-card{padding:var(--space-md)}.stat-value{font-size:var(--text-2xl)}.vehicle-form .form-grid,.modal-content .form-grid{grid-template-columns:1fr;gap:var(--space-sm)}.modal-footer{flex-direction:column;gap:var(--space-sm)}.modal-footer button{width:100%}}@media (max-width: 375px){.stats-grid,.dashboard-stats{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card{padding:var(--space-sm)}.stat-value{font-size:1.5rem}}[data-theme=light] .dashboard input[type=text],[data-theme=light] .dashboard input[type=email],[data-theme=light] .dashboard input[type=password],[data-theme=light] .dashboard input[type=number],[data-theme=light] .dashboard textarea,[data-theme=light] .dashboard select{background:linear-gradient(180deg,#f5f5f5,#fff);border-color:#00000026;box-shadow:inset 0 4px 8px #00000014,inset 0 1px 3px #0000000d,0 1px #fffc}[data-theme=light]{--portal-bg-gradient-start: #ffffff;--portal-bg-gradient-end: #c5c5c5}[data-theme=dark],:root{--portal-bg-gradient-start: #353535;--portal-bg-gradient-end: #1a1a1a}.portal-section{background:linear-gradient(135deg,var(--portal-bg-gradient-start) 0%,var(--portal-bg-gradient-end) 100%);position:relative;padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.portal-section:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.6}.portal-section:last-child:after{display:none}.portal-section-header{margin-bottom:var(--space-4)}.portal-section-title{font-family:var(--font-family);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.portal-section-subtitle{font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-muted);margin:0}.portal-section-alt{background:linear-gradient(135deg,var(--portal-bg-gradient-end) 0%,var(--portal-bg-gradient-start) 100%)}.portal-section .content-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}@media (max-width: 768px){.portal-section{padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.portal-section-title{font-size:var(--text-lg)}}@media print{.persistent-header,.right-pane-menu,.right-pane-menu-overlay,.dashboard-header,.btn,.header-actions,.live-indicator{display:none!important}.dashboard-main,.portal-content{margin-left:0!important;padding:20px!important;background:#fff!important;color:#000!important}.dashboard{background:#fff!important}.content-card,.stat-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;color:#000!important}.stat-value,.stat-label,.content-card-title{color:#000!important}.data-table{border-collapse:collapse}.data-table th,.data-table td{border:1px solid #ddd!important;padding:8px!important;color:#000!important}input,select,textarea,.form-input,.form-select{border:1px solid #999!important}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl, 24px)}.stat-card{padding:var(--space-xl, 24px) var(--space-lg, 20px)}.stat-label{font-size:12px;letter-spacing:.05em}.stat-value{font-size:var(--text-4xl, 36px)}.stat-change{font-size:var(--text-base, 14px)}.dashboard-title{font-size:var(--text-4xl, 36px)}.section-title{font-size:var(--text-xl, 20px)}}@media (min-width: 1440px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2xl, 32px)}.stat-card{padding:var(--space-2xl, 32px) var(--space-xl, 24px)}.stat-label{font-size:13px}.stat-value,.dashboard-title{font-size:42px}}.dashboard-title,.section-title,.portal-name,.header-portal-name,.header-page-name,.content-card-title,.stat-label,.stat-value,h1,h2,h3,h4,h5,h6{text-decoration:none!important;text-decoration-line:none!important}.customer-portal .delivery-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px;margin-bottom:16px}.customer-portal .delivery-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.customer-portal .delivery-status.scheduled{color:#fff}.customer-portal .delivery-status.en-route{color:#fcd34d}.customer-portal .delivery-status.completed{color:#fff}.customer-portal .vehicle-selector{display:grid;gap:12px}.customer-portal .vehicle-option{background:#0003;border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.customer-portal .vehicle-option:hover{border-color:#444}.customer-portal .vehicle-option.selected{border-color:#a30000;background:#a300001a}.customer-portal .savings-highlight{background:linear-gradient(160deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px;text-align:center}.customer-portal .savings-amount{font-size:32px;font-weight:800;color:#fff}.header-status{display:flex;align-items:center;gap:8px;font-weight:600}.status-indicator{width:10px;height:10px;border-radius:50%}.status-indicator.live{background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 8px #22c55e00}}.dispatch-grid{display:grid;grid-template-columns:380px 1fr;gap:20px;margin-bottom:20px}.route-panel{max-height:600px;overflow-y:auto}.map-panel{min-height:400px}.route-card{background:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:16px;margin-bottom:12px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.route-card:hover{background:var(--bg-card-hover);border-color:var(--border-color)}.route-card.selected{border-color:var(--brand-red);background:#ffffff0d}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.route-id{font-family:var(--font-family-mono);font-size:11px;color:var(--text-muted)}.route-driver{font-weight:600;color:var(--text-primary);margin-bottom:12px}.route-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--brand-red);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:60px}.route-eta{font-size:12px;color:var(--text-secondary)}.map-mock{height:100%;min-height:350px;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);border-radius:var(--border-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);position:relative;overflow:hidden}.map-mock:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px}.map-mock.large{min-height:500px}.map-label{font-size:48px;margin-bottom:16px;z-index:1}.map-mock p{z-index:1;text-align:center;max-width:300px}.map-legend{display:flex;gap:20px;margin-top:24px;z-index:1}.map-legend span{display:flex;align-items:center;gap:6px;font-size:12px}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:var(--success)}.dot.blue{background:var(--info)}.dot.gray{background:var(--text-muted)}.dot.red{background:var(--brand-red)}.driver-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.driver-marker{position:absolute;font-size:28px;cursor:pointer;pointer-events:auto;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.driver-marker:hover{transform:scale(1.3)}.marker-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:10px;background:#000000e6;color:#fff;padding:3px 8px;border-radius:4px;white-space:nowrap;font-weight:500}.stop-number{width:32px;height:32px;border-radius:50%;background:var(--brand-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-right:16px}.stop-details{display:flex;gap:16px;margin-right:auto;margin-left:16px}.fuel-type,.vehicles{font-size:12px;color:var(--text-muted);text-transform:capitalize}.alert-item{border-left:3px solid transparent;padding-left:16px;margin-left:-16px}.alert-item.info{border-color:var(--info)}.alert-item.warning{border-color:var(--warning)}.alert-item.success{border-color:var(--success)}.alert-item.error{border-color:var(--danger)}.alert-icon{font-size:20px;margin-right:12px;flex-shrink:0}.live-grid{height:100%;display:flex;flex-direction:column}@media (max-width: 1200px){.dispatch-grid{grid-template-columns:1fr}.route-panel{max-height:400px}}@media (max-width: 768px){.route-card{padding:12px}.stop-details{flex-direction:column;gap:4px}.map-mock{min-height:250px}}.driver-portal .route-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:20px;margin-bottom:12px}.driver-portal .stop-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.driver-portal .stop-indicator.completed{background:#fff;color:#fff}.driver-portal .stop-indicator.current{background:linear-gradient(160deg,#b81c1c,#a30000);color:#fff}.driver-portal .stop-indicator.pending{background:#404040;color:var(--text-muted)}.driver-portal .fuel-meter{height:12px;background:#333;border-radius:6px;overflow:hidden;margin:8px 0}.driver-portal .fuel-meter-fill{height:100%;border-radius:6px;transition:width .3s ease}.driver-portal .delivery-timer{font-size:48px;font-weight:800;color:#fff;text-align:center;font-variant-numeric:tabular-nums}.driver-portal .quick-action{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border:none;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.driver-portal .quick-action:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.driver-portal .quick-action-icon{font-size:24px;margin-bottom:8px}.driver-portal .quick-action-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}@media (max-width: 768px){.driver-portal .stats-grid{display:flex;flex-wrap:wrap;gap:12px}.driver-portal .stats-grid .stat-card{flex:1 1 45%;min-width:0}}@media (max-width: 480px){.driver-portal .stats-grid .stat-card{flex:1 1 100%}}.dashboard-sidebar{display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;padding:0 0 8px}.sidebar-divider{height:1px;background:#ffffff1a;margin:8px 16px 12px}[data-theme=light] .sidebar-divider{background:#0000001a}.sidebar-signout{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px;padding:12px 16px;background:none;border:none;border-radius:8px;color:#ef4444;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.sidebar-signout:hover,.sidebar-signout:active{background:#ef444426}.sidebar-signout svg{width:18px;height:18px;flex-shrink:0}.employee-portal .benefit-highlight{background:linear-gradient(160deg,#a3000026,#a300000d);border:1px solid rgba(163,0,0,.3);border-radius:16px;padding:24px;text-align:center}.employee-portal .schedule-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.employee-portal .day-button{padding:14px 8px;background:#0000004d;border:2px solid transparent;border-radius:10px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.employee-portal .day-button:hover{border-color:#444;color:#fff}.employee-portal .day-button.active{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff}.employee-portal .parking-spot-badge{display:inline-flex;align-items:center;gap:6px;background:#0000004d;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff}.employer-portal .program-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.employer-portal .program-stat-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px;text-align:center;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;transition:all .2s ease}.employer-portal .program-stat-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.employer-portal .stat-value{font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;color:#fff;line-height:1.1}.employer-portal .stat-value.highlight{color:#a30000}.employer-portal .stat-label{font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:8px}.employer-portal .employee-roster{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.employer-portal .roster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.employer-portal .roster-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff}.employer-portal .employee-row{display:grid;grid-template-columns:2fr 1fr 1fr 100px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.employer-portal .employee-row:last-child{border-bottom:none}.employer-portal .employee-row:hover{background:#0003;margin:0 -16px;padding-left:16px;padding-right:16px}.employer-portal .employee-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#fff}.employer-portal .employee-department{font-family:Montserrat,sans-serif;font-size:12px;color:var(--text-muted)}.employer-portal .employee-spot{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#b0b0b0}.employer-portal .enrollment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.employer-portal .enrollment-badge.active{background:#22c55e33;color:#fff}.employer-portal .enrollment-badge.pending{background:#f59e0b33;color:#fcd34d}.employer-portal .enrollment-badge.inactive{background:#ffffff14;color:var(--text-muted)}.employer-portal .savings-panel{background:linear-gradient(160deg,#22c55e1f,#22c55e0a);border:1px solid rgba(34,197,94,.25);border-radius:16px;padding:30px}.employer-portal .savings-total{font-family:Montserrat,sans-serif;font-size:48px;font-weight:800;color:#fff;text-align:center}.employer-portal .savings-period{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#22c55eb3;text-align:center;margin-top:8px}.employer-portal .settings-section{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;margin-bottom:18px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.employer-portal .setting-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.05)}.employer-portal .setting-row:last-child{border-bottom:none}.employer-portal .setting-label{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff}.employer-portal .setting-description{font-family:Montserrat,sans-serif;font-size:12px;color:var(--text-muted);margin-top:4px}.employer-portal .parking-map{background:linear-gradient(160deg,#1f1f1f,#141414);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05)}.employer-portal .spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.employer-portal .parking-spot{aspect-ratio:1;background:#0000004d;border:2px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;color:#606060;cursor:pointer;transition:all .2s ease}.employer-portal .parking-spot:hover{border-color:#444;color:#fff}.employer-portal .parking-spot.occupied{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border-color:transparent;color:#fff}.employer-portal .parking-spot.available{background:#22c55e33;border-color:#22c55e66;color:#fff}.employer-portal .invite-form{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.employer-portal .invite-input{width:100%;padding:16px 22px;background:#0000004d;border:none;border-radius:12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff;box-shadow:inset 0 4px 12px #0009;transition:all .2s ease}.employer-portal .invite-input::placeholder{color:#606060}.employer-portal .invite-input:focus{outline:none;box-shadow:inset 0 4px 12px #0009,0 0 0 1px #a30000}.employer-portal .bulk-invite-btn{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff;border:none;border-radius:50px;padding:18px 38px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;transition:all .2s ease}.employer-portal .bulk-invite-btn:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.employer-portal .billing-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.employer-portal .billing-amount{font-family:Montserrat,sans-serif;font-size:36px;font-weight:800;color:#fff}.employer-portal .billing-period{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:6px}.employer-portal .billing-breakdown{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.employer-portal .billing-line{display:flex;justify-content:space-between;padding:10px 0;font-family:Montserrat,sans-serif;font-size:13px}.employer-portal .billing-line-label{color:var(--text-muted)}.employer-portal .billing-line-value{font-weight:600;color:#fff}[data-theme=light] .employer-portal .program-stat-card,[data-theme=light] .employer-portal .employee-roster,[data-theme=light] .employer-portal .settings-section,[data-theme=light] .employer-portal .invite-form,[data-theme=light] .employer-portal .billing-card{background:linear-gradient(160deg,#fff,#f5f5f5);box-shadow:0 25px 50px #00000026,0 12px 25px #0000001a}[data-theme=light] .employer-portal .stat-value,[data-theme=light] .employer-portal .roster-title,[data-theme=light] .employer-portal .employee-name,[data-theme=light] .employer-portal .setting-label,[data-theme=light] .employer-portal .billing-amount,[data-theme=light] .employer-portal .billing-line-value{color:#141414}[data-theme=light] .employer-portal .parking-map{background:linear-gradient(160deg,#f5f5f5,#e8e8e8);border-color:#0000001a}[data-theme=light] .employer-portal .parking-spot{background:#0000000d;border-color:#0000001a}[data-theme=light] .employer-portal .invite-input{background:#0000000d;color:#141414;box-shadow:inset 0 4px 12px #0000000f}[data-theme=light] .employer-portal .invite-input:focus{box-shadow:inset 0 4px 12px #0000000f,0 0 0 1px #a30000}[data-theme=light] .employer-portal .employee-row:hover{background:#00000008}.fleet-portal .fleet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.fleet-portal .fleet-stat-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px;text-align:center;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;transition:all .2s ease}.fleet-portal .fleet-stat-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.fleet-portal .fleet-stat-value{font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;color:#fff;line-height:1.1}.fleet-portal .fleet-stat-value.fuel{color:#a30000}.fleet-portal .fleet-stat-value.savings{color:#fff}.fleet-portal .fleet-stat-label{font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:8px}.fleet-portal .vehicle-roster{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.fleet-portal .roster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.fleet-portal .roster-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff}.fleet-portal .vehicle-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 100px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.fleet-portal .vehicle-row:last-child{border-bottom:none}.fleet-portal .vehicle-row:hover{background:#0003;margin:0 -16px;padding-left:16px;padding-right:16px}.fleet-portal .vehicle-icon{width:44px;height:44px;background:linear-gradient(160deg,#606060,#404040,#2d2d2d);border-radius:10px;display:flex;align-items:center;justify-content:center}.fleet-portal .vehicle-icon svg{width:24px;height:24px;fill:#b0b0b0}.fleet-portal .vehicle-info{display:flex;flex-direction:column;gap:4px}.fleet-portal .vehicle-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#fff}.fleet-portal .vehicle-plate{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted)}.fleet-portal .vehicle-fuel-level{display:flex;flex-direction:column;gap:6px}.fleet-portal .fuel-bar{height:8px;background:#0006;border-radius:4px;overflow:hidden}.fleet-portal .fuel-fill{height:100%;background:linear-gradient(90deg,#a30000,#b81c1c);border-radius:4px;transition:width .3s ease}.fleet-portal .fuel-fill.low{background:linear-gradient(90deg,#dc2626,#ef4444)}.fleet-portal .fuel-fill.mid{background:linear-gradient(90deg,#888,#aaa)}.fleet-portal .fuel-fill.high{background:linear-gradient(90deg,#fff,#fff)}.fleet-portal .fuel-percent{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;color:var(--text-muted)}.fleet-portal .vehicle-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.fleet-portal .vehicle-status.active{background:#22c55e33;color:#fff}.fleet-portal .vehicle-status.scheduled{background:#3b82f633;color:#fff}.fleet-portal .vehicle-status.needs-fuel{background:#ef444433;color:#f87171}.fleet-portal .vehicle-status.idle{background:#ffffff14;color:var(--text-muted)}.fleet-portal .schedule-section{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.fleet-portal .schedule-date-selector{display:flex;gap:8px;margin-bottom:24px}.fleet-portal .date-btn{padding:12px 20px;background:#0000004d;border:2px solid transparent;border-radius:10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.fleet-portal .date-btn:hover{border-color:#444;color:#fff}.fleet-portal .date-btn.active{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff}.fleet-portal .delivery-slot{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:16px;background:#0003;border-radius:12px;margin-bottom:10px;transition:all .2s ease}.fleet-portal .delivery-slot:hover{background:#0000004d}.fleet-portal .slot-time{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#a30000}.fleet-portal .slot-vehicle{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff}.fleet-portal .cost-panel{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.fleet-portal .cost-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.fleet-portal .cost-total{font-family:Montserrat,sans-serif;font-size:36px;font-weight:800;color:#fff}.fleet-portal .cost-period{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:6px}.fleet-portal .savings-badge{background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:50px;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:#fff}.fleet-portal .cost-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.fleet-portal .cost-item{text-align:center}.fleet-portal .cost-item-value{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;color:#fff}.fleet-portal .cost-item-label{font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:6px}.fleet-portal .add-vehicle-form{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:20px;padding:30px;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059}.fleet-portal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.fleet-portal .form-input{width:100%;padding:16px 22px;background:#0000004d;border:none;border-radius:12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff;box-shadow:inset 0 4px 12px #0009;transition:all .2s ease}.fleet-portal .form-input::placeholder{color:#606060}.fleet-portal .form-input:focus{outline:none;box-shadow:inset 0 4px 12px #0009,0 0 0 1px #a30000}.fleet-portal .form-select{width:100%;padding:16px 22px;background:#0000004d;border:none;border-radius:12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#fff;box-shadow:inset 0 4px 12px #0009;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.fleet-portal .add-vehicle-btn{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff;border:none;border-radius:50px;padding:18px 38px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 25px 50px #00000080,0 12px 25px #00000059;transition:all .2s ease}.fleet-portal .add-vehicle-btn:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080,0 15px 30px #00000059}.fleet-portal .fuel-type-selector{display:flex;gap:10px;flex-wrap:wrap}.fleet-portal .fuel-type-btn{padding:12px 20px;background:#0000004d;border:2px solid transparent;border-radius:50px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.fleet-portal .fuel-type-btn:hover{border-color:#444;color:#fff}.fleet-portal .fuel-type-btn.selected{background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);color:#fff}.fleet-portal .fuel-type-btn.diesel{border-color:#888;color:#fcd34d}.fleet-portal .fuel-type-btn.diesel.selected{background:linear-gradient(160deg,#888,#d97706);color:#000}.fleet-portal .alert-banner{display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:12px;margin-bottom:24px}.fleet-portal .alert-banner.warning{background:#eab3081f;border:1px solid rgba(234,179,8,.3)}.fleet-portal .alert-banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.fleet-portal .alert-icon{font-size:20px}.fleet-portal .alert-text{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;color:#fff}[data-theme=light] .fleet-portal .fleet-stat-card,[data-theme=light] .fleet-portal .vehicle-roster,[data-theme=light] .fleet-portal .schedule-section,[data-theme=light] .fleet-portal .cost-panel,[data-theme=light] .fleet-portal .add-vehicle-form{background:linear-gradient(160deg,#fff,#f5f5f5);box-shadow:0 25px 50px #00000026,0 12px 25px #0000001a}[data-theme=light] .fleet-portal .fleet-stat-value,[data-theme=light] .fleet-portal .roster-title,[data-theme=light] .fleet-portal .vehicle-name,[data-theme=light] .fleet-portal .slot-vehicle,[data-theme=light] .fleet-portal .cost-total,[data-theme=light] .fleet-portal .cost-item-value,[data-theme=light] .fleet-portal .alert-text{color:#141414}[data-theme=light] .fleet-portal .vehicle-row:hover,[data-theme=light] .fleet-portal .delivery-slot{background:#00000008}[data-theme=light] .fleet-portal .delivery-slot:hover{background:#0000000f}[data-theme=light] .fleet-portal .form-input,[data-theme=light] .fleet-portal .form-select{background:#0000000d;color:#141414;box-shadow:inset 0 4px 12px #0000000f}[data-theme=light] .fleet-portal .form-input:focus{box-shadow:inset 0 4px 12px #0000000f,0 0 0 1px #a30000}[data-theme=light] .fleet-portal .date-btn,[data-theme=light] .fleet-portal .fuel-type-btn{background:#0000000d}[data-theme=light] .fleet-portal .fuel-bar{background:#0000001a}.alert-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:12px;margin-bottom:10px;transition:all .2s ease}.alert-card:hover{background:#ef444426}.alert-card:last-child{margin-bottom:0}.alert-icon{width:44px;height:44px;background:#ef444433;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ef4444}.alert-content{flex:1;min-width:0}.alert-title{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.alert-subtitle{font-family:Montserrat,sans-serif;font-size:12px;color:var(--text-muted)}.schedule-request{padding:10px 20px;background:linear-gradient(160deg,#b81c1c,#a30000,#8a0000);border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.schedule-request:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media (max-width: 480px){.alert-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.alert-icon{width:36px;height:36px}.alert-content{width:100%}.alert-title{font-size:13px}.alert-subtitle{font-size:11px}.schedule-request{width:100%;padding:12px 20px;text-align:center}}[data-theme=light] .alert-card{background:#ef444414}[data-theme=light] .alert-card:hover{background:#ef44441f}.franchise-portal .territory-map{height:400px;border-radius:16px;overflow:hidden;background:#1a1a1a}.franchise-portal .kpi-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px;text-align:center}.franchise-portal .kpi-value{font-size:36px;font-weight:800;color:#fff;margin-bottom:4px}.franchise-portal .kpi-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.franchise-portal .kpi-change{font-size:12px;font-weight:600;margin-top:8px}.franchise-portal .kpi-change.positive{color:#fff}.franchise-portal .kpi-change.negative{color:#ef4444}.franchise-portal .driver-roster{display:grid;gap:12px}.franchise-portal .driver-card{display:flex;align-items:center;gap:16px;background:#0003;padding:16px;border-radius:12px}.franchise-portal .driver-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(160deg,#606060,#404040);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.franchise-portal .equipment-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.franchise-portal .truck-card{background:#0003;border-radius:12px;padding:16px}.franchise-portal .truck-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.franchise-portal .truck-status-dot.active{background:#fff}.franchise-portal .truck-status-dot.maintenance{background:#888}.franchise-portal .truck-status-dot.inactive{background:#ef4444}.holdings-portal .franchise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.holdings-portal .franchise-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px;transition:all .2s ease}.holdings-portal .franchise-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006}.holdings-portal .franchise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.holdings-portal .franchise-code{font-size:12px;font-weight:700;color:#a30000;text-transform:uppercase;letter-spacing:.1em}.holdings-portal .franchise-msa{font-size:18px;font-weight:700;color:#fff}.holdings-portal .system-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.holdings-portal .metric-card{background:#0003;border-radius:12px;padding:20px;text-align:center}.holdings-portal .metric-value{font-size:28px;font-weight:800;color:#fff}.holdings-portal .metric-value.revenue{color:#fff}.holdings-portal .metric-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.holdings-portal .admin-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.holdings-portal .admin-tool-card{background:#0003;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.holdings-portal .admin-tool-card:hover{background:#0000004d}.holdings-portal .admin-tool-icon{font-size:24px;margin-bottom:12px}.holdings-portal .admin-tool-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.holdings-portal .admin-tool-desc{font-size:12px;color:var(--text-muted)}.investor-portal .projection-chart{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px}.investor-portal .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.investor-portal .chart-title{font-size:16px;font-weight:700;color:#fff}.investor-portal .chart-legend{display:flex;gap:16px}.investor-portal .legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.investor-portal .legend-dot{width:8px;height:8px;border-radius:50%}.investor-portal .msa-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.investor-portal .msa-option{background:#0003;border:2px solid transparent;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s ease;text-align:center}.investor-portal .msa-option:hover{border-color:#444}.investor-portal .msa-option.selected{border-color:#a30000;background:#a300001a}.investor-portal .msa-name{font-size:14px;font-weight:700;color:#fff}.investor-portal .msa-details{font-size:11px;color:var(--text-muted);margin-top:4px}.investor-portal .investment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;background:#0003;border-radius:12px}.investor-portal .summary-item{text-align:center}.investor-portal .summary-value{font-size:24px;font-weight:800;color:#fff}.investor-portal .summary-value.highlight{color:#fff}.investor-portal .summary-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.investor-portal .document-list{display:grid;gap:12px}.investor-portal .document-item{display:flex;align-items:center;gap:12px;background:#0003;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease}.investor-portal .document-item:hover{background:#0000004d}.investor-portal .document-icon{font-size:20px}.investor-portal .document-info{flex:1}.investor-portal .document-name{font-size:14px;font-weight:600;color:#fff}.investor-portal .document-meta{font-size:11px;color:var(--text-muted)}@media (max-width: 480px){.investor-portal .document-info{min-width:0;flex:1}.investor-portal .document-name{white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}}@media (max-height: 500px) and (orientation: landscape){.investor-portal .document-item{padding:10px 12px}.investor-portal .document-name{font-size:12px;white-space:normal;overflow:visible}.investor-portal .document-meta{font-size:10px}.investor-portal .projection-chart{max-height:50vh}}.manager-header-actions{display:flex;gap:12px;align-items:center}.manager-search{position:relative}.manager-search input{padding-left:36px;width:240px}.manager-search:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);background:var(--bg-tertiary)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table .cell-primary{font-weight:600;color:var(--text-primary)}.data-table .cell-secondary{font-size:12px;color:var(--text-muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--text-muted)}.status-dot.warning{background:var(--warning)}.quick-actions{display:flex;gap:8px}.quick-actions .btn{padding:6px 12px;font-size:12px}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.metric-item{text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.metric-value{font-size:28px;font-weight:700;color:var(--text-primary)}.metric-label{font-size:12px;color:var(--text-muted);margin-top:4px}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filter-bar .form-select,.filter-bar .form-input{min-width:150px}.filter-bar .btn{margin-left:auto}.manager-dashboard .content-card{margin-bottom:20px}.manager-dashboard .stat-card{min-height:100px}@media (max-width: 768px){.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 12px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .btn{margin-left:0;margin-top:8px}}.sba-portal .loan-status-card{background:linear-gradient(160deg,#2d2d2d,#1f1f1f);border-radius:16px;padding:24px}.sba-portal .loan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sba-portal .loan-number{font-size:12px;font-weight:700;color:#a30000;text-transform:uppercase;letter-spacing:.1em}.sba-portal .loan-amount{font-size:28px;font-weight:800;color:#fff}.sba-portal .loan-status-badge{padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sba-portal .loan-status-badge.active{background:#22c55e33;color:#fff}.sba-portal .loan-status-badge.review{background:#f59e0b33;color:#fcd34d}.sba-portal .coverage-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.sba-portal .ratio-card{background:#0003;border-radius:10px;padding:16px;text-align:center}.sba-portal .ratio-value{font-size:24px;font-weight:800;color:#fff}.sba-portal .ratio-value.pass{color:#fff}.sba-portal .ratio-value.warning{color:#fcd34d}.sba-portal .ratio-value.fail{color:#f87171}.sba-portal .ratio-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.sba-portal .ratio-threshold{font-size:10px;color:var(--text-muted);margin-top:2px}.sba-portal .compliance-checklist{background:#0003;border-radius:12px;padding:20px}.sba-portal .checklist-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #333}.sba-portal .checklist-item:last-child{border-bottom:none}.sba-portal .checklist-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.sba-portal .checklist-icon.complete{background:#fff;color:#fff}.sba-portal .checklist-icon.pending{background:#404040;color:var(--text-muted)}.sba-portal .checklist-label{flex:1;font-size:14px;color:#fff}.sba-portal .checklist-status{font-size:11px;font-weight:600;text-transform:uppercase}.sba-portal .payment-schedule{width:100%;border-collapse:collapse}.sba-portal .payment-schedule th,.sba-portal .payment-schedule td{padding:12px;text-align:left;border-bottom:1px solid #333}.sba-portal .payment-schedule th{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sba-portal .payment-schedule td{font-size:14px;color:#fff}.landing-page-v3{max-width:1440px;margin:0 auto;overflow-x:hidden}.section-label{font-size:clamp(12px,1.2vw + 4px,16px)!important;font-weight:600!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#ffffff80!important;text-align:left!important;margin-bottom:clamp(8px,1.5vw,14px)!important}.section-title{font-size:clamp(28px,4vw + 10px,48px)!important;font-weight:700!important;color:#fff!important;text-align:left!important;margin-bottom:clamp(10px,1.5vw,20px)!important;text-transform:uppercase!important;line-height:1.15!important}.section-subtitle{font-size:clamp(15px,1.5vw + 6px,20px)!important;font-weight:400!important;color:#ffffffa6!important;text-align:left!important;margin-left:0!important;margin-bottom:clamp(28px,4vw,48px)!important;max-width:600px!important;line-height:1.5!important}@media (min-width: 769px){.hero{min-height:100vh!important;display:flex!important;align-items:center!important;padding:clamp(80px,12vh,120px) 0 clamp(40px,6vh,60px)!important}.hero .container{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:0 clamp(24px,4vw,48px)!important}.hero-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(40px,5vw,80px)!important;align-items:center!important}.hero-content{grid-column:1!important;max-width:100%!important;text-align:left!important}.hero-visual{grid-column:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:clamp(16px,2vw,24px)!important}.hero-visual-logo{margin-bottom:clamp(8px,1vw,16px)!important}.hero-actions{display:flex!important;flex-wrap:nowrap!important;gap:clamp(12px,1.5vw,20px)!important;margin-bottom:clamp(16px,2vw,24px)!important}.trust-badges{display:flex!important;flex-wrap:nowrap!important;gap:clamp(16px,2vw,32px)!important}.section-header{text-align:left!important;max-width:700px!important}}@media (min-width: 769px) and (max-width: 1024px){.hero-grid{gap:clamp(30px,4vw,50px)!important}.hero .container{padding:0 clamp(20px,3vw,32px)!important}.hero-actions{flex-wrap:wrap!important}}@media (max-width: 768px){.hero{min-height:auto!important;padding:clamp(70px,15vw,100px) 0 clamp(30px,6vw,50px)!important}.hero .container{padding:0 clamp(16px,4vw,24px)!important}.hero-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(20px,5vw,32px)!important}.hero-visual{order:1!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(12px,3vw,20px)!important}.hero-visual-logo{margin-bottom:clamp(8px,2vw,16px)!important}.hero-visual-logo .logo,.hero-visual-logo img,.hero-visual-logo svg{max-width:clamp(120px,30vw,180px)!important;height:auto!important}.fuel-gauge-wrapper{position:relative!important;margin-top:0!important}.hero-content{order:2!important;width:100%!important;text-align:center!important}.hero-title,.hero-subtitle{text-align:center!important}.hero-pain-points{text-align:left!important;max-width:360px!important;margin:0 auto clamp(16px,4vw,24px) auto!important}.hero-actions,.trust-badges{justify-content:center!important;flex-wrap:wrap!important}.section-header,.section-label,.section-title,.section-subtitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}.gauge-label{font-weight:500!important;font-size:clamp(18px,2vw + 6px,30px)!important;color:#ffffffb3!important}.section-divider,.section-separator,section:after{margin-left:auto!important;margin-right:auto!important;display:block!important}.how-section,#benefits,.pricing-section,#testimonials,.franchise-section,.cta-section{padding:clamp(40px,8vw,80px) clamp(20px,5vw,60px)!important}.section-header,.step-card,.benefit-card,.pricing-card,.testimonial-card,.franchise-highlight,.trust-item,.franchise-stat,.section-header.will-animate,.step-card.will-animate,.benefit-card.will-animate,.pricing-card.will-animate,.testimonial-card.will-animate,.franchise-highlight.will-animate,.trust-item.will-animate,.franchise-stat.will-animate{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}@media (min-width: 1024px){.portal-dashboard .portal-content,.dashboard .page-content{max-width:1400px;margin:0 auto;padding:32px 48px}.portal-dashboard .dashboard-welcome-header{padding:24px 0 32px}.portal-dashboard .dashboard-title{font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.portal-dashboard .dashboard-subtitle{font-size:16px;color:#ffffffb3}.portal-dashboard .section-card__title{font-size:20px;font-weight:700}.portal-dashboard .section-card__description{font-size:15px;line-height:1.5;color:#ffffffb3}.portal-dashboard .section-card__icon{width:26px;height:26px}.portal-dashboard .metric__value{font-size:32px;font-weight:800}.portal-dashboard .metric__label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-dashboard .persistent-header .header-portal-name{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.portal-dashboard .section-back-header .back-button{font-size:13px;padding:12px 20px;font-weight:600}.portal-dashboard .section-back-header .section-title{font-size:28px;font-weight:700}.portal-dashboard .stat-card{padding:24px 28px}.portal-dashboard .stat-value{font-size:32px;font-weight:800}.portal-dashboard .stat-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-dashboard .content-card{padding:24px 28px;border-radius:16px}.portal-dashboard .content-card-title{font-size:18px;font-weight:700}.portal-dashboard .data-table{font-size:14px}.portal-dashboard .data-table th{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}}@media (min-width: 768px) and (max-width: 1023px){.portal-dashboard .dashboard-title{font-size:28px}.portal-dashboard .section-card__title{font-size:16px}.portal-dashboard .metric__value{font-size:28px}}@media (min-width: 1024px){.portal-dashboard .dashboard-grid,.dashboard-container .dashboard-grid,[class*=Dashboard] .dashboard-grid,.dashboard-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;max-width:1400px!important;margin:0 auto!important}.portal-dashboard .section-card,.dashboard-container .section-card,[class*=Dashboard] .section-card,.section-card{width:100%!important;min-width:0!important;padding:32px!important;min-height:200px!important}.section-card--large,.section-card--full-width,.section-card--featured{grid-column:1 / -1!important}.section-card--wide,.section-card--double{grid-column:span 2!important}}@media (min-width: 1600px){.portal-dashboard .dashboard-grid,.dashboard-container .dashboard-grid,[class*=Dashboard] .dashboard-grid,.dashboard-grid{max-width:1600px!important;gap:32px!important}}@media (min-width: 1024px){.portal-dashboard .metric__value,.dashboard-container .metric__value,.section-card .metric__value{font-size:28px!important;font-weight:700!important}.stats-grid,.stat-cards-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:16px!important}.stat-card{padding:20px!important;min-height:100px!important}.stat-card .stat-value{font-size:32px!important;font-weight:800!important}.stat-card .stat-label{font-size:10px!important;letter-spacing:.08em!important}.section-back-header{position:relative!important;top:auto!important;z-index:1!important;margin-bottom:24px!important}.section-card:before,.card-shimmer:before{left:0!important;right:auto!important}.franchise-live-status .territory-cards,.territory-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}}@media (min-width: 1024px){.portal-dashboard .section-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e)!important;border:1px solid rgba(60,60,60,.5)!important;border-radius:20px!important;padding:28px 24px!important;box-shadow:8px 8px 20px #0006,-4px -4px 12px #ffffff05,inset 0 1px #ffffff0d!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;position:relative!important;overflow:hidden!important}.portal-dashboard .section-card:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#8a0000,#a30000,#8a0000)!important;border-radius:20px 20px 0 0!important;opacity:0!important;transition:opacity .15s ease!important}.portal-dashboard .section-card:hover:after{opacity:1!important}.portal-dashboard .section-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:12px 12px 30px #00000080,-6px -6px 16px #ffffff08,inset 0 1px #ffffff14!important;border-color:#a3000066!important}.portal-dashboard .section-card__title{font-size:18px!important;font-weight:700!important;color:#fff!important;letter-spacing:.02em!important;text-transform:uppercase!important;margin-bottom:8px!important}.portal-dashboard .section-card__description{font-size:14px!important;font-weight:400!important;color:#ffffffa6!important;line-height:1.5!important;margin-bottom:16px!important}.portal-dashboard .section-card__icon{width:24px!important;height:24px!important;color:#a30000!important}.portal-dashboard .metric__value{font-size:26px!important;font-weight:800!important;color:#fff!important;line-height:1.1!important}.portal-dashboard .metric__label{font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#ffffff80!important;margin-top:4px!important}.portal-dashboard .dashboard-title{font-size:clamp(28px,4vw,42px)!important;font-weight:800!important;color:#fff!important;letter-spacing:-.02em!important;line-height:1.15!important;margin-bottom:8px!important}.portal-dashboard .dashboard-subtitle{font-size:clamp(14px,1.5vw,18px)!important;font-weight:400!important;color:#ffffffa6!important;line-height:1.5!important}.portal-dashboard .content-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e)!important;border:1px solid rgba(60,60,60,.5)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 8px 24px #0000004d!important}.portal-dashboard .content-card-title{font-size:16px!important;font-weight:700!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:16px!important}.portal-dashboard .stat-card{background:linear-gradient(145deg,#252525,#1a1a1a)!important;border:1px solid rgba(60,60,60,.4)!important;border-radius:14px!important;padding:20px!important;box-shadow:0 6px 16px #00000040!important}.portal-dashboard .stat-card .stat-value{font-size:28px!important;font-weight:800!important;color:#fff!important}.portal-dashboard .stat-card .stat-label{font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#ffffff80!important}.portal-dashboard .back-button{background:linear-gradient(145deg,#2a2a2a,#1e1e1e)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:12px 20px!important;font-size:12px!important;font-weight:600!important;color:#ccc!important;box-shadow:0 8px 20px #0000004d!important;transition:all .2s ease!important}.portal-dashboard .back-button:hover{transform:translateY(-2px)!important;border-color:#a3000066!important}.portal-dashboard .section-back-header .section-title{font-size:clamp(24px,3vw,32px)!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em!important}}[data-theme=light] .portal-dashboard .section-card{background:linear-gradient(145deg,#fff,#f0f0f0)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:8px 8px 20px #0000001a,-4px -4px 12px #fffc,inset 0 1px #ffffffe6!important}[data-theme=light] .portal-dashboard .section-card:hover{box-shadow:12px 12px 30px #00000026,-6px -6px 16px #ffffffe6,inset 0 1px #fff!important;border-color:#a30000!important}[data-theme=light] .portal-dashboard .section-card__title{color:#1a1a1a!important}[data-theme=light] .portal-dashboard .section-card__description{color:#000000a6!important}[data-theme=light] .portal-dashboard .metric__value{color:#1a1a1a!important}[data-theme=light] .portal-dashboard .metric__label{color:#00000080!important}@media (min-width: 1024px){.section-back-header{position:static!important;display:flex!important;align-items:center!important;gap:20px!important;padding:20px 0!important;margin-bottom:20px!important;background:transparent!important}.section-back-header,.section-back-header .back-button{position:static!important;top:unset!important;left:unset!important;z-index:auto!important}}@media (min-width: 1024px){.dashboard-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;max-width:1400px!important;margin:0 auto!important;align-items:stretch!important}.section-card--small,.section-card[data-size=small],.card--small{grid-column:span 1!important;min-height:160px!important;padding:20px 24px!important}.section-card--medium,.section-card[data-size=medium],.card--medium,.section-card{grid-column:span 2!important;min-height:200px!important;padding:28px 32px!important}.section-card--large,.section-card[data-size=large],.card--large,.section-card--full-width{grid-column:span 4!important;min-height:240px!important;padding:32px 40px!important}.dashboard-grid>*{display:flex!important;flex-direction:column!important;height:100%!important}.section-card__content,.card-content{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.section-card--small .section-card__title,.card--small .card-title{font-size:14px!important;font-weight:700!important}.section-card--small .metric__value,.card--small .metric-value{font-size:28px!important;font-weight:800!important}.section-card--small .metric__label,.card--small .metric-label{font-size:9px!important;letter-spacing:.1em!important}.section-card--medium .section-card__title,.section-card .section-card__title{font-size:18px!important;font-weight:700!important}.section-card--medium .metric__value,.section-card .metric__value{font-size:36px!important;font-weight:800!important}.section-card--medium .metric__label,.section-card .metric__label{font-size:11px!important;letter-spacing:.08em!important}.section-card--large .section-card__title{font-size:22px!important;font-weight:700!important}.section-card--large .metric__value{font-size:42px!important;font-weight:800!important}.metric__value--positive,.metric__value[data-trend=up],.value-positive,.growth-positive{color:#22c55e!important}.metric__value--warning,.value-warning{color:#f59e0b!important}.metric__value--negative,.metric__value[data-trend=down],.value-negative,.growth-negative{color:#ef4444!important}.metric__value--info,.value-info{color:#3b82f6!important}.metric__value--money,.value-money{color:#fff!important}.trend-indicator{font-size:14px!important;font-weight:700!important;margin-left:8px!important}.trend-indicator.positive{color:#22c55e!important}.trend-indicator.negative{color:#ef4444!important}.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.stat-card{grid-column:span 1!important;padding:20px!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.stat-card .stat-value{font-size:32px!important;font-weight:800!important;line-height:1.1!important}.stat-card .stat-label{font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#ffffff80!important}.stat-card .stat-sublabel{font-size:11px!important;color:#fff6!important;margin-top:4px!important}}@media (min-width: 1024px){.metric__value--info,.value-info{color:#fff!important}.metric__value--money,.value-money,.metric__value--revenue{color:#3b82f6!important}.dashboard-grid .section-card{grid-column:span 2!important}.section-card--minimal,.section-card[data-points="1"],.section-card[data-points="2"]{grid-column:span 1!important}.section-card--detailed,.section-card[data-points="5"],.section-card[data-points="6"],.section-card--has-table,.section-card--has-chart,.section-card--has-map{grid-column:span 4!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;max-width:1400px!important;margin:0 auto!important}.dashboard-grid>*:last-child{grid-column:span 2!important}.dashboard-grid>*:nth-last-child(1):nth-child(odd){grid-column:1 / -1!important}}@media (min-width: 1024px){.customer-dashboard .dashboard-grid,.franchise-dashboard .dashboard-grid,.holdings-dashboard .dashboard-grid,.driver-dashboard .dashboard-grid,.dispatcher-dashboard .dashboard-grid,.employee-dashboard .dashboard-grid,.manager-dashboard .dashboard-grid,.investor-dashboard .dashboard-grid,.sba-dashboard .dashboard-grid,.site-editor .dashboard-grid,[class*=dashboard] .dashboard-grid,[class*=Dashboard] .dashboard-grid,.portal-dashboard .dashboard-grid,.portal-content .dashboard-grid,.page-content .dashboard-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;max-width:1400px!important;margin:0 auto!important;padding:0 24px!important}.customer-dashboard .section-card,.franchise-dashboard .section-card,.holdings-dashboard .section-card,.driver-dashboard .section-card,.dispatcher-dashboard .section-card,.employee-dashboard .section-card,.manager-dashboard .section-card,.investor-dashboard .section-card,.sba-dashboard .section-card,.portal-dashboard .section-card,[class*=dashboard] .section-card,[class*=Dashboard] .section-card{grid-column:span 2!important;min-height:180px!important}.dashboard-welcome-header,.welcome-card,.hero-section,[class*=welcome],[class*=Welcome]{grid-column:1 / -1!important}[class*=dashboard] .dashboard-grid,[class*=Dashboard] .dashboard-grid,.portal-dashboard .dashboard-grid{align-items:stretch!important}[class*=dashboard] .section-card,[class*=Dashboard] .section-card,.portal-dashboard .section-card{height:100%!important;display:flex!important;flex-direction:column!important}.section-card__content,.section-card .card-content,.section-card .metrics{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}}@media (min-width: 1024px){.portal-dashboard{max-width:1400px;margin:0 auto;padding:48px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.section-card{grid-column:span 2;min-height:200px;height:100%}.section-card--small{grid-column:span 1;min-height:160px;height:100%}.section-card--large{grid-column:span 4;min-height:240px;height:100%}.section-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;transition:border-color .2s ease}.section-card__metrics{margin-top:auto}.section-card:hover{border:1px solid #a30000!important}.section-card__title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.section-card__description{font-size:14px;color:#fff9;margin-bottom:20px}.metric__value{font-size:24px;font-weight:800;color:#fff;line-height:1.1}.metric__label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-top:4px}.trend-indicator{font-size:14px;font-weight:700}.trend-indicator--up{color:#22c55e}.trend-indicator--down{color:#ef4444}.dashboard-title{font-size:36px;font-weight:800;color:#fff;margin-bottom:8px}.dashboard-subtitle{font-size:16px;color:#fff9}.persistent-header{display:flex;justify-content:space-between;align-items:center;padding:16px 48px}.header-portal-name{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.stafull-logo{font-size:28px}}@media (min-width: 1024px){[data-theme=light] .section-card{background:linear-gradient(145deg,#fff,#f5f5f5);border-color:#00000014}[data-theme=light] .section-card__title,[data-theme=light] .metric__value,[data-theme=light] .dashboard-title{color:#1a1a1a}[data-theme=light] .section-card__description,[data-theme=light] .metric__label,[data-theme=light] .dashboard-subtitle{color:#0009}}@media (min-width: 1024px){.header-center{display:flex!important;align-items:center!important;gap:8px!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:8px 16px!important}.header-portal-name{font-size:14px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#ffffffe6!important}.header-page-name:empty,.header-page-name[data-empty=true]{display:none!important}.header-page-name:not(:empty){font-size:14px!important;font-weight:700!important;letter-spacing:.12em!important;color:#ffffffe6!important}.header-separator{color:#fff6!important;margin:0 4px!important}.header-dropdown-icon{font-size:10px!important;color:#ffffff80!important;margin-left:4px!important}.header-center:not([data-has-switcher=true]) .header-dropdown-icon{display:none!important}}@media (min-width: 1024px){.header-center,.header-center *{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.header-center{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important}.header-portal-name,.header-page-name,.header-separator{display:inline!important;position:static!important}.header-page-name:empty{display:none!important}.header-page-name:empty+.header-separator,.header-separator:has(+.header-page-name:empty){display:none!important}}@media (min-width: 1024px){.stats-grid,.system-metrics,.metric-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;align-items:stretch!important}.stat-card{background:#0003!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;padding:20px!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;transition:border-color .2s ease!important}.stat-card:hover{border-color:#a300004d!important}.stat-label{font-size:10px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:8px!important}.stat-value{font-size:24px!important;font-weight:800!important;color:#fff!important;line-height:1.1!important}.stat-change{font-size:11px!important;color:#fff6!important;margin-top:6px!important}.stat-change.positive{color:#22c55e!important}.stat-change.negative{color:#ef4444!important}.franchise-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;align-items:stretch!important}.franchise-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:20px 24px!important;height:100%!important;display:flex!important;flex-direction:column!important;transition:border-color .2s ease!important}.franchise-card:hover{border-color:#a30000!important}.franchise-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:12px!important}.franchise-code{font-size:11px!important;font-weight:700!important;color:#a30000!important;letter-spacing:.05em!important}.franchise-msa{font-size:16px!important;font-weight:700!important;color:#fff!important;margin:4px 0 8px!important}.status-badge{font-size:9px!important;font-weight:700!important;padding:3px 8px!important;border-radius:4px!important;text-transform:uppercase!important;letter-spacing:.03em!important}.list-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.list-item:last-child{border-bottom:none!important}.list-item-title{font-size:14px!important;font-weight:600!important;color:#fff!important;margin:0!important}.list-item-subtitle{font-size:12px!important;color:#ffffff80!important;margin:2px 0 0!important}}@media (min-width: 1024px){.stats-grid,.stat-cards-row,.overview-stats{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:16px!important}.stats-grid>*:nth-last-child(1):nth-child(odd),.stat-cards-row>*:last-child{grid-column:span 1!important}}@media (min-width: 1024px){.territories-grid,.franchise-live-status .territory-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important}.territories-grid>*:nth-last-child(1):nth-child(4n+1){grid-column:span 4!important}.territories-grid>*:nth-last-child(1):nth-child(4n+2){grid-column:span 3!important}.territories-grid>*:nth-last-child(1):nth-child(4n+3){grid-column:span 2!important}}@media (min-width: 1024px){.metric__value,.stat-value,.data-value,.live-metric-value,.franchise-metric-value{color:#fff!important}.metric__value--money,.value-money,[data-type=money],.revenue-value,.currency-value{color:#3b82f6!important}.metric__value--positive,.value-positive,.trend-indicator--up,[data-trend=up],.growth-positive{color:#22c55e!important}.metric__value--negative,.value-negative,.trend-indicator--down,[data-trend=down],.growth-negative,.expense-value{color:#ef4444!important}.drivers-value,.count-value,.quantity-value{color:#fff!important}}@media (min-width: 1024px){.dashboard-grid>*:last-child:nth-child(4n+1){grid-column:span 4!important}.dashboard-grid>*:last-child:nth-child(4n+2){grid-column:span 3!important}.dashboard-grid>*:last-child:nth-child(4n+3){grid-column:span 2!important}.dashboard-grid>*:nth-child(5):last-child{grid-column:span 4!important}}@media (min-width: 1024px){.progress-bar,.progress-fill{background:linear-gradient(90deg,#a30000,#b81c1c)!important}}@media (min-width: 1024px){table td{color:#fff!important}table td.money,table td[data-type=money]{color:#3b82f6!important}table td.negative,table td[data-negative=true]{color:#ef4444!important}table td.positive,table td[data-positive=true]{color:#22c55e!important}.status-badge{font-size:10px!important;font-weight:700!important;padding:4px 10px!important;border-radius:4px!important;text-transform:uppercase!important}}.btn,.button,button,.btn-primary,.btn-ghost,.glossy-red-button{position:relative;overflow:hidden}.btn:before,.button:before,button:before,.btn-primary:before,.glossy-red-button:before{position:absolute;top:0;left:0;right:0;width:100%;max-width:100%;border-radius:inherit;pointer-events:none}.skip-link,[class*=skip-link],[class*=skip-to]{position:absolute;top:-100px;left:-9999px;opacity:0;pointer-events:none}.skip-link:focus,[class*=skip-link]:focus,[class*=skip-to]:focus{top:0;left:0;opacity:1;pointer-events:auto}.connection-banner~.connection-banner{display:none}.section-header,.section-header.will-animate,.section-header.fade-in,.step-card,.step-card.will-animate,.step-card.fade-in,.benefit-card,.benefit-card.will-animate,.benefit-card.fade-in,.pricing-card,.pricing-card.will-animate,.pricing-card.fade-in,.testimonial-card,.testimonial-card.will-animate,.testimonial-card.fade-in,.franchise-highlight,.franchise-highlight.will-animate,.franchise-highlight.fade-in,.trust-item,.trust-item.will-animate,.trust-item.fade-in,.franchise-stat,.franchise-stat.will-animate,.franchise-stat.fade-in,.hero-pain-points,.hero-actions,.hero-actions .btn,.benefit-card .benefit-icon,.benefit-card.fade-in .benefit-icon{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}.section-label{font-size:13px!important;font-weight:600!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#ffffff80!important;margin-bottom:12px!important}.section-title{font-size:clamp(22px,2.5vw + 6px,32px)!important;font-weight:700!important;color:#fff!important;text-transform:uppercase!important;line-height:1.2!important;margin-bottom:12px!important;white-space:normal!important}.section-subtitle{font-size:clamp(14px,1.2vw + 4px,18px)!important;font-weight:400!important;color:#ffffffa6!important;line-height:1.5!important;margin-bottom:32px!important}.section:after{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:120px!important;height:3px!important;background:linear-gradient(90deg,transparent,#b81c1c,transparent)!important;opacity:1!important}.hero-visual{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}.hero-visual-logo{margin-bottom:4px!important}.hero-visual .hero-badge{margin-top:16px!important;margin-bottom:8px!important}@media (max-width: 768px){.hero{padding-top:100px!important;padding-bottom:40px!important;min-height:auto!important}.trust-bar-inner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:0 20px!important}.trust-item{width:100%!important;justify-content:flex-start!important;font-size:13px!important;padding:10px 0!important}.gauge-label{font-size:20px!important;font-weight:500!important}.gauge-e{left:10px!important}.gauge-f{right:10px!important}.section-title{font-size:clamp(20px,5vw,28px)!important}.franchise-content .btn,.cta-form .btn{display:block!important;width:100%!important;max-width:280px!important;margin:0 auto!important;text-align:center!important}}@media (min-width: 769px) and (max-width: 1024px){.franchise-grid{grid-template-columns:1fr!important;gap:40px!important}.franchise-content,.franchise-visual{text-align:center!important;max-width:600px!important;margin:0 auto!important}.franchise-stats{justify-content:center!important}}.pricing-card .pricing-price{font-size:36px!important}.pricing-card:nth-child(3) .pricing-price,.pricing-card:nth-child(4) .pricing-price{font-size:28px!important}.hero-visual{gap:0!important}.hero-visual-logo{margin-bottom:-20px!important;z-index:2!important;position:relative!important}.hero-visual .hero-badge{margin-top:8px!important;margin-bottom:4px!important}.fuel-gauge-wrapper{margin-top:0!important}.hero{padding-top:60px!important}.hero-grid{gap:40px!important}@media (min-width: 769px) and (max-width: 1024px){.trust-bar-inner{flex-wrap:wrap!important;justify-content:center!important;gap:20px 40px!important}.trust-item{flex:0 0 auto!important;font-size:13px!important}}.section{position:relative!important}.section:after{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:120px!important;height:3px!important;background:linear-gradient(90deg,transparent,#b81c1c,transparent)!important;opacity:1!important;display:block!important}.section:last-of-type:after,.footer:after,section:last-child:after{display:none!important}@media (min-width: 769px){.hero{padding-top:40px!important;padding-bottom:20px!important}}@media (max-width: 768px){.hero{padding-top:120px!important}}.hero-visual .hero-badge{margin-bottom:16px!important}.hero-visual-logo{margin-bottom:-35px!important;z-index:2!important;position:relative!important}.trust-bar:after{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:120px!important;height:3px!important;background:linear-gradient(90deg,transparent,#b81c1c,transparent)!important;opacity:1!important;display:block!important}.trust-bar{position:relative!important}.hero:after{content:""!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:120px!important;height:3px!important;background:linear-gradient(90deg,transparent,#b81c1c,transparent)!important;opacity:1!important;display:block!important}.hero{position:relative!important}.hero-visual .hero-badge{padding:4px 10px!important;font-size:9px!important;letter-spacing:.1em!important;transform:scale(.85)!important}.hero-visual .hero-badge .hero-badge-dot{width:6px!important;height:6px!important}.hero-visual-logo{margin-bottom:-55px!important;z-index:2!important;position:relative!important}.hero-visual-logo .logo,.hero-visual-logo img,.hero-visual-logo svg{max-height:50px!important;width:auto!important}@media (min-width: 769px){.hero{padding-top:20px!important;padding-bottom:10px!important;min-height:auto!important}.hero-grid{padding-top:20px!important;padding-bottom:20px!important}}.hero-visual-logo{margin-bottom:-70px!important;z-index:2!important;position:relative!important}@media (max-width: 768px){.section-title{font-size:clamp(18px,4.5vw,24px)!important;line-height:1.2!important}}@media (min-width: 769px){.hero{padding-top:100px!important;padding-bottom:30px!important}}@media (max-width: 768px){.cta-section h2,.cta h2,#cta h2,.section.cta h2{max-width:280px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;white-space:normal!important;word-wrap:break-word!important}.cta-section .section-title,.cta .section-title,#cta .section-title{max-width:280px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}}@media (max-width: 768px){.gauge-label{font-size:18px!important;font-weight:500!important}.gauge-e{left:15px!important;bottom:120px!important}.gauge-f{right:15px!important;bottom:120px!important}}@media (max-width: 768px){.gauge-label{font-size:20px!important;font-weight:500!important;bottom:80px!important}.gauge-e{left:5px!important;bottom:80px!important}.gauge-f{right:5px!important;bottom:80px!important}}@media (max-width: 480px){.gauge-label{font-size:18px!important;bottom:70px!important}.gauge-e{left:0!important;bottom:70px!important}.gauge-f{right:0!important;bottom:70px!important}}@media (max-width: 380px){.gauge-label{font-size:16px!important;bottom:60px!important}.gauge-e{left:-5px!important;bottom:60px!important}.gauge-f{right:-5px!important;bottom:60px!important}}.fuel-gauge-wrapper{position:relative!important}.gauge-label{position:absolute!important}@media (max-width: 768px){.hero-visual{width:100%!important;max-width:320px!important;margin:0 auto!important}.fuel-gauge-wrapper{width:260px!important;margin:0 auto!important;position:relative!important}.gauge-e{left:-15px!important;right:auto!important}.gauge-f{right:-15px!important;left:auto!important}}@media (max-width: 480px){.hero-visual{max-width:280px!important}.fuel-gauge-wrapper{width:220px!important}.gauge-e{left:-20px!important}.gauge-f{right:-20px!important}}@media (max-width: 768px) and (hover: none){.gauge-e{left:calc(50% - 130px)!important;right:auto!important;transform:translate(-50%)!important}.gauge-f{right:calc(50% - 130px)!important;left:auto!important;transform:translate(50%)!important}}@media (max-width: 768px){.gauge-e,.gauge-f{transform:none!important}.gauge-e{left:5%!important;right:auto!important}.gauge-f{right:5%!important;left:auto!important}}@media (hover: none) and (pointer: coarse){.gauge-e{left:10%!important;right:auto!important}.gauge-f{right:10%!important;left:auto!important}}.hero-visual-logo{filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.4)) drop-shadow(0 16px 32px rgba(0,0,0,.3))!important}.hero-visual-logo .logo,.hero-visual-logo img,.hero-visual-logo svg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.7)) drop-shadow(0 6px 12px rgba(0,0,0,.5))!important}