@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@600;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-deep:#020617;--bg-surface:#0f172a99;--primary:#6366f1;--secondary:#a855f7;--accent:#f43f5e;--text-muted:#94a3b8;--border:#ffffff14;--glass-bg:#1e293b66;--glass-border:#ffffff1a;background-color:#020617;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#1e1b4b,#020617 60%) fixed;min-width:320px;min-height:100vh;margin:0;display:flex}#app{width:100%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif}h1,h2,h3{margin:0;font-family:Outfit,sans-serif}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-screen{background:#020617;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-glow{z-index:0;background:radial-gradient(circle,#6366f126 0%,#a855f70d 50%,#0000 70%);width:1000px;height:1000px;animation:8s infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.login-card{text-align:center;z-index:1;flex-direction:column;gap:32px;width:440px;padding:60px 40px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.logo-large{flex-direction:column;align-items:center;gap:20px;display:flex}.logo-icon-container{position:relative}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;z-index:2;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.2rem;font-weight:800;display:flex;position:relative}.logo-pulse{background:var(--primary);z-index:1;opacity:.5;border-radius:18px;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite logo-ping;position:absolute;top:0;left:0}@keyframes logo-ping{75%,to{opacity:0;transform:scale(1.5)}}.title-large{letter-spacing:-1px;font-size:2.5rem}.login-header{flex-direction:column;gap:12px;display:flex}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px}.login-desc{color:var(--text-muted);font-size:1.1rem;font-weight:500}.auth-section{flex-direction:column;gap:20px;display:flex}.auth-instruction{color:var(--text-muted);font-size:.9rem}.google-btn-wrapper{justify-content:center;transition:transform .2s;display:flex}.google-btn-wrapper:hover{transform:scale(1.02)}.auth-error{color:#fca5a5;text-align:left;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:.85rem;display:flex}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.login-footer{flex-direction:column;align-items:center;gap:12px;margin-top:10px;display:flex}.security-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:flex}.copyright{color:#fff3;font-size:.75rem}.animate-fade-in{animation:.6s ease-out fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-layout{background:#020617;width:100vw;min-height:100vh;display:flex;overflow:hidden}.sidebar{background:#0f172a;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:280px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.sidebar.closed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px;display:flex}.logo{align-items:center;gap:12px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#818cf8;background:#6366f126}.sidebar-footer{border-top:1px solid #ffffff0d;padding:20px}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.top-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.header-search{background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;width:320px;padding:8px 16px;display:flex}.content-body{padding:32px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:.8rem}.data-table td{border-bottom:1px solid #ffffff0d;padding:16px}.price-total{color:#818cf8;font-size:1.1rem}.avatar{border:2px solid #818cf8;border-radius:50%;width:32px;height:32px}.status-dot.online{background:#10b981;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero-banner{background-color:#0000;background-image:linear-gradient(90deg,#1e3a8a66 0%,#0000 100%),url(https://images.unsplash.com/photo-1509391366360-2e959784a276?q=80&w=2072&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:32px;padding:48px;position:relative;overflow:hidden}.hero-title{letter-spacing:-2px;color:#fff;margin:0;font-size:3.5rem;font-weight:900}.accent-glow{color:#6366f1;text-shadow:0 0 20px #6366f180}.version-tag{letter-spacing:1px;background:#6366f133;border:1px solid #6366f14d;border-radius:6px;margin-top:12px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.filter-layout{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:40px;display:grid}.filter-main{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filter-action-card{grid-column:span 2}.filter-location{flex-direction:column;display:flex}.location-box-wrapper{margin-bottom:16px;position:relative}.location-box{cursor:pointer;background:#0003;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;transition:all .2s;display:flex}.location-box:hover{background:#0000004d;border-color:#818cf8}.city-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1.2rem;font-weight:700}.city-dropdown{z-index:100;max-height:250px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #0006}.city-info-row{flex:1;align-items:center;gap:12px;display:flex}.state-label{color:#94a3b8;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.7rem}.freight-badge{color:#818cf8;background:#818cf81a;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:800}.loading-spinner-mini{border:2px solid #ffffff1a;border-top-color:#818cf8;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dropdown-item{cursor:pointer;color:#94a3b8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.dropdown-item:hover{color:#818cf8;background:#6366f126}.dropdown-empty{text-align:center;color:#64748b;padding:16px;font-size:.9rem}.city-name{color:#fff;font-size:1.2rem;font-weight:700}.location-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.confirmed-badge{color:#10b981;background:#10b9811a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex}.confirmed-badge .dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.freight-info{text-align:right;flex-direction:column;display:flex}.freight-info span:first-child{color:#94a3b8;letter-spacing:1px;font-size:.6rem}.freight-val{color:#10b981;font-size:1.4rem;font-weight:900}.rules-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.btn-save-config{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:.85rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 10px 20px #10b98133}.btn-save-config:hover{background:#059669;transform:translateY(-2px);box-shadow:0 15px 30px #10b9814d}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.rules-card{flex-direction:column;gap:20px;padding:24px;display:flex}.global-configs{background:linear-gradient(135deg,#4f46e51a,#10b9810d);border:1px solid #4f46e533;grid-column:1/-1}.card-subtitle{color:#fff;margin:0;font-size:1rem;font-weight:800}.card-header-flex{justify-content:space-between;align-items:center;display:flex}.range-badge{color:#94a3b8;background:#0003;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.inputs-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.range-inputs{border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;display:grid}.input-field{flex-direction:column;gap:8px;display:flex}.input-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:700}.input-field input{color:#fff;background:#0003;border:1px solid #ffffff0d;border-radius:8px;outline:none;padding:10px 14px;font-weight:600;transition:all .2s}.input-field input:focus{background:#0006;border-color:#4f46e5}.input-field.mini input{padding:8px 12px;font-size:.8rem}.dashboard-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.main-title{color:#fff;letter-spacing:-1px;margin:0;font-size:2.2rem;font-weight:900}.subtitle{color:#94a3b8;margin:4px 0 0;font-size:1rem}.stats-mini-row{gap:16px;display:flex}.stat-mini{flex-direction:column;gap:4px;padding:12px 20px;display:flex}.stat-label{color:#94a3b8;text-transform:uppercase;font-size:.6rem;font-weight:800}.stat-val{color:#10b981;font-size:.9rem;font-weight:900}.section-title{color:#94a3b8;align-items:center;gap:15px;margin-bottom:24px;font-size:1.2rem;display:flex}.section-title:after{content:"";background:#ffffff1a;flex:1;height:1px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.product-card{padding:0;transition:transform .3s;overflow:hidden}.product-card:hover{transform:translateY(-8px)}.card-image-area{background:#0003;justify-content:center;align-items:center;gap:4px;height:200px;padding:10px;display:flex;position:relative}.img-wrapper{flex:1;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.product-img{object-fit:contain;filter:drop-shadow(0 10px 20px #00000080);max-width:100%;max-height:100%;transition:transform .5s}.product-card:hover .product-img{transform:scale(1.1)}.product-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:600;position:absolute;top:15px;right:15px}.card-info{padding:24px}.product-name{color:#fff;min-height:2.4rem;margin:0 0 20px;font-size:1.1rem}.financial-breakdown{background:#0003;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.finance-item{color:#94a3b8;justify-content:space-between;font-size:.85rem;display:flex}.finance-divider{background:#ffffff0d;height:1px;margin:4px 0}.finance-item.accent{color:#818cf8;font-weight:600}.finance-item.success{color:#10b981;font-weight:600}.card-footer{justify-content:space-between;align-items:center;display:flex}.total-label{color:#94a3b8;margin-bottom:4px;font-size:.7rem;display:block}.total-value{color:#fff;font-size:1.6rem;font-weight:900}.btn-details{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.btn-details:hover{background:#818cf8;border-color:#818cf8}