.input{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.input:disabled{opacity:.5;cursor:not-allowed}.input-solid{background:var(--bg-secondary)}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px var(--error-bg)}.input-success{border-color:var(--success)}.input-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.input-lg{padding:var(--space-4)var(--space-5);font-size:var(--text-base)}.input-group{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:var(--space-4)}.input-icon-right{right:var(--space-4)}.input-with-icon-left{padding-left:calc(var(--space-4)*2 + 20px)}.input-with-icon-right{padding-right:calc(var(--space-4)*2 + 20px)}.textarea{resize:vertical;min-height:120px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;padding-right:calc(var(--space-4)*2 + 16px);cursor:pointer}.checkbox-wrapper{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.checkbox{appearance:none;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);position:relative}.checkbox:checked{background:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.checkbox:focus{box-shadow:0 0 0 3px var(--primary-subtle)}.radio-wrapper{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.radio{appearance:none;background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);border-radius:50%;position:relative}.radio:checked{border-color:var(--primary)}.radio:checked:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:4px}.radio:focus{box-shadow:0 0 0 3px var(--primary-subtle)}.toggle-wrapper{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.toggle{appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;width:48px;height:24px;transition:all var(--transition-base);position:relative}.toggle:after{content:"";background:var(--text-secondary);width:20px;height:20px;transition:all var(--transition-base);border-radius:50%;position:absolute;top:2px;left:2px}.toggle:checked{background:var(--primary)}.toggle:checked:after{background:#fff;left:26px}.label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);display:block}.label-required:after{content:" *";color:var(--error)}.helper-text{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.helper-text-error{color:var(--error)}.form-group{margin-bottom:var(--space-6)}.search-input{background:var(--bg-secondary);border-radius:var(--radius-full);padding-left:calc(var(--space-4)*2 + 20px)}.search-input:focus{background:var(--bg-tertiary)}input[type=search]::-webkit-search-decoration{display:none}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-webkit-search-results-button{display:none}input[type=search]::-webkit-search-results-decoration{display:none}.password-toggle-btn{pointer-events:auto!important;transition:color .2s!important}.password-toggle-btn:hover{color:var(--primary)!important}
.header{z-index:var(--z-sticky);padding:var(--space-2)0;height:var(--header-height);background:var(--bg-primary);align-items:center;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:0;left:0;right:0}.header-hidden{transform:translateY(-110%)}.header-scrolled{background:var(--bg-primary);border-bottom:1px solid var(--border)}.header-container{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.header-scrolled{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:0 4px 30px #0000001a}.header-logo-container{flex:1;justify-content:flex-start;display:flex}.header-logo-img{width:auto;height:26px}.logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;display:flex}[data-theme=dark] .logo img{filter:invert()brightness(1.1)}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:32px;height:32px;font-weight:var(--font-extrabold);justify-content:center;align-items:center;display:flex}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:var(--space-2);flex:1;justify-content:center;display:flex}.nav-link{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--bg-glass)}.nav-link.active{color:var(--primary);background:var(--primary-subtle)}.header-actions{justify-content:flex-end;align-items:center;gap:var(--space-4);flex:1;display:flex}.theme-toggle{color:var(--text-secondary);transition:color .3s}.theme-toggle:hover{color:var(--primary)}.cart-btn{position:relative;overflow:visible!important}.cart-badge{background:var(--primary);border:2px solid var(--bg-primary);border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.mobile-menu-btn{padding:var(--space-2);color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{background:var(--bg-primary);z-index:9999;padding:0 var(--space-6)var(--space-20);gap:var(--space-4);opacity:0;pointer-events:none;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-menu.open{opacity:1;pointer-events:auto;display:flex;transform:translate(0)}.mobile-menu-header{height:var(--header-height-mobile);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mobile-nav-link{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-2);font-size:var(--text-xl);font-family:var(--font-display);color:var(--text-primary);border-radius:var(--radius-md);white-space:nowrap;font-weight:700;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:var(--primary-subtle)}.mobile-nav-icon{width:24px;height:24px;color:var(--primary);opacity:.8}.mobile-menu-footer{padding-top:var(--space-8);gap:var(--space-3);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}@media (max-width:768px){.header{height:var(--header-height-mobile);background:var(--bg-primary);padding:0;z-index:1000!important}.header-logo-img{width:auto;height:19px!important}.nav,.header-actions .btn:not(.cart-btn):not(.theme-toggle):not(.mobile-menu-btn){display:none}.mobile-menu-btn{width:40px;height:40px;margin-right:calc(var(--space-2)*-1);justify-content:center;align-items:center;padding:0;display:flex}.header-actions .cart-btn,.header-actions .theme-toggle{display:flex}.header-container{gap:var(--space-4)!important;padding:0 var(--space-4)!important}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-16)0 var(--space-8);margin-top:var(--space-24)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:300px}.footer-brand .logo{margin-bottom:var(--space-4)}.footer-brand-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.footer-social{gap:var(--space-3);display:flex}.footer-social-link{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.footer-social-link:hover{color:var(--text-primary);border-color:var(--primary);background:var(--primary-subtle)}.footer-column h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-base)}.footer-link:hover{color:var(--primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.footer-copyright{font-size:var(--text-sm);color:var(--text-muted)}.footer-payment{align-items:center;gap:var(--space-4);display:flex}.footer-payment-label{font-size:var(--text-xs);color:var(--text-muted)}.footer-payment-icons{gap:var(--space-2);display:flex}.footer-payment-icon{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:44px;height:28px;color:var(--text-primary);justify-content:center;align-items:center;transition:all .3s;display:flex}[data-theme=dark] .footer-payment-icon{background:#ffffff0d}.footer-payment-icon.stripe{color:#635bff}[data-theme=dark] .footer-payment-icon.stripe{color:#887fff}@media (max-width:768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.main-content{min-height:calc(100vh - 164px);padding-top:64px;padding-bottom:100px}.dashboard-layout .main-content{padding-top:0!important;padding-bottom:0!important}body:has(.dashboard-layout) .main-content{padding-top:0!important;padding-bottom:0!important}@media (max-width:768px){.main-content{padding-top:56px}}.b2b-hero{text-align:center;background:radial-gradient(circle at top center,var(--bg-secondary)0%,transparent 70%);padding:140px 0 100px}@media (max-width:768px){.b2b-hero{padding:80px 0 40px}}
.vf-badge-container{color:#ffbd00;text-transform:uppercase;letter-spacing:.05em;background:#ffbd001a;border:1px solid #ffbd0033;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.vf-ping-indicator{width:8px;height:8px;display:flex;position:relative}.vf-ping-dot-animate{opacity:.75;background:#ffbd00;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite vf-ping;position:absolute}.vf-ping-dot{background:#ffbd00;border-radius:50%;width:8px;height:8px;position:relative}@keyframes vf-ping{75%,to{opacity:0;transform:scale(2)}}.vf-hero-title{background:linear-gradient(to bottom right,#fff,#fff,#ffbd00);color:#0000;text-align:center;letter-spacing:-.05em;text-shadow:0 0 40px #ffbd0033;filter:drop-shadow(0 0 25px #ffbd004d);-webkit-background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:900}@media (min-width:768px){.vf-hero-title{font-size:3.75rem}}.vf-hero-subtitle{color:#9ca3af;text-align:center;max-width:32rem;margin:0 auto 48px;font-size:.875rem}@media (min-width:768px){.vf-hero-subtitle{font-size:1rem}}.vf-tabs-container{background:#0003;border-radius:16px;justify-content:center;width:100%;margin-bottom:32px;padding:4px;display:flex}.vf-dropzone{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(24px);background:#0006;border:1px dashed #4b556399;border-radius:24px;padding:48px;transition:all .3s;position:relative;overflow:hidden}.vf-dropzone:hover{background:#0009;border-color:#ffbd0080;box-shadow:0 0 20px #ffbd001a}.vf-dropzone.active{background:linear-gradient(to bottom right,#ffbd001a,#0000);border-color:#ffbd00;transform:scale(1.02);box-shadow:0 0 30px #ffbd0033}.vf-dropzone-icon-container{justify-content:center;margin-bottom:24px;display:flex}.vf-dropzone-icon-box{background:linear-gradient(to top right,#ffbd00,#e6aa00);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .3s;display:flex;box-shadow:0 0 30px #ffbd004d}.vf-dropzone:hover .vf-dropzone-icon-box{transform:scale(1.1)}.vf-dropzone-title{background:linear-gradient(90deg,#fff,#9ca3af);color:#0000;-webkit-background-clip:text;margin-bottom:8px;font-size:1.5rem;font-weight:700}.vf-dropzone-desc{color:#9ca3af;letter-spacing:.025em;margin-bottom:12px;font-weight:500}.vf-dropzone-meta{color:#6b7280cc;margin-bottom:24px;font-family:monospace;font-size:.75rem}.vf-btn-primary{color:#000;letter-spacing:.025em;cursor:pointer;background:linear-gradient(90deg,#ffbd00,#e6aa00);border:none;border-radius:9999px;justify-content:center;align-items:center;width:auto;padding:12px 32px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.vf-btn-full{width:100%}.vf-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#e6aa00,#ffbd00);transform:translateY(-2px);box-shadow:0 10px 15px -3px #ffbd004d}.vf-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.vf-progress-wrapper{margin-top:24px}.vf-progress-labels{color:#fff;justify-content:space-between;margin-bottom:8px;font-size:.875rem;display:flex}.vf-progress-track{background:#1f2937;border-radius:9999px;width:100%;height:8px;overflow:hidden}.vf-progress-fill{background:linear-gradient(90deg,#ffbd00,#e6aa00);height:100%;transition:width .3s}.vf-card{background:#0000004d;border:1px solid #4b556399;border-radius:12px;margin-bottom:24px;padding:16px}.vf-card-title{color:#fff;margin-bottom:12px;font-weight:600}.vf-grid-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}@media (min-width:640px){.vf-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.vf-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (min-width:640px){.vf-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.vf-input{color:#fff;background:#00000080;border:1px solid #4b5563;border-radius:4px;width:100%;padding:4px 8px;font-size:.875rem}.vf-input:focus{border-color:#ffbd00;outline:none}.vf-flex-between{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vf-section-title{color:#fff;font-size:1.25rem;font-weight:600}.vf-match-card{cursor:pointer;background:#111827e6;border:1px solid #37415180;border-radius:16px;flex-direction:column;margin-bottom:16px;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.vf-match-card{flex-direction:row;justify-content:space-between;align-items:center}}.vf-match-card:hover{background:#111827;border-color:#ffbd0080;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000080,0 0 15px #ffbd001a}.vf-match-card.active{background:linear-gradient(90deg,#111827f2,#1f2937f2);border-color:#ffbd00;box-shadow:inset 0 0 0 1px #ffbd00,0 10px 25px -5px #00000080}.vf-mc-left{flex:1;align-items:center;gap:16px;display:flex}.vf-mc-info{flex-direction:column;display:flex}.vf-mc-title{color:#fff;margin-bottom:4px;font-size:1.125rem;font-weight:700}.vf-mc-artist{color:#9ca3af;margin-bottom:8px;font-size:.875rem}.vf-mc-badges{flex-wrap:wrap;gap:8px;display:flex}.vf-mc-badge{color:#d1d5db;background:#1f2937cc;border:1px solid #37415180;border-radius:9999px;padding:2px 8px;font-size:.75rem}.vf-mc-score{width:64px;height:64px;position:relative}.vf-mc-score-svg{width:100%;height:100%;transform:rotate(-90deg)}.vf-mc-score-circle{fill:none;stroke:#374151;stroke-width:4px}.vf-mc-score-fill{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.vf-mc-score-text{justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;inset:0}.vf-text-green{color:#10b981}.vf-stroke-green{stroke:#10b981}.vf-text-yellow{color:#f59e0b}.vf-stroke-yellow{stroke:#f59e0b}.vf-text-orange{color:#f97316}.vf-stroke-orange{stroke:#f97316}.vf-mc-actions{align-items:center;gap:12px;margin-top:16px;display:flex}@media (min-width:640px){.vf-mc-actions{margin-top:0}}.vf-btn-icon{color:#fff;cursor:pointer;background:#37415180;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.vf-btn-icon:hover{color:#000;background:#ffbd00}.vf-btn-outline{color:#ffbd00;cursor:pointer;background:0 0;border:1px solid #ffbd00;border-radius:9999px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.vf-btn-outline:hover{color:#000;background:#ffbd00}