.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--bg-dark: #0d0f14;--bg-card: #161922;--bg-hover: #1d2130;--text-primary: #ffffff;--text-secondary: #a1a7b3;--text-muted: #6b7280;--border-color: #2a3140;--primary: #667eea;--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-orange: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-gold: linear-gradient(135deg, #f5af19 0%, #f12711 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow-x:hidden}[data-theme=light]{--bg-dark: #f6f8fb;--bg-card: #ffffff;--bg-hover: #eef2f7;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border-color: #e5e7eb;--primary: #5a67d8}[data-theme=light] body{background:var(--bg-dark);color:var(--text-primary)}[data-theme=light] .btn-secondary{color:var(--text-primary);border-color:var(--border-color);background:#fff}[data-theme=light] .btn-secondary:hover{background:#f8fafc;border-color:#d1d5db}[data-theme=light] .tag-select{color:var(--text-primary);border-color:var(--border-color);background:var(--bg-card)}[data-theme=light] .input,[data-theme=light] .qty-btn{color:var(--text-primary)}[data-theme=light] .card:hover{border-color:#d1d5db}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-dark: #f6f8fb;--bg-card: #ffffff;--bg-hover: #eef2f7;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border-color: #e5e7eb}}.title-hero{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.title-large{font-size:clamp(1.8rem,5vw,3rem);font-weight:600;letter-spacing:-.02em}.title-medium{font-size:1.5rem;font-weight:600}.title-small{font-size:1.125rem;font-weight:500}.text-gradient{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.app-container{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;padding:1rem;max-width:100%}.page-content{max-width:500px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition)}.card:hover{background:var(--bg-hover);border-color:#333}.card-gradient{position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;min-height:42px;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--gradient-purple);color:#fff;box-shadow:0 8px 24px #667eea40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #667eea59}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:#3a4252;box-shadow:0 6px 18px #00000040}.btn-ghost{background:#667eea14;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s ease}.btn-ghost:hover{color:var(--primary);background:#667eea26}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:#ffffff0f;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#667eea26;color:var(--primary)}.icon-btn:active{transform:scale(.95)}.text-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.text-btn:hover{color:var(--primary);background:#667eea1a}.text-btn.danger:hover{color:#f5576c;background:#f5576c1a}.btn-block{width:100%}.btn-lg{padding:1.25rem 2.5rem;font-size:1.125rem}.input-group{position:relative;margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.input{width:100%;padding:1rem 1.25rem;font-size:1rem;color:#fff;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:var(--transition)}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input::placeholder{color:var(--text-muted)}.smart-input{position:relative}.smart-input .input{padding-right:3rem;font-size:1.125rem;background:var(--bg-card);border-radius:var(--radius-lg)}.smart-input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-purple);border-radius:50%;cursor:pointer}.dealer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:1.5rem 0}.dealer-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-align:center}.dealer-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 10px 40px #667eea26}.dealer-card.has-debt{border-color:#f5576c}.dealer-avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.dealer-name{font-weight:500;margin-bottom:.25rem}.dealer-meta{font-size:.75rem;color:var(--text-secondary)}.dealer-debt{font-size:.75rem;color:#f5576c;margin-top:.25rem}.order-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.order-dealer{display:flex;align-items:center;gap:1rem}.order-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:.75rem}.order-item-info{flex:1}.order-item-name{font-weight:500;margin-bottom:.25rem}.order-item-price{font-size:.875rem;color:var(--text-secondary)}.order-item-qty{display:flex;align-items:center;gap:.75rem}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;transition:var(--transition)}.qty-btn:hover{background:var(--gradient-purple);border-color:transparent}.qty-value{font-size:1.125rem;font-weight:600;min-width:2rem;text-align:center}.order-total{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-card);border-radius:var(--radius-lg);margin-top:1.5rem}.order-total-label{color:var(--text-secondary)}.order-total-value{font-size:1.5rem;font-weight:700}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary)}.tag-supply{background:#667eea33;color:#667eea}.tag-return{background:#f5576c33;color:#f5576c}.tag-exchange{background:#f5af1933;color:#f5af19}.tag-gift{background:#38ef7d33;color:#38ef7d}.bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:3rem 1rem 1rem;background:linear-gradient(to top,var(--bg-dark) 80%,transparent)}.bottom-bar-content{max-width:500px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.stagger>*{animation:fadeInUp .5s ease-out both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.icon-btn{display:inline-flex;align-items:center;gap:.25rem}.icon{display:inline-block}.chevron-seq{display:inline-flex;align-items:center;gap:4px}.chevron-seq svg{animation:sway 1.2s ease-in-out infinite}.chevron-seq svg:nth-child(2){animation-delay:.2s}.chevron-seq svg:nth-child(3){animation-delay:.4s}@keyframes sway{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(0)}75%{transform:translate(3px)}to{transform:translate(0)}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}@media (max-width: 640px){.page{padding:.75rem}.dealer-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.dealer-card{padding:1rem .5rem}.dealer-avatar{width:48px;height:48px;font-size:1.25rem}}