.navbar{background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;transition:all .3s ease}.navbar-container{max-width:1400px;margin:0 auto;padding:var(--space-md);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em;text-transform:uppercase}.logo-icon{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.navbar-links{display:flex;gap:var(--space-lg);align-items:center}.nav-link{color:#9ca3af;font-weight:500;transition:all .2s;position:relative}.nav-link:hover,.nav-link.active{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.4)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#10b981;box-shadow:0 0 8px #10b981}.navbar-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}.glow-effect{box-shadow:0 0 15px #10b9814d}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-links{position:absolute;top:100%;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08);display:none;animation:slideDown .3s ease-out;box-shadow:0 10px 30px -10px #00000080}.navbar-links.open{display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}} .footer{background-color:var(--color-black);color:var(--color-white);padding:var(--space-2xl) 0 var(--space-lg);margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:0 var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-2xl);justify-content:space-between}.footer-brand h3{font-size:1.5rem;color:var(--color-white);margin-bottom:var(--space-sm)}.footer-brand p{color:var(--color-muted)}.footer-links{display:flex;gap:var(--space-2xl);flex-wrap:wrap}.footer-col h4{color:var(--color-white);margin-bottom:var(--space-md)}.footer-col a{display:block;color:var(--color-muted);margin-bottom:var(--space-sm);transition:color .2s}.footer-col a:hover{color:#10b981}.footer-bottom{max-width:1280px;margin:var(--space-2xl) auto 0;padding:var(--space-md) var(--space-md) 0;border-top:1px solid #374151;text-align:center;color:var(--color-muted);font-size:.875rem}@media (max-width: 640px){.footer{padding:var(--spacing-xl) 0}.footer-container{flex-direction:column;gap:var(--spacing-xl)}.footer-brand,.footer-col{width:100%;text-align:center}.footer-links{justify-content:center;gap:var(--spacing-xl);width:100%}}.layout-root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg);color:#fff;position:relative;overflow:hidden}@media (min-width: 768px){.layout-root{flex-direction:row}}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.glow-orb{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(120px);opacity:.1;animation:pulseSlow 8s ease-in-out infinite}.blue-glow{top:-20%;right:-10%;background:var(--color-neutral-glow)}.teal-glow{bottom:-20%;left:-10%;background:var(--color-neutral-glow);animation-delay:2s}.app-sidebar{display:none;flex-direction:column;width:5rem;height:95vh;position:sticky;top:1rem;margin-left:1rem;border-radius:1.5rem;z-index:50;transition:all .3s;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px #0000001a}@media (min-width: 1024px){.app-sidebar{width:16rem}}@media (min-width: 768px){.app-sidebar{display:flex}}.sidebar-header{padding:1.5rem 0;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}@media (min-width: 1024px){.sidebar-header{padding:1.5rem;justify-content:flex-start}}.logo-container{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--color-primary),#065f46);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d;flex-shrink:0}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--color-text);display:none}.sidebar-nav{flex:1;padding:0 .75rem;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 1024px){.sidebar-nav{padding:0 1rem;gap:.75rem}}.nav-item{display:flex;align-items:center;justify-content:center;padding:.875rem 0;border-radius:1rem;color:var(--color-text-muted);text-decoration:none;position:relative;overflow:hidden;transition:all .3s}@media (min-width: 1024px){.nav-item{justify-content:flex-start;gap:1rem;padding:.875rem 1rem}}.nav-item.active{background:linear-gradient(to right,#10b98126,#10b9810d);color:var(--color-primary);border:1px solid rgba(16,185,129,.2);box-shadow:0 4px 6px -1px #0000001a}.nav-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(16,185,129,.15),transparent 70%);opacity:0;transition:opacity .3s}.nav-item:hover .nav-glow{opacity:1}.nav-icon{position:relative;z-index:10;transition:transform .3s}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-weight:500;display:none;position:relative;z-index:10}@media (min-width: 1024px){.nav-label{display:block}}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--glass-border)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:1rem;color:var(--color-danger);background:transparent;border:none;cursor:pointer;transition:background .2s;justify-content:center}@media (min-width: 1024px){.logout-btn{justify-content:flex-start}}.logout-btn:hover{background:#ef44441a}.btn-text{display:none;font-weight:500}@media (min-width: 1024px){.btn-text{display:inline}}.main-content{flex:1;overflow-y:auto;position:relative;z-index:10;padding:1.5rem 1rem 7rem}@media (min-width: 768px){.main-content{padding:1.5rem 2rem 0}}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:sticky;top:0;z-index:40;background:#0a0f1ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;margin:-1.5rem -1rem 1.5rem;border-bottom:1px solid var(--glass-border)}@media (min-width: 768px){.mobile-header{display:none}}.mobile-brand{display:flex;align-items:center;gap:.5rem}.brand-name{display:block}.page-container{width:100%;max-width:80rem;margin:0 auto}.mobile-nav{position:fixed;bottom:1.5rem;left:1rem;right:1rem;height:4rem;background:#0a0f1ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1rem;display:flex;justify-content:space-around;align-items:center;z-index:50;box-shadow:0 25px 50px -12px #00000080}@media (min-width: 768px){.mobile-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);text-decoration:none;position:relative;border:none;background:none}.mobile-nav-item.active{color:var(--color-primary);transform:translateY(-.25rem)}.mobile-nav-item.logout{color:var(--color-text-muted)}.mobile-nav-item.logout:active{color:var(--color-danger)}.active-dot{position:absolute;bottom:.25rem;width:.25rem;height:.25rem;border-radius:50%;background:var(--color-primary);opacity:0;transform:scale(0);transition:all .3s}.active-dot.visible{opacity:1;transform:scale(1)}@keyframes pulseSlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.theme-toggle-btn{background:transparent;border:1px solid var(--glass-border);color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:2.5rem;height:2.5rem;overflow:hidden;position:relative}.theme-toggle-btn:hover{background:var(--glass-bg);color:var(--color-text);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.icon-wrapper{position:relative;width:1.25rem;height:1.25rem}.icon-sun,.icon-moon{position:absolute;top:0;left:0;transition:all .5s cubic-bezier(.4,0,.2,1)}[data-theme=light] .icon-sun{transform:rotate(0) scale(1);opacity:1}[data-theme=light] .icon-moon{transform:rotate(90deg) scale(0);opacity:0}[data-theme=dark] .icon-sun{transform:rotate(-90deg) scale(0);opacity:0}[data-theme=dark] .icon-moon{transform:rotate(0) scale(1);opacity:1}.hero{padding:var(--space-2xl) var(--space-md);text-align:center;position:relative;overflow:hidden}.hero-glow-bg{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);z-index:-1;pointer-events:none}.hero-content{max-width:900px;margin:0 auto var(--space-2xl);display:flex;flex-direction:column;align-items:center}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:100px;font-size:.875rem;color:#10b981;margin-bottom:var(--space-lg)}.badge-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981}.hero h1{font-size:3.5rem;color:#fff;margin-bottom:var(--space-md);line-height:1.1;font-weight:800;letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subhead{font-size:1.25rem;color:#9ca3af;margin-bottom:var(--space-xl);max-width:600px}.hero-actions{display:flex;gap:var(--space-md)}.hero-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.benefit-card{padding:var(--space-xl);text-align:left;transition:transform .3s,box-shadow .3s;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #00000080;border-color:#10b9814d}.icon-box{width:56px;height:56px;background:#10b9811a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;margin-bottom:var(--space-md)}.icon-box.accent{background:#10b98126;color:#10b981}.benefit-card h3{color:#fff;font-size:1.25rem;margin-bottom:var(--space-sm)}.benefit-card p{color:#9ca3af}@media (max-width: 768px){.hero{padding:var(--space-xl) var(--space-sm)}.hero h1{font-size:2.5rem}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.hero-cards{grid-template-columns:1fr;gap:var(--space-md)}.benefit-card{padding:var(--space-lg)}}.phone-frame{width:300px;height:620px;margin:0 auto;position:relative;z-index:10}.phone-bezel{width:100%;height:100%;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:44px;padding:10px;box-shadow:0 0 40px #10b9811a,0 25px 50px -10px #000c,0 15px 30px -5px #0009,inset 0 1px #ffffff1a,inset 0 -1px #00000080,0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.phone-bezel:before{content:"";position:absolute;right:-2px;top:100px;width:2px;height:40px;background:linear-gradient(to bottom,#333,#1a1a1a,#333);border-radius:0 2px 2px 0}.phone-bezel:after{content:"";position:absolute;left:-2px;top:80px;width:2px;height:25px;background:linear-gradient(to bottom,#333,#1a1a1a,#333);border-radius:2px 0 0 2px}.phone-screen{width:100%;height:100%;background:#000;border-radius:36px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:26px;background:#000;border-radius:14px;z-index:30;display:flex;justify-content:center;align-items:center;gap:6px;box-shadow:inset 0 0 6px #000c}.notch-camera{width:8px;height:8px;background:radial-gradient(circle at 30% 30%,#222,#0a0a0a);border-radius:50%;box-shadow:inset 0 0 2px #000000e6,0 0 3px #10b9814d;position:relative}.notch-camera:after{content:"";position:absolute;top:1px;left:1px;width:3px;height:3px;background:#10b98180;border-radius:50%}.notch-speaker{display:none}.status-bar{height:48px;padding:4px 20px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#fff;z-index:25;position:relative}.status-icons{display:flex;gap:5px;align-items:center}.signal{display:flex;gap:1.5px;align-items:flex-end;height:10px}.signal:before{content:"";display:block;width:3px;height:4px;background:#fff;border-radius:1px}.signal:after{content:"";display:block;width:3px;height:7px;background:#fff;border-radius:1px}.wifi{width:14px;height:10px;position:relative}.wifi:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:3px;height:3px;background:#fff;border-radius:50%}.wifi:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:8px;height:4px;border:2px solid #fff;border-bottom:none;border-radius:8px 8px 0 0}.battery{width:22px;height:10px;border:1.5px solid rgba(255,255,255,.7);border-radius:3px;position:relative;display:flex;align-items:center;padding:1.5px}.battery:before{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:1.5px;height:4px;background:#ffffffb3;border-radius:0 1px 1px 0}.battery:after{content:"";width:75%;height:100%;background:#10b981;border-radius:1px}.screen-content{flex:1;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.screen-content::-webkit-scrollbar{display:none}.home-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#fff3;border-radius:100px;z-index:30;transition:all .2s ease}.phone-frame:hover .home-indicator{background:#ffffff59}.phone-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:36px;border:1px solid rgba(255,255,255,.03);pointer-events:none;z-index:100}@media (max-width: 768px){.phone-frame{width:270px;height:560px}.phone-bezel{border-radius:40px;padding:8px}.phone-screen{border-radius:32px}.phone-notch{width:80px;height:22px}.home-indicator{width:80px}}.card{overflow:hidden;transition:border-color .3s}.card:hover{border-color:#2dd4bf4d}.card-title{padding:var(--space-md) var(--space-md) 0;font-size:1.125rem;font-weight:600;color:var(--color-primary);letter-spacing:.01em}.card-body{padding:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:100px;font-weight:600;transition:all .3s ease;font-family:var(--font-sans);letter-spacing:.02em;position:relative;overflow:hidden;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#000;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-accent{background:linear-gradient(135deg,#10b981,#059669);color:#000;box-shadow:0 4px 15px #10b9814d}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-outline{background:transparent;border:1px solid rgba(16,185,129,.5);color:#10b981}.btn-outline:hover:not(:disabled){background:#10b9811a;box-shadow:0 0 15px #10b98133;border-color:#10b981}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-success{background:#10b981;color:#000}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-sm{padding:.4rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.retailer-dashboard{padding:1rem;height:100%;display:flex;flex-direction:column;gap:1rem;color:#fff;background:#000}.dashboard-header{padding-bottom:.25rem}.dashboard-header h2{font-size:1.25rem;font-weight:700;margin-bottom:2px;color:#fff}.stall-info{color:#6b7280;font-size:.75rem;display:flex;align-items:center;gap:.4rem}.stall-info:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981}.credit-card-visual{background:linear-gradient(145deg,#111,#1a1a1a,#0a0a0a);border-radius:16px;padding:1.25rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 35px -10px #0009,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);min-height:170px}.credit-card-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgba(16,185,129,.08) 0%,transparent 40%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.3) 0%,transparent 40%);pointer-events:none}.card-chip{width:36px;height:26px;background:linear-gradient(145deg,#10b981,#059669);border-radius:5px;margin-bottom:1rem;position:relative;box-shadow:inset 0 -2px 4px #0000004d,0 2px 6px #10b9814d}.card-chip:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:55%;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent 80%);border-radius:2px}.card-logo{position:absolute;top:1.25rem;right:1.25rem;font-weight:800;font-size:.8rem;letter-spacing:.15em;color:#10b981;text-transform:uppercase}.credit-info{margin-bottom:.75rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.credit-info .label{display:block;font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-weight:500}.credit-info .value{display:inline-flex;align-items:baseline;font-size:1.5rem;font-weight:800;color:#fff;font-family:Inter,system-ui,sans-serif;letter-spacing:-.02em;white-space:nowrap}.card-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-top:auto}.score-badge{background:#10b98126;padding:8px 12px;border-radius:10px;border:1px solid rgba(16,185,129,.25);display:flex;flex-direction:column;align-items:flex-start}.score-label{font-size:.6rem;display:block;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.score-value{font-weight:800;font-size:1.1rem;color:#10b981;line-height:1}.card-number{font-family:Courier New,monospace;font-size:.8rem;color:#6b7280;letter-spacing:.1em;display:flex;align-items:center}.action-area{margin-top:.25rem}.action-area .btn-block{width:100%;padding:.9rem;font-size:.9rem;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#000;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d,0 2px 4px #0003}.action-area .btn-block:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166,0 4px 8px #0003}.action-area .btn-block:active{transform:translateY(0)}.recent-activity{flex:1;display:flex;flex-direction:column;min-height:0}.recent-activity h3{font-size:.7rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:1rem;color:#4b5563;background:#ffffff05;border-radius:12px;font-size:.75rem;border:1px dashed rgba(255,255,255,.08);text-align:center}.empty-state svg{margin-bottom:.4rem;opacity:.4}.w-10{width:36px!important;min-width:36px}.h-10{height:36px!important}.rounded-full{border-radius:50%!important}.bg-slate-700{background:linear-gradient(135deg,#1f1f1f,#111)!important;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08)}.items-start{align-items:flex-start}.mb-2{margin-bottom:.5rem}.opacity-50{opacity:.5}.vendor-dashboard{max-width:1000px;margin:0 auto;padding:1.5rem;color:#fff}.vendor-dashboard.mobile-view{padding:1rem;height:100%;display:flex;flex-direction:column;background:#000}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mobile-view .vendor-header{justify-content:center}.vendor-profile{display:flex;align-items:center;gap:.75rem}.avatar{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 4px 12px #10b9814d,0 2px 4px #0003}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.balance-card{background:linear-gradient(145deg,#111,#1a1a1a,#0a0a0a)!important;border:1px solid rgba(16,185,129,.2)!important;border-radius:16px!important;padding:1.25rem!important;position:relative;overflow:hidden;box-shadow:0 15px 35px -10px #0009,inset 0 1px #ffffff0d}.balance-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgba(16,185,129,.1) 0%,transparent 40%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.3) 0%,transparent 40%);pointer-events:none}.balance-amount{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:1;color:#fff}.requests-card{background:#111c!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.request-item{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;background:#ffffff05;position:relative;overflow:hidden}.request-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#10b981;border-radius:3px 0 0 3px}.request-details{margin-bottom:.75rem;padding-left:.5rem}.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.request-actions .btn{padding:.6rem;font-size:.75rem;border-radius:8px;font-weight:600;cursor:pointer}.request-actions .btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#000;border:none}.request-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.request-actions .btn-danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#f87171}.request-actions .btn-danger:hover{background:#ef44441a;border-color:#ef444480}.empty-state{text-align:center;padding:1.5rem;border:1px dashed rgba(255,255,255,.08);border-radius:12px;background:#ffffff05}.empty-state .text-muted{color:#6b7280}.mobile-view .balance-card{margin-bottom:.75rem}.mobile-view .requests-card{flex:1}.mobile-view .btn-outline{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981;font-weight:600;border-radius:10px;transition:all .3s ease}.mobile-view .btn-outline:hover{background:#10b98133;border-color:#10b98166}.mobile-view .btn-outline:disabled{opacity:.5;cursor:not-allowed}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr)}.text-xs{font-size:.75rem}.text-muted{color:#6b7280}.text-primary{color:#10b981}.text-white{color:#fff}.uppercase{text-transform:uppercase}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mt-sm{margin-top:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.gap-sm{gap:.5rem}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;background:#0f172af2;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px #00000080;color:#fff;min-width:300px;max-width:400px;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.info{border-left:4px solid #3b82f6}.toast-icon{display:flex;align-items:center;justify-content:center}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast.info .toast-icon{color:#3b82f6}.toast-content{flex:1;font-size:.9rem;font-weight:500}.toast-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{to{opacity:0;transform:translate(100%)}}.demo-page{min-height:100vh;padding:7rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:#000}.demo-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.demo-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(16,185,129,.06),transparent),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(16,185,129,.04),transparent)}.demo-bg-grid{position:absolute;top:0;right:0;bottom:0;left: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:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.demo-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite}.demo-bg-orb-1{width:400px;height:400px;background:#10b98126;top:10%;left:-10%;animation-delay:0s}.demo-bg-orb-2{width:300px;height:300px;background:#10b9811a;top:60%;right:-5%;animation-delay:-7s}.demo-bg-orb-3{width:250px;height:250px;background:#10b98114;bottom:10%;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.demo-header{text-align:center;max-width:700px;margin-bottom:2rem;position:relative;z-index:10}.demo-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:100px;font-size:.8rem;font-weight:600;color:#10b981;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-badge svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.demo-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:#fff;letter-spacing:-.03em}.demo-title .text-gradient{background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-subtitle{font-size:1.1rem;color:#9ca3af;line-height:1.6;max-width:600px;margin:0 auto}.demo-features{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.feature-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.75rem;color:#9ca3af;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-pill svg{color:#10b981}.demo-toggle-container{margin-bottom:2rem;position:relative;z-index:10}.demo-toggle{display:flex;position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.toggle-btn:hover:not(.active){color:#fff}.toggle-btn.active{color:#000}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#10b981,#34d399);border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b98166;z-index:1}.toggle-slider.vendor{left:50%;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.progress-container{margin-bottom:2rem;width:100%;max-width:600px;overflow-x:auto;padding:.5rem}.progress-bar{display:flex;align-items:center;justify-content:center;gap:0;min-width:max-content}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-dot{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step-icon{font-size:.9rem;opacity:.5;transition:all .3s ease}.progress-step.active .step-dot{background:#10b9811a;border-color:#10b981}.progress-step.active .step-icon{opacity:1}.progress-step.current .step-dot{background:#10b981;border-color:#10b981;box-shadow:0 0 20px #10b98180;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #10b98180}50%{box-shadow:0 0 30px #10b981cc}}.step-label{font-size:.65rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;opacity:.7;transition:all .3s ease}.progress-step.active .step-label{opacity:1;color:#fff}.progress-step.current .step-label{color:#10b981}.progress-line{width:40px;height:2px;background:#ffffff1a;margin:0 .25rem 1.5rem;transition:all .3s ease}.progress-line.filled{background:linear-gradient(90deg,#10b981,#10b9814d)}.demo-phone-container{position:relative;margin-bottom:2.5rem}.phone-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(ellipse at center,rgba(16,185,129,.15) 0%,transparent 60%);filter:blur(40px);z-index:-1;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.phone-reflection{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:280px;height:100px;background:linear-gradient(to bottom,rgba(16,185,129,.1) 0%,transparent 100%);filter:blur(30px);z-index:-1}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;color:#fff;position:relative}.state-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.state-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#10b9811a;border-radius:50%;border:1px solid rgba(16,185,129,.2)}.state-icon-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(16,185,129,.3);border-radius:50%;animation:ripple 2s ease-out infinite}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.state-icon{font-size:2.5rem;position:relative;z-index:2}.state-icon-wrapper.success .state-icon{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.state-title{font-size:1.5rem;font-weight:700;color:#10b981;margin-bottom:.5rem}.state-title.success-title{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.state-desc{font-size:.9rem;color:#9ca3af;line-height:1.5;margin-bottom:1rem}.tip-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;text-align:left;margin-top:1rem}.tip-icon{width:28px;height:28px;background:#10b98133;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.tip-text{font-size:.75rem;color:#9ca3af;line-height:1.4}.tip-text strong{color:#10b981}.tip-text .highlight{color:#10b981;font-weight:600}.state-done{overflow:hidden}.success-burst{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(16,185,129,.1) 0%,transparent 50%);animation:burst 1s ease-out}@keyframes burst{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.success-stats{display:flex;gap:1.5rem;margin:1.5rem 0}.success-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px}.success-stat .stat-value{font-size:1.25rem;font-weight:700;color:#10b981}.success-stat .stat-label{font-size:.65rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.restart-btn{display:flex;align-items:center;gap:.5rem}.reset-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:500;color:#6b7280;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reset-button:hover{background:#ffffff14;color:#fff;border-color:#ffffff26}.reset-button svg{transition:transform .3s ease}.reset-button:hover svg{transform:rotate(180deg)}.demo-guide{margin-top:3rem;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;max-width:700px;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-guide h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:.1em}.guide-steps{display:flex;flex-direction:column;gap:1rem}.guide-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.guide-step:hover{background:#ffffff0a;border-color:#10b98133}.guide-number{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#10b98180);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#000;flex-shrink:0}.guide-content strong{display:block;font-size:.9rem;color:#fff;margin-bottom:.25rem}.guide-content p{font-size:.8rem;color:#9ca3af;line-height:1.4;margin:0}@media (max-width: 768px){.demo-page{padding:6rem 1rem 3rem}.demo-title{font-size:1.75rem}.demo-subtitle{font-size:.95rem}.toggle-btn{padding:.6rem 1rem;font-size:.8rem}.toggle-btn span{display:none}.toggle-btn svg{margin:0}.toggle-slider{width:calc(50% - 4px)}.progress-container{margin-bottom:1.5rem}.progress-line{width:24px}.step-label{font-size:.55rem}.step-dot{width:30px;height:30px}.demo-guide{padding:1.5rem}.guide-steps{gap:.75rem}}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.glow-primary{box-shadow:0 0 20px #10b98166}.glow-primary:hover{box-shadow:0 0 30px #10b98199}@media (max-width: 640px){.demo-page{padding-top:5rem}.demo-title{font-size:2rem}.progress-container{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);padding-left:1rem;padding-right:1rem}.state-container{padding:1rem}.tip-card{flex-direction:column;align-items:flex-start}.success-stats{flex-wrap:wrap;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,var(--color-neutral-glow) 0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--color-primary-glow) 0%,transparent 25%);padding:1.5rem}.auth-card{width:100%;max-width:28rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0003;position:relative;overflow:hidden;animation:slideUp .5s ease-out}@media (max-width: 640px){.auth-card{padding:1.5rem;border-radius:1rem}.auth-title{font-size:1.75rem}.login-page{padding:1rem}}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem;margin-left:.25rem}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid var(--color-border);border-radius:.75rem;color:var(--color-text);font-size:1rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:hover{background:#ffffff0d;border-color:var(--color-text-muted)}.form-input:focus{background:#10b9810d;border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811a}.form-actions{margin-top:2rem}.btn-auth{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #10b98140;position:relative;overflow:hidden}.btn-auth:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 10px 15px -3px #10b98166}.btn-auth:active{transform:translateY(0)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.link-primary{color:var(--color-primary);font-weight:600;text-decoration:none;margin-left:.25rem;transition:color .15s}.link-primary:hover{color:var(--color-primary-dark);text-decoration:underline}.role-switcher{display:flex;background:#ffffff08;padding:.25rem;border-radius:.75rem;margin-bottom:2rem;border:1px solid var(--color-border)}.role-btn{flex:1;padding:.625rem;text-align:center;border-radius:.5rem;color:var(--color-text-muted);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;background:transparent;border:none}.role-btn:hover{color:var(--color-text)}.role-btn.active{background:var(--glass-bg);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger);padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:center;margin-bottom:1.5rem}.dashboard-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:2.5rem}.hud-grid{display:grid;grid-template-columns:1fr;gap:1rem}.stat-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.stat-card-body{display:flex;flex-direction:column;gap:.5rem}.tier-badges{display:flex;gap:.5rem;flex-wrap:wrap}.tier-badge{padding:.25rem .6rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-badge.gold{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.tier-badge.silver{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.tier-badge.bronze{background:#b4530926;color:#d97706;border:1px solid rgba(180,83,9,.3)}.fee-badge{padding:.25rem .6rem;border-radius:6px;font-size:.65rem;font-weight:600;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.stat-card-progress{margin-top:auto}.progress-track{width:100%;height:6px;background:#1f1f1f;border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:100px;transition:width .5s ease}.due-card{padding:1.5rem;position:relative;transition:border-color .3s;border-radius:1.5rem;background:var(--glass-bg);margin-top:2rem}.welcome-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;color:var(--color-text)}.marketplace-btn{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-primary);font-weight:600;overflow:hidden;cursor:pointer;transition:all .3s}.marketplace-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px #10b98133}.hud-card-wrapper{position:relative;padding:1px;border-radius:1.5rem;background:linear-gradient(180deg,#ffffff1a,#ffffff05);overflow:hidden}.hud-card{background:var(--color-bg);border-radius:1.4rem;padding:1.5rem;height:100%;position:relative;z-index:10;display:flex;flex-direction:column}.hud-card-wrapper:hover .hud-card{background:var(--color-bg-soft)}.card-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.card-sub-text{font-size:.75rem;color:var(--color-text-dim);margin-top:.25rem}.card-icon-box{padding:.75rem;border-radius:.75rem;background:#ffffff0d;color:var(--color-text);transition:all .3s}.hud-card-wrapper:hover .card-icon-box{background:var(--color-primary-glow);color:var(--color-primary)}.progress-segments{width:100%;height:.5rem;background:#1f2937;border-radius:9999px;overflow:hidden;display:flex;gap:2px}.segment{flex:1;height:100%;border-radius:2px}.segment.filled{background:var(--color-primary)}.segment.empty{background:#374151}.utilization-bg{height:.5rem;flex:1;border-radius:9999px;background:#1f2937;overflow:hidden}.utilization-fill{height:100%;background:var(--color-primary)}.due-card{padding:1.5rem;border-radius:1.5rem;position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#1f2937,#111827);box-shadow:0 10px 15px -3px #0000001a;margin-top:2rem}.due-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.due-icon{padding:.75rem;border-radius:.75rem;background:#ffffff0d;color:var(--color-text-muted)}.due-status{font-size:.875rem;color:var(--color-text-muted);margin-top:.5rem}.pay-btn{margin-top:1.5rem;width:100%;padding:.75rem 0;border-radius:.75rem;background:var(--color-primary);color:#000;font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:all .3s}.pay-btn:hover{background:var(--color-primary-light)}.orders-section{padding-top:3rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-text)}.orders-table-container{overflow:hidden;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-bg-soft)}.empty-icon-box{width:4rem;height:4rem;background:#1f2937;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.empty-icon{color:var(--color-text-muted)}.empty-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.empty-text{color:var(--color-text-muted);margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.table-header-row{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.th-cell{padding:1rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.table-row{transition:background .2s;border-bottom:1px solid var(--color-border)}.table-row:hover{background:var(--glass-bg)}.td-cell{padding:1rem;font-size:.875rem;color:var(--color-text)}.td-cell.font-mono{font-family:monospace;color:var(--color-text-muted)}.item-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg-soft);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text);margin-left:-.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:capitalize}@media (max-width: 640px){.dashboard-container{gap:1.5rem;padding-bottom:2rem}.welcome-title,.stat-card-value .value-main,.stat-value{font-size:2rem}.hud-grid{gap:1rem}.hud-card,.stat-card{padding:1rem}.due-amount{font-size:1.75rem}.section-title{font-size:1.25rem}}.status-badge.delivered,.status-badge.confirmed{background:#10b9811a;color:var(--color-primary)}.status-badge.processing,.status-badge.pending{background:#ffffff1a;color:var(--color-text)}.status-badge.pending_vendor{background:#fbbf241a;color:#fbbf24}.status-badge.cancelled{background:#ef44441a;color:var(--color-danger)}.action-icon-btn{color:var(--color-text-muted);padding:.5rem;border-radius:.5rem;transition:all .2s;background:transparent;border:none;cursor:pointer}.action-icon-btn:hover{color:var(--color-text);background:var(--glass-bg)}.cancel-order-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:.5rem;background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;transition:all .2s}.cancel-order-btn:hover{background:var(--color-danger);color:#fff}.cancel-order-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1rem}@media (min-width: 768px){.dashboard-header{flex-direction:row}}.welcome-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(to right,var(--color-text),var(--color-text-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-subtitle{font-size:1.125rem;color:var(--color-text-muted)}.marketplace-btn{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;background:var(--glass-bg);border:1px solid var(--color-border);color:var(--color-primary);font-weight:600;overflow:hidden;cursor:pointer;transition:all .3s}.marketplace-btn:hover{background:var(--color-bg-soft);color:var(--color-text)}.btn-content{position:relative;z-index:10;display:flex;align-items:center;gap:.75rem}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#14b8a633,#3b82f633);opacity:0;transition:opacity .3s}.marketplace-btn:hover .btn-glow{opacity:1}.hud-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.hud-grid{grid-template-columns:repeat(3,1fr)}}.hud-card-wrapper{position:relative;padding:2px;border-radius:1.5rem;overflow:hidden}.gradient-teal,.gradient-purple{background:linear-gradient(to bottom right,var(--color-neutral-glow),transparent)}.card-sub-purple{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.card-icon-purple{padding:.75rem;border-radius:.75rem;background:var(--color-primary-glow);color:var(--color-primary)}.gradient-blue{background:linear-gradient(to bottom right,var(--color-neutral-glow),transparent)}.hud-card{background:var(--glass-bg);border-radius:1.375rem;padding:1.5rem;height:100%;position:relative;z-index:10;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;margin-bottom:2rem}.card-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.card-sub-teal,.card-sub-purple,.card-sub-blue{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.card-icon-teal,.card-icon-purple,.card-icon-blue{padding:.75rem;border-radius:.75rem;background:var(--color-primary-glow);color:var(--color-primary)}.card-stat{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.stat-value{font-size:3rem;font-weight:700;color:var(--color-text);line-height:1}.stat-max{color:var(--color-text-muted);font-size:1rem}.currency-symbol{font-size:1.75rem;color:var(--color-text-muted)}.card-footer{font-size:.75rem;color:var(--color-text-muted);margin-top:1rem}.progress-segments{width:100%;height:.5rem;background:#1f293780;border-radius:9999px;overflow:hidden;display:flex;gap:2px}.segment{flex:1;height:100%;border-radius:9999px}.segment.bg-teal{background:#14b8a6}.segment.bg-gray{background:#1f2937}.credit-utilization-section{margin-top:2rem}.utilization-header{display:flex;gap:.5rem;margin-top:.5rem}.util-label{font-size:.875rem;color:var(--color-text-muted)}.utilization-track{display:flex;gap:.5rem;margin-top:1rem}.utilization-bg{height:.375rem;flex:1;border-radius:9999px;background:#111827;overflow:hidden}.utilization-fill{height:100%;background:var(--color-accent)}.due-card{padding:1.5rem;position:relative;transition:border-color .3s}.due-card:hover{border-color:var(--color-danger)}.due-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.due-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.due-amount{font-size:2.25rem;font-weight:700;margin-top:.5rem;color:#fff}.due-icon{padding:.75rem;border-radius:.75rem;background:#ef44441a;color:var(--color-danger)}.due-status{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.pay-btn{margin-top:1rem;width:100%;padding:.5rem 0;border-radius:.5rem;background:var(--color-primary-glow);color:var(--color-primary);font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:all .3s}.pay-btn:hover{background:var(--color-primary);color:#fff}.orders-section{padding-top:2rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(to right,var(--color-text),var(--color-text-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.orders-table-container{overflow:hidden;border-radius:1rem}.empty-state{text-align:center;padding:4rem 1.5rem}.empty-icon-box{width:4rem;height:4rem;background:#111827;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.empty-icon{color:#9ca3af}.empty-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#fff}.empty-text{color:#9ca3af;margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.table-responsive{overflow-x:auto}.orders-table{width:100%;text-align:left;border-collapse:collapse}.table-header-row{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);border-bottom:1px solid rgba(255,255,255,.1)}.th-cell{padding:1rem;font-size:.875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.table-row{transition:background .2s}.table-row:hover{background:var(--color-neutral-glow)}.td-cell{padding:1rem;font-size:.875rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.td-cell.font-mono{font-family:monospace;color:#9ca3af}.td-cell.font-bold{font-weight:600}.item-avatars{display:flex;margin-left:-.5rem;overflow:hidden}.item-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#4b5563;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;margin-left:-.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-badge.delivered{background:#10b9811a;color:#10b981}.status-badge.processing{background:#3b82f61a;color:#3b82f6}.action-icon-btn{color:var(--color-primary);padding:.5rem;border-radius:.5rem;transition:all .2s;background:transparent;border:none;cursor:pointer}.action-icon-btn:hover{color:#fff;background:var(--color-primary-glow)}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-modal{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:1.5rem;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.order-modal-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.close-modal-btn{color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.close-modal-btn:hover{color:var(--color-text);background:var(--glass-bg)}.order-modal-body{padding:1.5rem}.order-status-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:.75rem;font-weight:700;font-size:.875rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.order-status-banner.status-pending-vendor{background:#fbbf241a;color:#fbbf24}.order-status-banner.status-ready-for-pickup{background:#3b82f61a;color:#3b82f6}.order-status-banner.status-completed,.order-status-banner.status-delivered{background:#10b9811a;color:var(--color-primary)}.order-status-banner.status-cancelled{background:#ef44441a;color:var(--color-danger)}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.order-info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9rem;color:var(--color-text);font-weight:600}.info-value.font-mono{font-family:monospace}.order-products-section{margin-bottom:1.5rem}.section-label{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.order-product-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:.75rem;margin-bottom:.5rem;flex-wrap:nowrap}.order-product-card-enhanced{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem;margin-bottom:1rem}.product-image-box{width:100%;height:8rem;border-radius:.75rem;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border)}.product-image-box .product-img{width:100%;height:100%;object-fit:cover}.product-image-box .text-muted{color:var(--color-text-muted)}.product-details-col{display:flex;flex-direction:column;gap:.5rem}.product-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.3}.product-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-item{font-size:.875rem;color:var(--color-text-muted)}.meta-divider{color:var(--color-border)}.product-line-total{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--color-border)}.line-total-label{font-size:.875rem;color:var(--color-text-muted)}.line-total-value{font-size:1.125rem;font-weight:700;color:var(--color-primary);font-family:monospace}.product-img-placeholder{width:3rem;height:3rem;border-radius:.5rem;background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.product-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.product-name{font-weight:600;color:var(--color-text);font-size:.9rem;line-height:1.3;word-break:break-word}.product-qty{font-size:.75rem;color:var(--color-text-muted)}.product-price{font-weight:700;color:var(--color-primary);font-family:monospace;font-size:.95rem;white-space:nowrap;margin-left:auto;flex-shrink:0}.order-financial-breakdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.breakdown-line{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--color-text-muted)}.breakdown-line.total{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.75rem;font-weight:700;color:var(--color-text);font-size:1rem}.text-green{color:var(--color-primary)}.cancel-order-btn-large{width:100%;padding:1rem;background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);font-weight:700;font-size:1rem;border-radius:.75rem;cursor:pointer;transition:all .2s}.cancel-order-btn-large:hover{background:var(--color-danger);color:#fff}.cancel-order-btn-large:disabled{opacity:.5;cursor:not-allowed}.order-actions-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cancel-warning{font-size:.875rem;color:#fbbf24;background:#fbbf241a;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(251,191,36,.2);margin:0}.confirm-pickup-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b9814d}.confirm-pickup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #10b98166}.confirm-pickup-btn:active{transform:translateY(0)}.pickup-code-box{background:#10b9811a;border:1px solid var(--color-primary);border-radius:.75rem;padding:1.5rem;text-align:center}.pickup-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.pickup-code{font-size:2rem;font-weight:800;color:var(--color-primary);font-family:monospace;letter-spacing:.2em}.repayment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.repayment-modal-container{background:linear-gradient(145deg,#111827,#0f172a);border:1px solid rgba(16,185,129,.2);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #10b9811a;border-radius:1.5rem;width:100%;max-width:30rem;display:flex;flex-direction:column;overflow:hidden;animation:slideUpLarge .4s cubic-bezier(.16,1,.3,1)}.repayment-header{padding:1.5rem;background:#111827f2;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start}.repayment-title-group h2{font-size:1.25rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.75rem;margin:0}.repayment-subtitle{font-size:.875rem;color:#9ca3af;margin:.25rem 0 0}.repayment-close-btn{background:#ffffff0d;border:none;color:#9ca3af;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.repayment-close-btn:hover{background:#ffffff1a;color:#fff}.repayment-body{padding:1.5rem;max-height:55vh;overflow-y:auto;background:#111827}.repayment-empty-state{padding:3rem 1.5rem;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center}.repayment-card{position:relative;background:#1f29374d;border:1px solid rgba(255,255,255,.08);border-radius:1rem;cursor:pointer;transition:all .2s ease;overflow:hidden;margin-bottom:.75rem}.repayment-card:hover{background:#1f293799;border-color:#fff3}.repayment-card.selected{background:#10b9810d;border-color:#10b981;box-shadow:0 4px 20px -5px #10b9811a}.selection-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:.2s}.repayment-card.selected .selection-bar{background:#10b981}.card-content{padding:1.25rem 1.25rem 1.25rem 1.75rem}.card-row-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-id-badge{font-family:monospace;font-size:.75rem;background:#1f2937;padding:2px 6px;border-radius:4px;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.card-item-title{font-size:1rem;font-weight:700;color:#fff;margin:.25rem 0 0;line-height:1.2}.check-indicator{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid #4b5563;display:flex;align-items:center;justify-content:center;color:transparent;transition:.2s}.repayment-card.selected .check-indicator{background:#10b981;border-color:#10b981;color:#fff}.card-row-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.due-label{font-size:.7px;text-transform:uppercase;color:#6b7280;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem}.due-date{font-size:.875rem;font-weight:600;color:#d1d5db;margin:0}.due-date.overdue{color:#ef4444}.amount-label{font-size:.7px;color:#10b981;font-weight:600;margin:0 0 .1rem;text-align:right}.amount-value{font-size:1.25rem;font-weight:800;color:#fff;margin:0;line-height:1;text-align:right}.repayment-footer{padding:1.5rem;background:#111827;border-top:1px solid rgba(255,255,255,.05)}.security-badges{display:flex;justify-content:space-between;margin-bottom:1rem}.sec-badge{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.pay-secure-btn{width:100%;padding:1rem;background:#10b981;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 10px #10b98133;position:relative;overflow:hidden}.pay-secure-btn:hover{background:#059669;transform:translateY(-1px)}.pay-secure-btn:disabled{background:#374151;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.paystack-brand{text-align:center;margin-top:.75rem;font-size:.65rem;color:#4b5563;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.loading-text{font-weight:700;font-size:1.25rem;color:var(--color-primary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-container{padding:5rem;text-align:center;color:#ef4444}.kyc-gatekeeper{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem}.kyc-card{max-width:32rem;width:100%;background-color:#1a1a1a;padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);text-align:center;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 50px -12px #00000040;animation:fadeIn .4s ease-out}.kyc-icon{margin:0 auto;width:6rem;height:6rem;background-color:#064e3b4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#34d399}.kyc-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.kyc-text{color:#9ca3af;font-size:1.125rem;line-height:1.5;margin:0}.kyc-btn{width:100%;background-color:#10b981;color:#fff;font-weight:700;padding:1rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s}.kyc-btn:hover{background-color:#059669;transform:scale(1.02)}.kyc-note{font-size:.75rem;color:#6b7280;margin:0}.onboarding-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--color-bg)}.onboarding-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:2.5rem;max-width:42rem;width:100%;text-align:center;position:relative;overflow:hidden;border-radius:1.5rem}.onboarding-bar{position:absolute;top:0;left:0;width:100%;height:.5rem;background:linear-gradient(to right,var(--color-primary),var(--color-accent))}.onboarding-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.onboarding-subtitle{font-size:1.25rem;margin-bottom:2rem;color:var(--color-text-muted)}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:600;padding:.75rem 2rem;font-size:1.125rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s}.onboarding-btn:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}@media (min-width: 768px){.onboarding-btn{width:auto}}.tier-badge-container{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.tier-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-width:1px;border-style:solid}.tier-badge.gold{background-color:#eab3081a;color:#facc15;border-color:#eab3084d}.tier-badge.silver{background-color:#94a3b81a;color:#cbd5e1;border-color:#64748b4d}.tier-badge.bronze{background-color:#f973161a;color:#fb923c;border-color:#f973164d}.fee-badge{font-size:.75rem;color:#34d399;font-family:monospace;background-color:#10b9811a;padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(16,185,129,.2)}.next-payment-card{margin-top:1rem;padding:1rem;background-color:#1f293780;border-radius:.75rem;border:1px solid #374151}.payment-row{display:flex;justify-content:space-between;align-items:center}.payment-row.mb-1{margin-bottom:.25rem}.payment-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.payment-status{font-size:.75rem}.payment-status.ok{color:#9ca3af}.payment-status.overdue{color:#ef4444;font-weight:700}.payment-amount{font-size:1.25rem;font-weight:700;color:#fff}.payment-id{font-size:.75rem;padding:.25rem .5rem;background-color:#374151;border-radius:.25rem;color:#d1d5db;font-family:monospace}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-modal{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #00000080;position:relative}.confirm-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.confirm-modal-close:hover{color:#fff}.confirm-modal-header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:16px}.confirm-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-icon-box.primary{background:#10b9811a;color:#10b981}.confirm-icon-box.destructive{background:#ef44441a;color:#ef4444}.confirm-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.confirm-modal-body{text-align:center;color:#9ca3af;margin-bottom:24px;line-height:1.5}.confirm-modal-footer{display:flex;gap:12px}.confirm-modal-footer button{flex:1;padding:10px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-cancel:hover{background:#ffffff1a}.btn-confirm.primary{background:#10b981;border:none;color:#000}.btn-confirm.primary:hover{background:#059669}.btn-confirm.destructive{background:#ef4444;border:none;color:#fff}.btn-confirm.destructive:hover{background:#dc2626}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .2s ease-out}.vendor-dashboard-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:5rem}.vendor-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1rem}@media (min-width: 768px){.vendor-header{flex-direction:row}}.business-name{font-size:2.25rem;font-weight:900;color:var(--color-text);margin-bottom:.5rem}.vendor-badges{display:flex;align-items:center;gap:.5rem}.verified-badge{padding:.25rem .75rem;background:#14b8a61a;color:#2dd4bf;font-size:.75rem;font-weight:700;border-radius:9999px;border:1px solid rgba(20,184,166,.2);text-transform:uppercase;letter-spacing:.1em}.portal-access{color:#6b7280;font-size:.875rem}.add-product-main-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;border-radius:.75rem;font-weight:700;color:#000;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #10b98133;transition:transform .2s}.add-product-main-btn:hover{transform:scale(1.05);background:#059669;color:#fff}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;height:100%}.stat-card:hover{border-color:#10b9814d;box-shadow:0 0 30px #10b98114}.stat-card-header{display:flex;align-items:center;gap:.75rem}.stat-card-icon{width:44px;height:44px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.stat-card-title h3{font-size:.9rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.stat-card-title span{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-card-body{display:flex;flex-direction:column;gap:.5rem;flex:1;justify-content:flex-end}.stat-card-value{display:flex;align-items:baseline;gap:.35rem}.stat-card-value .value-main{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}.stat-card-value .value-suffix{font-size:.9rem;color:#6b7280;font-weight:500}.stat-card-value.currency{align-items:baseline}.stat-card-value .currency-sign{font-size:1.25rem;color:#6b7280;font-weight:600}.stat-card-note{font-size:.75rem;color:#6b7280;margin:0}.payout-btn{padding:.5rem 1rem;background:#10b981;border:none;border-radius:8px;color:#000;font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;width:100%;justify-content:center}.payout-btn:hover{background:#059669;color:#fff}.inventory-panel{border-radius:1rem;overflow:hidden;min-height:500px;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--color-border)}.inventory-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-soft)}.inventory-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.inventory-actions{display:flex;gap:1rem}.search-wrapper{position:relative}.search-icon-sm{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input-sm{padding:.5rem 1rem .5rem 2.25rem;border-radius:.5rem;background:var(--color-bg);border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text);outline:none}.search-input-sm:focus{border-color:var(--color-primary)}.btn-primary-sm{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem}.inventory-table-wrapper{flex:1;overflow-x:auto}.inventory-table{width:100%;text-align:left;border-collapse:collapse}.table-head-row{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.th-cell{padding:1rem;font-size:.875rem;font-weight:600;color:#9ca3af;text-transform:uppercase}.th-cell.pl{padding-left:1.5rem}.th-cell.pr{padding-right:1.5rem}.table-body-row{transition:background .2s}.table-body-row:hover{background:var(--color-bg-soft)}.td-cell{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.td-cell.pl{padding-left:1.5rem}.td-cell.pr{padding-right:1.5rem}.td-cell.font-mono{font-family:monospace}.product-cell{display:flex;align-items:center;gap:.75rem}.product-thumb{width:2.5rem;height:2.5rem;border-radius:.375rem;background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.product-name-text{font-weight:500}.stock-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.stock-badge.in-stock{background:#10b9811a;color:var(--color-success)}.stock-badge.low-stock{background:#ef44441a;color:var(--color-danger)}.empty-table-msg{padding:2.5rem;text-align:center;color:var(--color-text-muted)}.action-buttons{display:flex;justify-content:flex-end;gap:.5rem;color:var(--color-text-muted)}.action-btn{padding:.25rem;border-radius:.25rem;border:none;background:transparent;cursor:pointer;color:inherit;transition:all .2s}.action-btn.edit:hover{color:var(--color-primary);background:var(--color-primary-glow)}.action-btn.delete:hover{color:var(--color-danger);background:#ef44441a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1}.modal-form{padding:2.5rem;max-width:42rem;width:100%;border-radius:1.5rem;background:#111;background:#0a0a0af2;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent}.form-label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.form-input{width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.form-input:focus{background:#ffffff0d;border-color:var(--color-primary);box-shadow:0 0 0 2px #10b9811a}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;color:#fff}select.form-input option{background-color:#1f2937;color:#fff;padding:10px}.textarea-resize-none{min-height:100px;resize:none;line-height:1.6}.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn{padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--color-text-muted);font-weight:600;cursor:pointer;transition:all .2s}.save-btn{padding:1rem;border-radius:.75rem;background:var(--color-primary);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98133}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn:hover{background:#ffffff0d;color:#fff}.image-upload-area{border:2px dashed rgba(255,255,255,.15);border-radius:1rem;padding:2.5rem;text-align:center;position:relative;background:#ffffff05;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem}.image-upload-area:hover{border-color:var(--color-primary);background:#10b9810d}.image-upload-area svg{color:var(--color-text-muted);transition:transform .2s}.image-upload-area:hover svg{transform:scale(1.1);color:var(--color-primary)}.upload-instruction{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;margin-top:1.5rem;width:100%}.preview-thumb-wrapper{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0003;transition:transform .2s}.preview-thumb-wrapper:hover{transform:translateY(-2px);border-color:var(--color-primary)}.preview-img{width:100%;height:100%;object-fit:cover}.remove-img-btn{position:absolute;top:.25rem;right:.25rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.preview-thumb-wrapper:hover .remove-img-btn{opacity:1}.tabs-container{display:flex;background:var(--color-bg-soft);padding:.25rem;border-radius:.75rem;border:1px solid var(--color-border)}.tab-btn{padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{background:var(--color-bg);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.loading-spinner{width:3rem;height:3rem;border-radius:50%;border-width:2px;border-style:solid;border-color:var(--color-primary);border-top-color:transparent;border-bottom-color:transparent;animation:spin 1s linear infinite}.dashboard-error{padding:5rem;text-align:center;color:var(--color-danger)}.text-right{text-align:right}.no-img-placeholder{width:100%;height:100%;background-color:#374151;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:.75rem}.status-badge-pill{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-badge-pill.pending{background-color:#ffffff1a;color:#d1d5db}.status-badge-pill.pickup{background-color:#3b82f633;color:#3b82f6}.status-badge-pill.completed{background-color:#22c55e33;color:#22c55e}.confirm-btn{background-color:#16a34a;color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s;border:none;cursor:pointer}.confirm-btn:hover{background-color:#15803d}.pickup-wait-text{font-size:.875rem;color:#9ca3af}.table-empty-message{padding:2rem;text-align:center;color:#6b7280}.status-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.status-toggle-btn.active{background:#10b98126;color:#10b981}.status-toggle-btn.active:hover{background:#10b98140}.status-toggle-btn.inactive{background:#ef444426;color:#ef4444}.status-toggle-btn.inactive:hover{background:#ef444440}.ring-active{box-shadow:0 0 0 2px var(--color-primary)}.empty-state{padding:4rem 2rem;text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{opacity:.3}.toggle-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;background:#ffffff08;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .2s}.toggle-wrapper:hover{background:#ffffff0d;border-color:#fff3}.toggle-switch{width:2.5rem;height:1.5rem;background:#374151;border-radius:9999px;position:relative;transition:background .3s}.toggle-switch.active{background:var(--color-primary)}.toggle-knob{width:1.1rem;height:1.1rem;background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000004d}.toggle-switch.active .toggle-knob{transform:translate(1rem)}.toggle-label{font-size:.9rem;color:var(--color-text);font-weight:500}.payment-pending-note{font-size:.7rem;color:#9ca3af;margin-top:4px}.paid-badge{font-size:.8rem;color:#22c55e;font-weight:600}.payout-btn{margin-top:.75rem;padding:8px 16px;background:linear-gradient(135deg,var(--color-primary),#059669);border:none;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}@media (max-width: 640px){.vendor-dashboard-container{padding-bottom:2rem;gap:1.5rem}.business-name{font-size:1.75rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card-value .value-main{font-size:2rem}.modal-form{padding:1.5rem;max-height:85vh}.inventory-header{flex-direction:column;align-items:flex-start;gap:1rem}.inventory-actions,.search-wrapper,.search-input-sm{width:100%}}.glass-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.glass-modal-content{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.modal-body{padding:var(--space-lg);overflow-y:auto}.glass-input{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);width:100%;transition:all .3s ease}.glass-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #10b98133;outline:none;background:#0f172acc}.upload-area-glass{border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.upload-area-glass:hover{border-color:var(--color-primary);background:#10b9810d}.preview-grid-glass{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:1rem}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.preview-img-glass{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:4px;right:4px;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:transform .2s}.remove-btn:hover{transform:scale(1.1);background:#ef4444}.image-counter{font-size:.85rem;color:#ffffff80;margin-top:.5rem;text-align:right}.file-input-hidden{display:none}.admin-dashboard-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:2.5rem}.admin-stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.stat-card-wrapper .admin-stat-card{height:100%;display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--glass-bg);border-radius:1.375rem}.admin-dashboard-container{min-height:100vh;padding:1.5rem}.admin-max-width{max-width:80rem;margin:0 auto}.admin-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.admin-title{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.admin-subtitle{color:#9ca3af}.header-status{text-align:right}.operational-badge{display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:500;font-size:.75rem}.admin-stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-stat-card{padding:1.5rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s}.admin-stat-card:hover{border-color:var(--color-primary)}.admin-stat-icon{padding:1rem;border-radius:1rem;transition:transform .3s}.admin-stat-card:hover .group-hover-scale{transform:scale(1.1)}.admin-stat-icon.purple,.admin-stat-icon.accent,.admin-stat-icon.orange{background:var(--color-primary-glow);color:var(--color-primary)}.admin-stat-value{font-size:1.875rem;font-weight:700;color:var(--color-text)}.admin-stat-label{font-size:.875rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.admin-panel{min-height:600px;display:flex;flex-direction:column;border-radius:1rem;overflow:hidden}.admin-tabs-header{border-bottom:1px solid var(--color-border);padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#0003}.admin-tabs-list{display:flex;gap:2rem}.tab-btn{padding:1.25rem 0;font-size:.875rem;font-weight:600;border-bottom:2px solid transparent;color:#9ca3af;background:transparent;border:none;cursor:pointer;transition:all .2s;border-radius:0}.tab-btn:hover{color:#fff}.tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.admin-search-wrapper{position:relative}.admin-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-search-input{padding:.5rem 1rem .5rem 2.25rem;font-size:.875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;color:#fff;outline:none;width:16rem}.admin-search-input:focus{border-color:var(--color-primary)}.admin-content-area{flex:1;overflow:auto;background:#11182733;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;color:var(--color-text-muted)}.empty-icon{margin-bottom:1rem;opacity:.5}.payouts-table{width:100%;text-align:left;border-collapse:collapse}.payouts-head-row{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-text-muted)}.payouts-row{transition:background .2s}.payouts-row:hover{background:var(--color-bg-soft)}.td-cell{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.875rem}.vendor-name-text{font-weight:700;color:var(--color-text)}.vendor-id-text{font-size:.75rem;color:var(--color-text-muted)}.amount-text{font-size:1.125rem;font-family:monospace;font-weight:700;color:var(--color-text)}.bank-details-box{font-size:.875rem}.bank-name{color:var(--color-text);font-weight:500}.account-number{color:var(--color-text-muted);font-family:monospace}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-pill.approved{background:#10b9811a;color:var(--color-success)}.status-pill.pending{background:#eab3081a;color:#eab308}.confirm-transfer-btn{padding:.5rem 1rem;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.confirm-transfer-btn:hover{background:#0d9488;box-shadow:0 0 15px #14b8a64d}.badge{background:var(--color-primary);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:99px;margin-left:6px}.action-btns{display:flex;gap:.5rem;justify-content:flex-end}.reject-btn{padding:.5rem 1rem;background:#ef44441a;color:#ef4444;font-size:.875rem;font-weight:700;border-radius:.5rem;border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.reject-btn:hover{background:#ef444433;border-color:#ef4444}.tab-btn{display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.admin-dashboard-container{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-status{text-align:left}.admin-stats-grid{grid-template-columns:1fr;gap:1rem}.admin-stat-card{padding:1rem}.admin-stat-value{font-size:1.5rem}.admin-tabs-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.admin-tabs-list{width:100%;overflow-x:auto;padding-bottom:.5rem}.admin-search-wrapper,.admin-search-input{width:100%}}.user-profile-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.user-profile-container:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(50px)}.profile-header-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.profile-header-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -10px #0000004d;border-color:#ffffff26}.profile-header-card:after{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:linear-gradient(to left,rgba(16,185,129,.1),transparent);pointer-events:none}.profile-avatar-section{display:flex;align-items:center;gap:24px;position:relative;z-index:2}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#333,#111);display:flex;align-items:center;justify-content:center;border:3px solid rgba(16,185,129,.5);box-shadow:0 0 20px #10b98133}.profile-stats{display:flex;gap:48px;text-align:right;position:relative;z-index:2}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.glass-panel{background:#1a1a1a;background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .2s ease}.glass-panel:hover{border-color:#ffffff1a;background:#191919cc}.section-title{color:var(--color-primary);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-row span{color:#888}.detail-row p{font-weight:500}@media (max-width: 768px){.profile-header-card{flex-direction:column;text-align:center;gap:32px;padding:30px 20px}.profile-avatar-section{flex-direction:column;gap:16px}.profile-stats{width:100%;justify-content:center;gap:32px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.profile-grid{grid-template-columns:1fr}}.user-profile-content{padding:24px 24px 96px;animation:fadeInScale .4s ease-out forwards}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.error-message{padding:32px;text-align:center;color:#ef4444}.profile-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.profile-tier{color:#34d399;font-family:monospace;font-size:.875rem;margin-top:4px}.icon-white{color:#fff}.profile-grid{margin-top:24px;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.profile-grid{grid-template-columns:repeat(2,1fr)}.full-width{grid-column:span 2}}.profile-section{padding:24px;border-radius:12px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:1.125rem;font-weight:600;color:var(--color-primary)}.details-list{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#9ca3af;font-size:.875rem}.detail-value{color:#fff;display:flex;align-items:center;gap:8px}.detail-value.highlight{font-weight:500}.verification-status-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.verification-title{font-weight:700;color:#fff;margin:0}.verification-subtitle{font-size:.75rem;color:#9ca3af;margin:0}.status-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-verified{background-color:#22c55e33;color:#4ade80}.status-pending{background-color:#ef444433;color:#f87171}.locked-message{margin-top:16px;font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:8px}.vendor-header-card{background:linear-gradient(135deg,#10b9811a,#ffffff05)}.vendor-avatar{overflow:hidden}.vendor-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.edit-profile-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.edit-actions{display:flex;gap:.75rem}.cancel-edit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-edit-btn:hover{background:#ffffff0d;color:#fff}.save-profile-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.save-profile-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.save-profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-input{width:100%;max-width:300px;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s}.profile-edit-input:focus{border-color:var(--color-primary);background:#ffffff14}.profile-edit-input.textarea{min-height:80px;resize:none}.bank-note{margin-top:1rem;padding:.75rem;background:#10b9811a;border-radius:.5rem;font-size:.75rem;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.status-rejected{background-color:#ef444433;color:#f87171}.pending-message{margin-top:1rem;font-size:.8rem;color:#e5e7eb;display:flex;align-items:center;gap:.5rem}.rejected-message{margin-top:1rem;font-size:.8rem;color:#f87171;display:flex;align-items:center;gap:.5rem}.text-danger{color:#ef4444}.text-warning{color:#d1d5db}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s}@media (max-width: 640px){.user-profile-container{padding-bottom:80px}.profile-header-card{padding:1.5rem}.profile-stats{gap:1.5rem;flex-wrap:wrap}.stat-item{align-items:center;min-width:80px}.profile-section{padding:1rem}}.transactions-container{max-width:1100px;margin:0 auto;position:relative;z-index:1;padding:24px 24px 96px;animation:fadeInScale .4s ease-out forwards}.transactions-container:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(50px)}.transactions-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.dashboard-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.dashboard-subtitle{color:#9ca3af;font-size:.95rem}.summary-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-2px);border-color:#ffffff26;background:linear-gradient(135deg,#ffffff14,#ffffff08)}.summary-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.5rem}.summary-value{font-size:1.5rem;font-weight:700;color:#fff}.filters-bar{background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center}.search-input-wrapper{flex:1;min-width:250px;position:relative}.search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.search-input-wrapper input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem .75rem 2.75rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s}.search-input-wrapper input:focus{border-color:var(--color-primary);background:#ffffff14}.filter-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 2.5rem .75rem 1rem;border-radius:.75rem;font-size:.9rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em;min-width:150px}.filter-select:focus{border-color:var(--color-primary);background-color:#ffffff14}.transactions-table-container{background:#14141499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:0;overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th{text-align:left;padding:1.25rem 1.5rem;color:#ffffff80;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.transactions-table td{padding:1.25rem 1.5rem;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;vertical-align:middle}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover{background:#ffffff08}.tx-type-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.tx-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.tx-type-badge.payout .tx-icon-wrapper{background:#ef444426;color:#ef4444}.tx-type-badge.earning .tx-icon-wrapper{background:#10b98126;color:#10b981}.tx-type-badge.order .tx-icon-wrapper{background:#3b82f626;color:#3b82f6}.tx-description-main{color:#fff;font-weight:500;display:block}.tx-description-sub{color:#6b7280;font-size:.8rem;font-family:monospace;margin-top:.25rem;display:block}.tx-date-cell{color:#9ca3af;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.tx-amount{font-family:monospace;font-size:1rem;font-weight:600}.tx-amount.positive{color:#10b981}.tx-amount.negative{color:#ef4444}.status-pill{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-pill.completed,.status-pill.approved{background-color:#22c55e26;color:#4ade80}.status-pill.pending{background-color:#fbbf2426;color:#fbbf24}.status-pill.rejected,.status-pill.cancelled{background-color:#ef444426;color:#f87171}.empty-state{padding:4rem 1rem;text-align:center;color:#6b7280}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#ffffff1a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.transactions-container{padding:1rem}.transactions-header{flex-direction:column;align-items:flex-start;gap:.5rem}.summary-card-row{grid-template-columns:1fr;gap:1rem}.filters-bar{flex-direction:column;align-items:stretch}.search-input-wrapper,.filter-select{width:100%;min-width:0}.transactions-table-container{overflow-x:auto}.transactions-table th,.transactions-table td{padding:1rem;white-space:nowrap}}.complete-profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:24px}.complete-profile-container{max-width:48rem;width:100%;background:var(--glass-bg);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;border:1px solid var(--color-border);position:relative}.form-header{background:linear-gradient(135deg,var(--color-primary),#059669);padding:32px;text-align:center;position:relative}.header-title{font-size:1.875rem;font-weight:800;margin-bottom:8px;color:#fff}.header-subtitle{color:#fffc;font-size:1rem}.step-indicator-wrapper{display:flex;justify-content:center;gap:12px;margin-top:24px}.step-dot{height:10px;width:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.step-dot.active{background:#fff;box-shadow:0 0 10px #ffffff80;transform:scale(1.2)}.form-content{padding:32px}.section-wrapper{display:flex;flex-direction:column;gap:24px}.section-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--color-primary);margin:0}.section-note{font-size:.875rem;color:var(--color-text-muted);margin-top:-8px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.input-field{width:100%;background:#0000004d;border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;color:var(--color-text);font-size:1rem;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--color-primary);background:#00000080;box-shadow:0 0 0 3px var(--color-primary-glow)}.input-field::placeholder{color:var(--color-text-muted);opacity:.6}.input-field.textarea-field{height:100px;resize:none}.upload-card{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:16px;padding:20px;transition:all .2s ease}.upload-card:hover{border-color:var(--color-primary);background:#ffffff0d}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.upload-info{display:flex;align-items:center;gap:14px}.upload-text-main{font-weight:600;color:var(--color-text);font-size:1rem}.upload-text-sub{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.upload-btn-label{cursor:pointer;background:var(--color-bg-soft);padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:600;border:1px dashed var(--color-border);transition:all .2s ease;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:8px;min-width:90px;min-height:48px}.upload-btn-label:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}.hidden{display:none}.preview-container{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0}.upload-preview-img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;opacity:0;transition:opacity .2s ease;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.upload-btn-label:hover .preview-overlay{opacity:1}.btn-row{display:flex;gap:16px;margin-top:24px}.btn-row button{flex:1}.btn{padding:14px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-glow);filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-outline:hover{border-color:var(--color-text);color:var(--color-text);background:var(--glass-bg)}.btn-lg{padding:16px 28px}.btn-block{width:100%}.locked-container{max-width:32rem;width:100%;background:var(--glass-bg);border-radius:1.5rem;padding:48px;text-align:center;border:1px solid rgba(16,185,129,.3);box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden}.locked-bg-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);pointer-events:none}.locked-content{position:relative;z-index:10}.locked-icon-wrapper{margin:0 auto 24px;width:96px;height:96px;background:#10b98133;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ade80}.locked-title{font-size:2rem;font-weight:800;margin-bottom:16px;color:var(--color-text)}.locked-text{color:var(--color-text-muted);margin-bottom:32px;font-size:1.1rem;line-height:1.6}.btn-dashboard{padding:16px 32px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--color-primary);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-glow)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.mt-4{margin-top:1rem}.font-mono{font-family:monospace}.tracking-wide{letter-spacing:.15em}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.text-success{color:#22c55e}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeInScale .4s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.complete-profile-page{padding:40px 16px 16px;align-items:flex-start}.form-header{padding:24px}.header-title{font-size:1.5rem}.form-content{padding:20px}.upload-row{flex-direction:column;align-items:flex-start}.upload-btn-label{width:100%}.btn-row{flex-direction:column-reverse;gap:12px}}.quiz-root{position:relative;min-height:100vh;overflow:hidden;color:#fff;display:flex;flex-direction:column}.quiz-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.quiz-bg-solid{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg)}.quiz-blob{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(150px);opacity:.2;animation:blob 7s infinite}.purple-blob{top:-20%;left:-10%;background:var(--color-neutral-glow);opacity:.5}.teal-blob{bottom:-20%;right:-10%;background:var(--color-neutral-glow);animation-delay:2s;opacity:.5}.quiz-header{position:relative;z-index:10;width:100%;max-width:42rem;margin:0 auto;padding:2.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;gap:1rem;width:100%}.back-btn{padding:.5rem;border-radius:9999px;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .2s}.back-btn:hover{background:#ffffff1a}.progress-track{flex:1;height:.5rem;background:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-accent));transition:width .7s ease-out}.quiz-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.5rem 5rem}.step-intro{text-align:center;max-width:32rem}.intro-icon-box{width:6rem;height:6rem;margin:0 auto 2rem;background:linear-gradient(to top right,#2dd4bf,#3b82f6);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px -12px #14b8a633;transform:rotate(3deg);transition:transform .5s}.intro-icon-box:hover{transform:rotate(6deg)}.intro-icon{color:#fff}.intro-title{font-size:3rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.intro-title{font-size:3.75rem}}.intro-text{font-size:1.25rem;color:#9ca3af;margin-bottom:2.5rem;line-height:1.6}.highlight{color:#fff;font-weight:700}.start-btn{position:relative;padding:1rem 2rem;background:#fff;color:#000;font-weight:700;font-size:1.125rem;border-radius:9999px;overflow:hidden;border:none;cursor:pointer;transition:transform .2s;box-shadow:0 20px 25px -5px #ffffff1a}.start-btn:hover{transform:scale(1.05)}.start-btn:active{transform:scale(.95)}.btn-content{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#2dd4bf,#3b82f6);opacity:0;transition:opacity .3s}.start-btn:hover .btn-glow{opacity:.1}.step-question{width:100%;max-width:28rem}.question-emoji-box{width:4rem;height:4rem;margin:0 auto 2rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.875rem;box-shadow:0 10px 15px -3px #0000001a}.gradient-1,.gradient-2,.gradient-3,.gradient-4,.gradient-5{background:linear-gradient(to bottom right,var(--color-bg-soft),var(--color-bg));border:1px solid var(--color-primary);color:var(--color-primary)}.question-text{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2.5rem;line-height:1.25}.options-grid{display:flex;flex-direction:column;gap:1rem}.option-card{width:100%;padding:1.25rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;transition:all .3s;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--color-text)}.option-card:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(.25rem)}.option-card.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.option-label{font-size:1.125rem;font-weight:500}.check-icon{color:currentColor}.step-final{width:100%;max-width:32rem;padding:2.5rem}@media (max-width: 768px){.step-final{padding:2rem}}.final-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.final-subtitle{color:var(--color-text-muted);margin-bottom:2rem}.final-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative}.custom-input{width:100%;padding:1rem 3rem 1rem 1rem;border-radius:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);outline:none;font-size:1.25rem;letter-spacing:.1em;font-family:monospace;transition:all .3s;color:#fff}.custom-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.input-icon-right{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary)}.highlight-teal{color:var(--color-primary)}.upload-zone{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:1rem;padding:2rem;text-align:center;transition:background .2s;cursor:pointer}.upload-zone:hover{background:#ffffff0d}.file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-success{display:flex;flex-direction:column;align-items:center;color:#2dd4bf;gap:.5rem}.file-name{font-weight:500;color:var(--color-text);display:block}.file-hint{font-size:.875rem}.file-placeholder{display:flex;flex-direction:column;align-items:center;color:#9ca3af;transition:color .2s;gap:.75rem}.upload-zone:hover .file-placeholder{color:var(--color-text)}.file-msg{font-weight:500}.file-sub{font-size:.75rem;color:#6b7280}.submit-btn{width:100%;padding:1.25rem;background:linear-gradient(to right,#14b8a6,#2563eb);border-radius:.75rem;font-weight:700;font-size:1.125rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s;border:none;color:#fff;cursor:pointer;margin-top:1rem}.submit-btn:hover{box-shadow:0 20px 25px -5px #14b8a640;transform:scale(1.02)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.5;filter:grayscale(100%);cursor:not-allowed;transform:none}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 640px){.quiz-header{padding:1.5rem 1rem}.quiz-content{padding:1rem 1rem 4rem}.intro-title{font-size:2.25rem;line-height:1.1}.intro-text{font-size:1rem}.step-question{max-width:100%}.question-text{font-size:1.5rem}.option-card{padding:1rem}.option-label{font-size:1rem}}.marketplace-container{padding-bottom:2.5rem}.marketplace-content{width:100%;max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.mp-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.mp-header{flex-direction:row}}.mp-title{font-size:1.875rem;font-weight:700;color:#fff}.mp-subtitle{color:#9ca3af}.search-bar-wrapper{position:relative;width:100%}@media (min-width: 768px){.search-bar-wrapper{width:24rem}}.search-icon{position:absolute;left:1rem;top:1rem;color:var(--color-text-muted)}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--glass-bg);color:var(--color-text);outline:none;transition:all .3s}.search-input:focus{border-color:var(--color-primary)}.mp-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.mp-layout{flex-direction:row}}.filter-sidebar{width:100%;flex-shrink:0}@media (min-width: 1024px){.filter-sidebar{width:16rem}}.filter-panel{padding:1.5rem;position:sticky;top:6rem}.filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-text);font-weight:600}.filter-group-title{font-size:.875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;margin-bottom:.75rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-btn{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:transparent;border:none;color:var(--color-text);cursor:pointer}.category-btn:hover{background:var(--color-bg-soft)}.category-btn.active{background:var(--color-primary);color:#fff;font-weight:500}.category-btn:hover:not(.active){color:var(--color-text);border-color:var(--color-text-muted)}.no-products{text-align:center;padding:5rem 0;color:#9ca3af}.no-results-text{font-size:1.25rem;margin-bottom:1rem}.clear-filter-btn{color:var(--color-primary);background:transparent;border:none;cursor:pointer}.clear-filter-btn:hover{text-decoration:underline}.product-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (max-width: 640px){.product-grid{grid-template-columns:1fr}.marketplace-content{padding:1rem}.mp-title{font-size:1.5rem}.product-details-container{padding:1.5rem}.details-product-title{font-size:1.75rem}.price-tag-large{font-size:2.5rem}}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.credit-status-box{background:#ffffff0d;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.product-card{position:relative;background:transparent;border-radius:1rem;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.product-image-box{aspect-ratio:1 / 1;background:var(--color-bg-soft);position:relative;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-img{transform:scale(1.1)}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.product-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1rem;transform:translateY(100%);transition:transform .3s;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.product-card:hover .product-overlay{transform:translateY(0)}.product-info{padding:1.25rem;display:flex;flex-direction:column;height:100%;flex:1}.product-header{margin-bottom:.5rem}.product-category{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.product-name{font-size:1.125rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.product-card:hover .product-name{color:var(--color-primary)}.product-desc{font-size:.875rem;color:#9ca3af;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.product-price{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.add-cart-btn{padding:.5rem;border-radius:.5rem;border:1px solid var(--color-border);background:transparent;color:#fff;cursor:pointer;transition:all .2s}.add-cart-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.add-cart-btn:active{transform:scale(.95)}.product-details-page{width:100%;animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.details-page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.back-btn{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:2rem;transition:all .2s;background:#ffffff08;border:1px solid transparent}.back-btn:hover{color:var(--color-text);background:var(--color-bg-soft);border-color:var(--color-border)}.thumbnail-strip{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.thumb-btn{width:5rem;height:5rem;border-radius:.75rem;overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:all .2s;opacity:.7}.thumb-btn:hover{opacity:1}.thumb-btn.active{border-color:var(--color-primary);transform:scale(1.05);opacity:1;box-shadow:0 0 0 4px var(--color-primary-glow)}.thumb-img{width:100%;height:100%;object-fit:cover}.product-details-container{display:flex;flex-direction:column;gap:2rem;background:var(--glass-bg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.details-header-section{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:.5rem}.details-product-title{font-size:2.5rem;font-weight:800;color:var(--color-text);line-height:1.1;letter-spacing:-.02em}.details-main-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.details-main-grid{grid-template-columns:.8fr 1.2fr}}.detail-image-box{border-radius:1.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border)}.info-panel{background:#ffffff05;border:1px solid var(--color-border);padding:2rem;border-radius:1.25rem;box-shadow:inset 0 0 20px #ffffff05}.price-tag-large{font-size:3rem;font-weight:800;color:var(--color-primary);margin-bottom:2rem;letter-spacing:-.03em}.buy-now-main-btn{width:100%;padding:1.25rem;background:var(--color-primary);color:#fff;font-weight:700;font-size:1.125rem;border-radius:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px var(--color-primary-glow)}.buy-now-main-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 20px 30px -10px var(--color-primary-glow)}.description-section{background:transparent;padding:0;border:none;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.section-heading{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;border-bottom:none}.description-content{color:var(--color-text-muted);line-height:1.8;font-size:1.05rem}.product-details-container{display:flex;flex-direction:column;gap:1.5rem}.details-header-section{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.product-category-tag{display:inline-block;padding:.25rem .5rem;background:var(--color-bg-soft);color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:.375rem;margin-bottom:.5rem}.details-product-title{font-size:1.875rem;font-weight:800;color:var(--color-text);line-height:1.2}.details-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.details-main-grid{grid-template-columns:4fr 5fr}}.details-left{display:flex;flex-direction:column;gap:1.5rem}.vendor-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:.75rem}.vendor-avatar{width:3rem;height:3rem;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border-radius:50%}.vendor-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.vendor-name-large{font-size:1rem;font-weight:600;color:var(--color-text)}.details-right{display:flex;flex-direction:column;gap:2rem}.info-panel{background:var(--color-bg-soft);border:1px solid var(--color-border);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0003}.price-tag-large{font-size:2.25rem;font-weight:800;color:var(--color-primary);margin-bottom:1.5rem}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.spec-item{display:flex;flex-direction:column;padding:.5rem;background:var(--glass-bg);border-radius:.5rem;border:1px solid var(--glass-border)}.spec-label{font-size:.75rem;color:var(--color-text-muted)}.spec-value{font-size:.875rem;font-weight:600;color:var(--color-text)}.buy-now-main-btn{width:100%;padding:1rem;background:var(--color-primary);color:#fff;font-weight:700;font-size:1.125rem;border-radius:.75rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.buy-now-main-btn:hover{background:var(--color-primary-dark);transform:scale(1.02)}.description-section{background:var(--glass-bg);padding:1.5rem;border-radius:1rem;border:1px solid var(--color-border)}.section-heading{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;border-bottom:2px solid var(--color-primary);display:inline-block;padding-bottom:.25rem}.description-content{color:var(--color-text-muted);line-height:1.7;font-size:.95rem;white-space:pre-line}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.close-modal-btn{color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s}.close-modal-btn:hover{color:var(--color-primary)}.modal-body{padding:2rem}.modal-product-summary{display:flex;gap:1.5rem;margin-bottom:1.5rem}.modal-product-img-box{width:6rem;height:6rem;border-radius:.5rem;overflow:hidden;background:var(--color-bg-soft);flex-shrink:0}.modal-product-img{width:100%;height:100%;object-fit:cover}.modal-product-name{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.modal-product-desc{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.finance-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-primary-glow);color:var(--color-primary);font-size:.75rem;font-weight:700;border-radius:9999px}.price-breakdown{background:var(--color-bg-soft);padding:1rem;border-radius:.75rem;margin-bottom:1.5rem}.breakdown-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.breakdown-label{color:var(--color-text-muted)}.breakdown-value{font-weight:500;color:var(--color-text)}.breakdown-divider{border-top:1px solid var(--color-border);margin:.5rem 0}.breakdown-total{display:flex;justify-content:space-between;font-size:1.125rem;font-weight:700;color:#fff}.total-value{color:var(--color-primary)}.confirm-purchase-btn{width:100%;padding:1rem;border-radius:.75rem;background:var(--color-primary);color:#fff;font-weight:700;font-size:1.125rem;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 10px 15px -3px #0000001a}.confirm-purchase-btn:hover{background:var(--color-primary-dark);box-shadow:0 20px 25px -5px #0000001a}.confirm-purchase-btn:disabled{opacity:.7;cursor:not-allowed}.detail-image-box{width:100%;height:16rem;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;background:var(--color-bg-soft);border:1px solid var(--color-border)}.detail-main-img{width:100%;height:100%;object-fit:cover}.detail-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.vendor-info-box{padding:.75rem 1rem;background:#ffffff08;border-left:3px solid var(--color-primary);border-radius:.5rem}.product-card{cursor:pointer;position:relative;background:transparent;border-radius:1rem;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:transform .2s,background .2s}.product-card:hover{background:#ffffff0d}.checkout-view{width:100%;max-width:42rem;margin:2rem auto;padding:0 1rem}.checkout-header-title{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:.5rem}.financing-offer-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.offer-header{border-bottom:1px solid var(--color-border);padding-bottom:2rem;margin-bottom:2rem}.credit-health-row{display:flex;gap:1rem;background:var(--glass-bg);padding:1.25rem;border-radius:1rem;margin-top:1.5rem;border:1px solid var(--glass-border)}.health-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.stat-value{font-size:1.125rem;font-weight:700;color:var(--color-text)}.contract-breakdown{background:var(--color-bg);padding:2rem;border-radius:1rem;margin-bottom:2rem;border:1px solid var(--color-border)}.contract-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.95rem;color:var(--color-text-muted)}.contract-divider{height:1px;background:var(--color-border);margin:1.25rem 0}.contract-total-row{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;color:var(--color-text);align-items:center}.total-mono{font-family:monospace;font-size:1.5rem;color:var(--color-primary);letter-spacing:-.05em}.agreement-section{margin-bottom:2.5rem;background:var(--glass-bg);border-radius:1rem;border:1px solid var(--color-border);overflow:hidden}.agreement-checkbox-wrapper{display:flex;gap:1.25rem;align-items:flex-start;cursor:pointer;padding:1.5rem;transition:background var(--transition-fast)}.agreement-checkbox-wrapper:hover{background:var(--color-neutral-glow)}.agreement-checkbox{width:1.5rem;height:1.5rem;margin-top:.25rem;accent-color:var(--color-primary);border-radius:.25rem;cursor:pointer}.agreement-text{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.agreement-text strong{color:var(--color-text);font-weight:700}.credit-warning-box{background:#ef44441a;border:1px solid var(--color-danger);color:#fca5a5;padding:1.25rem;border-radius:.75rem;margin-bottom:2rem;font-size:.95rem;display:flex;align-items:center;gap:.75rem;font-weight:500}:root{--color-bg: #000000;--color-bg-soft: #111111;--color-bg-card: rgba(17, 17, 17, .8);--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-glow: rgba(16, 185, 129, .25);--color-accent: #10b981;--color-accent-glow: rgba(16, 185, 129, .25);--color-text: #ffffff;--color-text-muted: #9ca3af;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(16, 185, 129, .5);--color-danger: #ef4444;--color-success: #10b981;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 4rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--glow-primary: 0 0 20px var(--color-primary-glow);--glow-accent: 0 0 20px var(--color-accent-glow);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--glass-bg: rgba(20, 20, 20, .7);--glass-border: 1px solid rgba(255, 255, 255, .08);--backdrop-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(16,185,129,.06),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.04),transparent 25%);background-attachment:fixed}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.text-primary,.text-accent{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}.bg-soft{background-color:var(--color-bg-soft)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.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)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;background-color:var(--color-primary);animation:confetti-fall 3s linear forwards;z-index:9999}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media (max-width: 640px){:root{--space-2xl: 2.5rem}.main-content{padding:0 var(--space-sm)}.text-4xl{font-size:2rem!important}.text-3xl{font-size:1.5rem!important}.text-2xl{font-size:1.25rem!important}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem}.btn-lg{padding:.75rem 1.25rem;font-size:1rem;width:100%;justify-content:center}.hero-actions{flex-direction:column;width:100%;gap:.75rem}}