@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);.App{background:#0000;min-height:100vh}body{font-family:Outfit,system-ui,sans-serif;padding:0}a,button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.setup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.setup-card{animation:slideUp .5s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:50px 40px;width:100%}.setup-card h1{color:#333;font-size:28px;margin-bottom:10px;text-align:center}.setup-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.setup-success{color:#28a745;text-align:center}.setup-success h1{color:#28a745}.setup-success .setup-info{color:#666;margin-top:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.setup-help{background-color:#e7f3ff;border-left:4px solid #004085;border-radius:4px;color:#004085;font-size:13px;margin-bottom:20px;padding:12px}.setup-backup-box{background:#fff8e6;border:1px solid #ffd27d;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:16px;padding:14px}.setup-backup-box p{color:#7c4a03;font-size:13px;margin:0 0 10px}.btn-secondary{background:#f59e0b;border:none;color:#fff}.btn-secondary:hover{background:#d97706}.btn-secondary:disabled{background:#f3c36b}.btn-large{font-size:16px!important;font-weight:600;padding:12px!important;width:100%}.btn-large:disabled{cursor:not-allowed;opacity:.7}.setup-footer{border-top:1px solid #eee;color:#666;font-size:13px;margin-top:25px;padding-top:20px}.setup-footer p{font-weight:600;margin:0 0 10px}.setup-footer ul{margin:0;padding-left:20px}.setup-footer li{color:#999;margin-bottom:5px}@media (max-width:600px){.setup-card{margin:20px;padding:30px 20px}.form-row{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:40px;width:100%}.auth-box h1{color:#667eea;margin-bottom:10px;text-align:center}.auth-box h2{color:#333;font-size:20px;margin-bottom:30px;text-align:center}.auth-footer{color:#666;margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.layout-container{background:linear-gradient(135deg,#0a0a0a,#1a0033);color:#fff;display:flex;min-height:100vh}.layout-sidebar{background:#000000f2;border-right:1px solid #00f5ff4d;height:100vh;overflow-y:auto;padding:24px;position:fixed;width:288px;z-index:1000}.layout-container{background:radial-gradient(circle at top left,#4f8cff1a,#0000 30%),radial-gradient(circle at top right,#21c9a41a,#0000 28%),linear-gradient(180deg,#eff4fb,#f8fafc 42%,#eef2ff);color:#0f172a}.layout-sidebar{background:#fffc;border-right:1px solid #94a3b824;box-shadow:12px 0 30px #0f172a0a;width:282px}.sidebar-title,.topbar-title{color:#0f172a;text-shadow:none}.sidebar-logo{background:linear-gradient(135deg,#4f8cff,#7c5cff);box-shadow:0 16px 30px #4f8cff40}.nav-item{color:#475569}.nav-item:hover{background:#4f8cff14;color:#0f172a}.nav-item.active{background:linear-gradient(135deg,#4f8cff24,#7c5cff1f);border-left-color:#4f8cff;color:#1d4ed8}.sidebar-footer{border-top-color:#94a3b82e}.user-email,.user-label{color:#334155}.logout-btn{background:#ef444414;border-color:#ef44442e;color:#dc2626}.logout-btn:hover{background:#ef444424;border-color:#ef444447}.layout-content{background:#0000;padding:28px}.topbar{background:#ffffffdb;border-bottom:1px solid #94a3b829;box-shadow:0 10px 30px #0f172a0d}.topbar-link{color:#475569}.topbar-link.active,.topbar-link:hover{background:#4f8cff14;color:#1d4ed8}.topbar-content{padding-top:98px}@media (max-width:768px){.layout-sidebar{width:246px}.layout-content{margin-left:246px;padding:18px}}.layout-sidebar::-webkit-scrollbar{width:8px}.layout-sidebar::-webkit-scrollbar-track{background:#0000}.layout-sidebar::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.layout-sidebar::-webkit-scrollbar-thumb:hover{background:#00f5ff66}.sidebar-header{gap:12px;margin-bottom:48px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(to bottom right,#00f5ff,#b000ff);border-radius:12px;color:#fff;font-size:24px;font-weight:700;height:44px;justify-content:center;width:44px}.sidebar-title{color:#00f5ff;font-size:32px;letter-spacing:-.02em;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.nav-item{align-items:center;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;padding:16px 24px;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff0d;color:#f1f5f9}.nav-item.active{background:#00f5ff26;border-left:4px solid #00f5ff;color:#00f5ff;padding-left:20px}.nav-icon{font-size:18px;width:20px}.sidebar-footer{border-top:1px solid #00f5ff4d;bottom:24px;left:24px;padding-top:24px;position:absolute;right:24px}.user-info{margin-bottom:16px}.user-label{color:#00f5ff;font-size:11px;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.user-email{color:#fff;font-size:13px;font-weight:500;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-items:center;background:#dc262633;border:1px solid #dc26264d;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:12px;padding:12px 16px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#dc262666;border-color:#dc262699;box-shadow:0 0 15px #ef444433}.layout-content{flex:1 1;margin-left:288px;overflow-y:auto;padding:32px}.topbar{background:#000000b3;border-bottom:1px solid #00f5ff14;height:72px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1200}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.topbar-title{color:#00f5ff;font-size:20px;font-weight:700;text-shadow:0 0 8px #00f5ff}.topbar-nav{align-items:center;display:flex;gap:12px}.topbar-link{border-radius:8px;color:#cbd5e1;padding:8px 12px;text-decoration:none}.topbar-link.active,.topbar-link:hover{background:#ffffff08;color:#00f5ff}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-content{margin-left:0;padding-top:92px}@media (max-width:768px){.layout-sidebar{width:240px}.layout-content{margin-left:240px;padding:16px}.sidebar-title{font-size:24px}}@media (max-width:480px){.layout-sidebar{padding:16px;width:200px}.layout-content{margin-left:200px;padding:12px}.sidebar-logo{height:36px;width:36px}.sidebar-logo,.sidebar-title{font-size:18px}.nav-item{font-size:13px;gap:12px;padding:12px 16px}}.dashboard-page{display:flex;flex-direction:column;gap:24px}.dashboard-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:70vh}.loading-ring{animation:floatPulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,#4f8cff1f,#21c9a41f);border-radius:50%;color:var(--primary-color);display:grid;font-size:20px;height:54px;place-items:center;width:54px}.card-surface,.metric-card,.panel-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #94a3b829;box-shadow:0 18px 40px #0f172a14}.dashboard-hero{grid-gap:24px;border-radius:30px;display:grid;gap:24px;grid-template-columns:1.2fr .8fr;padding:28px}.hero-copy{display:flex;flex-direction:column;gap:16px;justify-content:center}.hero-kicker,.metric-label,.panel-kicker{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{color:#0f172a;font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.06em;line-height:.95;margin:0}.hero-copy p{color:var(--text-muted);font-size:1rem;line-height:1.75;margin:0;max-width:62ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.chip-button,.hero-button{border:0;border-radius:999px;cursor:pointer;font-weight:700;padding:12px 18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.chip-button,.hero-button.primary{background:linear-gradient(135deg,#4f8cff,#7c5cff);box-shadow:0 16px 30px #4f8cff38;color:#fff}.hero-button.secondary{background:#f1f5f9e6;border:1px solid #94a3b842;color:#1e293b}.hero-preview{grid-gap:14px;align-content:start;display:grid;gap:14px}.preview-chart,.preview-grid,.preview-stat{background:linear-gradient(180deg,#fffffff2,#f8fafceb);border:1px solid #94a3b829;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffe6}.preview-stat{display:flex;flex-direction:column;gap:10px;padding:20px}.preview-primary{background:linear-gradient(135deg,#0f172a,#1f2937);color:#fff}.preview-primary small,.preview-primary span{color:#ffffffb8}.preview-primary strong{font-size:2.2rem;letter-spacing:-.05em}.preview-chart{height:190px;overflow:hidden;padding:18px;position:relative}.chart-line{background:linear-gradient(90deg,#4f8cff,#7c5cff,#21c9a4);border-radius:999px;height:2px;inset:auto 18px 20px 18px;opacity:.9;position:absolute}.chart-line-a{bottom:44px;transform:rotate(-4deg);width:78%}.chart-line-b{bottom:82px;opacity:.45;transform:rotate(2deg);width:66%}.chart-line-c{bottom:118px;opacity:.3;transform:rotate(-6deg);width:48%}.preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:18px}.preview-grid span{color:#94a3b8;display:block;font-size:12px;margin-bottom:8px}.preview-grid strong{color:#0f172a;display:block;font-size:1.4rem}.mini-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{border-radius:24px;padding:22px;transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover,.panel-card:hover{box-shadow:0 22px 45px #0f172a1a;transform:translateY(-3px)}.metric-card-header{align-items:start;display:flex;gap:16px;justify-content:space-between}.metric-value{color:#0f172a;display:block;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.05em;margin-top:10px}.metric-card p{color:#64748b;font-size:.92rem;line-height:1.6;margin:14px 0 0}.metric-icon-shell{background:#f1f5f9e6;border-radius:16px;color:#4f8cff;display:grid;font-size:1.1rem;height:52px;place-items:center;width:52px}.tone-emerald .metric-icon-shell{color:#10b981}.tone-violet .metric-icon-shell{color:#7c5cff}.tone-amber .metric-icon-shell{color:#f59e0b}.tone-pink .metric-icon-shell{color:#ec4899}.dashboard-content-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.1fr .9fr}.lower-grid{grid-template-columns:1.15fr .85fr}.panel-card{border-radius:28px;padding:24px}.panel-title-row{align-items:start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.panel-title-row h2{color:#0f172a;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:-.04em;margin:6px 0 0}.panel-title-icon{color:#7c5cff;font-size:1.2rem}.story-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.story-metric{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #94a3b829;border-radius:18px;padding:16px}.kpi-card label,.overview-top span,.payment-row-item p,.payment-summary span,.story-metric span,.token-swatch p{color:#94a3b8;display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.kpi-card span,.overview-top strong,.payment-row-header strong,.payment-summary strong,.story-metric strong{color:#0f172a;display:block;font-size:1.1rem;letter-spacing:-.03em;margin-top:8px}.flow-track{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:16px 0 18px}.flow-track span{background:linear-gradient(90deg,#dbeafe,#c4b5fd,#a7f3d0,#fed7aa);border-radius:999px;height:12px}.guide-note{background:linear-gradient(135deg,#4f8cff14,#21c9a414);border-radius:20px;color:#0f172a;display:flex;gap:14px;padding:16px}.guide-note svg{color:#4f8cff;font-size:1.2rem;margin-top:4px}.guide-note p,.support-block p{color:#64748b;line-height:1.6;margin:6px 0 0}.token-palette{grid-gap:12px;display:grid;gap:12px;margin-bottom:18px}.token-swatch{align-items:center;background:#f8fafcf2;border:1px solid #94a3b824;border-radius:18px;display:flex;gap:12px;padding:12px 14px}.token-color{border:1px solid #0f172a14;border-radius:10px;height:28px;width:28px}.payment-row-item strong,.token-swatch strong{color:#0f172a}.token-bars{grid-gap:14px;display:grid;gap:14px}.token-bars>div{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #94a3b824;border-radius:18px;padding:14px}.token-bars label{color:#94a3b8;display:block;font-size:12px;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.spacing-dots{align-items:center;display:flex;gap:8px}.spacing-dots span{background:linear-gradient(135deg,#4f8cff,#7c5cff);border-radius:999px;height:16px;width:16px}.spacing-dots span:nth-child(2){height:20px;opacity:.9;width:20px}.spacing-dots span:nth-child(3){height:24px;opacity:.8;width:24px}.spacing-dots span:nth-child(4){height:28px;opacity:.7;width:28px}.spacing-dots span:nth-child(5){height:32px;opacity:.6;width:32px}.chart-stage{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b826;border-radius:24px;padding:18px}.chart-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.chart-search{background:#f1f5f9;border:1px solid #94a3b82e;border-radius:999px;flex:1 1;height:38px}.chart-badge,.status-pill{background:#eff6ff;border-radius:999px;color:#2563eb;font-size:12px;font-weight:700;padding:10px 14px}.chart-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:52px 1fr 82px}.chart-sidebar-mini{grid-gap:10px;align-content:start;display:grid;gap:10px}.chart-sidebar-mini span{background:#e2e8f0;border-radius:12px;height:34px}.chart-sidebar-mini .active{background:linear-gradient(135deg,#4f8cff,#7c5cff)}.chart-main{grid-gap:14px;display:grid;gap:14px}.chart-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.kpi-card{background:#fff;border:1px solid #94a3b81f;border-radius:18px;box-shadow:0 10px 22px #0f172a0d;padding:14px}.kpi-card.accent{background:linear-gradient(135deg,#eff6ff,#ecfeff)}.mock-chart{background:linear-gradient(180deg,#4f8cff0d,#7c5cff0d);border:1px solid #94a3b824;border-radius:24px;min-height:170px;overflow:hidden;position:relative}.mock-line{background:linear-gradient(90deg,#4f8cff,#7c5cff 45%,#21c9a4);border-radius:999px;bottom:58px;height:3px;left:14px;position:absolute;right:14px}.mock-line.alt{bottom:104px;opacity:.45;transform:skewY(-5deg)}.chart-panel-right{grid-gap:10px;align-content:start;display:grid;gap:10px}.activity-dot{background:#e2e8f0;border-radius:14px;height:40px}.activity-dot:first-child{background:#dbeafe}.activity-dot:nth-child(2){background:#d1fae5}.activity-dot:nth-child(3){background:#ede9fe}.activity-dot:nth-child(4){background:#ffedd5}.overview-stack{grid-gap:16px;display:grid;gap:16px}.overview-top{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;color:#fff;display:flex;justify-content:space-between;padding:18px}.overview-top span,.overview-top strong{color:#ffffffd6}.overview-top svg{color:#21c9a4;font-size:1.6rem}.overview-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.overview-metrics>div,.payment-summary>div{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #94a3b824;border-radius:18px;padding:14px}.engagement-chart{grid-gap:10px;align-items:end;background:linear-gradient(180deg,#21c9a40f,#4f8cff14);border:1px solid #94a3b824;border-radius:22px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);min-height:140px;padding:18px}.engagement-chart span{background:linear-gradient(180deg,#4f8cff,#7c5cff);border-radius:999px 999px 14px 14px}.engagement-chart span:first-child{height:42px}.engagement-chart span:nth-child(2){height:70px}.engagement-chart span:nth-child(3){height:96px}.engagement-chart span:nth-child(4){height:54px}.engagement-chart span:nth-child(5){height:118px}.help-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.payment-stack,.support-blocks{grid-gap:14px;display:grid;gap:14px}.payment-row-item,.support-block{grid-gap:14px;align-items:start;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #94a3b824;border-radius:20px;display:grid;gap:14px;grid-template-columns:40px 1fr;padding:16px}.support-block svg{color:#4f8cff;font-size:1.15rem;margin-top:4px}.payment-row-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.payment-row-header span{color:#0f172a;font-weight:700}.progress-track{background:#e2e8f0;border-radius:999px;height:8px;margin-top:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4f8cff,#21c9a4);border-radius:inherit;height:100%}.payment-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:14px}@keyframes floatPulse{0%,to{box-shadow:0 0 0 0 #4f8cff2e;transform:translateY(0)}50%{box-shadow:0 0 0 10px #4f8cff0a;transform:translateY(-2px)}}@media (max-width:1200px){.dashboard-content-grid,.dashboard-hero,.help-grid,.lower-grid{grid-template-columns:1fr}.mini-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.chart-body,.chart-kpis,.mini-stats-grid,.overview-metrics,.payment-summary,.story-metrics{grid-template-columns:1fr}.chart-panel-right{grid-template-columns:repeat(4,1fr)}}.dashboard{padding:10px 0}.dashboard-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-section-title{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:18px;margin-top:36px;text-align:left}.dashboard .grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:20px}.metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.metric-card-left{display:flex;flex-direction:column;gap:4px;text-align:left}.metric-card-title{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-card-value{color:#0f172a;font-size:26px;font-weight:700}.metric-card-sub{color:#94a3b8;font-size:11px;margin-top:2px}.metric-card-icon-wrapper{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.metric-blue{border-top:4px solid #3b82f6}.metric-blue .metric-card-icon-wrapper{background-color:#eff6ff;color:#3b82f6}.metric-blue .metric-card-value{color:#2563eb}.metric-green{border-top:4px solid #10b981}.metric-green .metric-card-icon-wrapper{background-color:#ecfdf5;color:#10b981}.metric-green .metric-card-value{color:#059669}.metric-red{border-top:4px solid #ef4444}.metric-red .metric-card-icon-wrapper{background-color:#fef2f2;color:#ef4444}.metric-red .metric-card-value{color:#dc2626}.metric-orange{border-top:4px solid #f59e0b}.metric-orange .metric-card-icon-wrapper{background-color:#fef3c7;color:#f59e0b}.metric-orange .metric-card-value{color:#d97706}.metric-pink{border-top:4px solid #ec4899}.metric-pink .metric-card-icon-wrapper{background-color:#fdf2f8;color:#ec4899}.metric-pink .metric-card-value{color:#db2777}.metric-indigo{border-top:4px solid #6366f1}.metric-indigo .metric-card-icon-wrapper{background-color:#e0e7ff;color:#6366f1}.metric-indigo .metric-card-value{color:#4f46e5}.products{padding:10px 0}.products .button-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.upload-success{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#10b981}.upload-error,.upload-success{font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 16px}.upload-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444}.product-thumbnail-placeholder{background-color:var(--card-bg);border:1px solid #ffffff08;border-radius:6px;color:var(--muted);height:42px;width:42px}.stock-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:4px 8px}.stock-badge.in-stock{background-color:#10b9811f;color:var(--success-color)}.stock-badge.out-of-stock{background-color:var(--card-bg);color:var(--muted)}.selected-image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:15px}.selected-image-item{background:var(--card-bg);border:1px solid #ffffff08;border-radius:6px;height:80px;overflow:hidden;position:relative;width:80px}.selected-image-img{height:100%;object-fit:cover;width:100%}.image-delete-btn{align-items:center;background-color:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;width:20px}.selected-image-preview .field-help{color:var(--muted);display:block;font-weight:500;margin-bottom:6px}.modal-section-divider{border-top:1px solid var(--table-border);margin-top:20px;padding-top:20px}.modal-section-title{display:block;font-weight:700;margin-bottom:8px}.category-badge{background-color:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:12.5px;font-weight:600;padding:4px 10px}.product-thumbnail{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;height:44px;object-fit:cover;width:44px}.product-thumbnail-placeholder{align-items:center;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#94a3b8;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}@media (max-width:640px){.modal-row-grid{gap:0;grid-template-columns:1fr}}.inventory-toggle-card{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:flex;margin:12px 0;padding:14px 16px;transition:all .2s ease;width:100%}.inventory-toggle-card:hover{background-color:#f1f5f9;border-color:#cbd5e1}.inventory-toggle-card input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:20px;margin:0 16px 0 0;width:20px}.inventory-toggle-card label{align-items:center;cursor:pointer;display:flex;margin:0;-webkit-user-select:none;user-select:none;width:100%}.inventory-toggle-card .toggle-icon{font-size:20px;line-height:1;margin-right:12px}.inventory-toggle-card .toggle-text{display:flex;flex-direction:column;text-align:left}.inventory-toggle-card .toggle-label{color:#1e293b;font-size:14px;font-weight:600;line-height:1.2}.inventory-toggle-card .toggle-desc{color:#64748b;font-size:12px;line-height:1.3;margin-top:4px}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #38bdf84d;border-radius:1.5rem;overflow:hidden;transition:all .3s ease-in-out}.product-card:hover{border-color:#38bdf8;transform:scale(1.02)}.product-card-image-container{align-items:center;background-image:linear-gradient(to bottom right,#111827,#000);border-bottom:1px solid #64c8ff26;display:flex;height:16rem;justify-content:center;overflow:hidden;transition:transform .3s ease-in-out}.product-card:hover .product-card-image-container{transform:scale(1.05)}.product-card-image{height:100%;object-fit:cover;width:100%}.product-card-emoji{font-size:5rem;opacity:.8}.product-card-content{padding:1.5rem}.product-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem;min-height:2.6em;overflow:hidden;text-overflow:ellipsis}.product-card-category{color:#22d3ee;font-size:.875rem;margin-bottom:1.5rem}.product-card-details{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.5rem}.product-card-price-label{color:#9ca3af;font-size:.75rem;letter-spacing:.05em}.product-card-price{color:#fff;font-size:1.875rem;font-weight:700;text-shadow:0 0 8px #22d3eeb3}.product-card-stock{border-radius:1rem;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem}.product-card-stock.in-stock{background-color:#10b98133;color:#34d399}.product-card-stock.out-of-stock{background-color:#ef444433;color:#f87171}.product-card-actions{display:flex;gap:1rem}.product-card-actions .action-button{align-items:center;border:none;border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 0;transition:background-color .2s}.product-card-actions .action-button.edit{background-color:#0891b2}.product-card-actions .action-button.edit:hover{background-color:#06b6d4}.product-card-actions .action-button.delete{background-color:#dc2626}.product-card-actions .action-button.delete:hover{background-color:#ef4444}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.action-btn.edit{color:#22d3ee}.action-btn.edit:hover{background:#164e63;border-color:#22d3ee}.action-btn.delete:hover{background:#7f1d1d;border-color:#ef4444}.clients-page{padding:10px 0}.client-detail-header-row,.clients-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.client-detail-header-row{flex-wrap:wrap;gap:16px}.client-detail-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.tab-navigation{border-bottom:2px solid #e2e8f0;display:flex;gap:24px;margin-bottom:24px}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 4px;transition:all .2s ease}.tab-btn:hover{color:#0f172a}.tab-btn.active{border-bottom:2px solid #2563eb;color:#2563eb}.quotes{padding:10px 0}.quotes .btn{margin-right:6px}.quotes .badge{align-items:center;border:1px solid #0000;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.quotes .badge-success{background-color:#d1fae5;border-color:#05966926;color:#059669}.quotes .badge-warning{background-color:#fef3c7;border-color:#d9770626;color:#d97706}.quotes .badge-danger{background-color:#fee2e2;border-color:#dc262626;color:#dc2626}.quotes .badge-info{background-color:#eff6ff;border-color:#2563eb26;color:#2563eb}.quotes .badge-sold{background-color:#d1fae5;border-color:#05966926;color:#059669}.quotes .badge-pending{background-color:#fef3c7;border-color:#d9770626;color:#d97706}.quote-status{font-weight:700}.quote-status.sold{color:var(--success-color)!important}.quote-status.pending{color:var(--primary-color)!important}.quote-detail{padding:10px 0}.quote-info{grid-gap:24px;background-color:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #00000005;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px;padding:24px}.info-section{text-align:left}.info-section h3{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:700;margin-bottom:16px;margin-top:0;padding-bottom:8px}.info-section p{color:#475569;font-size:14px;line-height:1.5;margin:10px 0}.info-section strong{color:#0f172a}.items-section{margin-bottom:30px;text-align:left}.items-section h3{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.total-section{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:30px;padding:20px 24px;text-align:right}.total-section h3{color:#1e3a8a;font-size:22px;font-weight:800;margin:0}.notes-section{background-color:#fffde7;border:1px solid #fef08a;border-radius:12px;margin-bottom:30px;padding:20px;text-align:left}.notes-section h3{color:#854d0e;font-size:15px;font-weight:700;margin-bottom:10px;margin-top:0}.notes-section p{color:#a16207;font-size:14px;line-height:1.6;margin:0}.actions{border-top:1px solid #cbd5e1;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding-top:24px}.actions .btn{margin-right:0}.create-quote{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:10px 0 40px}.create-quote h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:25px;margin-top:0}.quote-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:2.2fr 1fr}.quote-main-content{display:flex;flex-direction:column;gap:24px}.quote-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;display:flex;flex-direction:column;gap:20px;padding:24px;position:-webkit-sticky;position:sticky;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quote-sidebar:hover{box-shadow:0 20px 30px -10px #1b4bda14}.sidebar-title{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin:0;padding-bottom:12px}.sidebar-row{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between}.sidebar-row.total{border-top:1px solid #e2e8f0;color:#0f172a;font-size:18px;font-weight:700;padding-top:15px}.sidebar-total-amount{color:#1b4bda;font-size:26px;font-weight:800;letter-spacing:-.5px;transition:all .2s ease}.amount-updated{color:#10b981;transform:scale(1.08)}.sidebar-preview-list{background-color:#f8fafc;border-radius:8px;display:flex;flex-direction:column;font-size:13px;gap:8px;max-height:180px;overflow-y:auto;padding:10px}.sidebar-preview-item{color:#475569;display:flex;justify-content:space-between}.sidebar-preview-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;flex-direction:column;gap:10px}.form-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000008;padding:24px}.form-section h2{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.search-wrapper-flex{align-items:stretch;display:flex;gap:10px}.search-input-container{flex-grow:1;position:relative}.search-icon-inside{color:#94a3b8;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.search-field-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.clear-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{color:#64748b}.search-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.dropdown-option{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option.active,.dropdown-option:hover{background-color:#f1f5ff}.dropdown-option-title{color:#1e293b;font-size:14px;font-weight:600}.dropdown-option-subtitle{color:#64748b;font-size:12px}.dropdown-option-price{color:#1b4bda;font-size:12px;font-weight:700;margin-top:2px}.dropdown-empty{color:#64748b;font-size:14px;font-style:italic;padding:15px;text-align:center}.selected-client-card{align-items:center;background-color:#f8fafc;border-left:4px solid #1b4bda;border-radius:12px;display:flex;justify-content:space-between;margin-top:15px;padding:14px 18px}.client-info-text h4{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 4px}.client-info-text p{color:#64748b;font-size:13px;margin:0}.btn-change-client{background:none;border:none;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600}.btn-change-client:hover{text-decoration:underline}.items-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:visible}.items-table{border-collapse:collapse;min-width:800px;width:100%}.items-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 18px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.items-table tbody tr:last-child td{border-bottom:none}.product-cell{width:45%}.placeholder-row{color:#64748b;font-size:14px;font-style:italic;text-align:center}.quantity-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:8px 10px;text-align:center;transition:all .2s ease;width:70px}.quantity-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.price-input-wrapper{align-items:center;display:inline-flex;position:relative}.price-symbol{color:#64748b;font-size:14px;left:10px;pointer-events:none;position:absolute}.price-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:500;padding:8px 10px 8px 22px;transition:all .2s ease;width:100px}.price-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.item-subtotal-text{color:#1e293b;font-size:14px;font-weight:600}.form-group textarea{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.modal-overlay{animation:fadeIn .25s ease-out}.modal-container{animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-width:500px}.modal-close-btn{line-height:1;transition:color .15s ease}.modal-row-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn{border-radius:12px;padding:10px 18px}.btn-primary{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.btn-primary:hover{background-color:#e2e8f0}.btn-success{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 10px #2563eb33}.btn-success:hover{box-shadow:0 6px 14px #2563eb4d;transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-danger{background-color:#fef2f2;border:1px solid #fee2e2;color:#ef4444}.btn-danger:hover{background-color:#fee2e2}.btn-icon{align-items:center;background:none;border:1px solid #0000;border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.btn-icon:hover{background-color:#fee2e2;border-color:#fecaca}.btn-outline{background:none;border:1px dashed #cbd5e1;color:#475569}.btn-outline:hover{background-color:#f8fafc;border-color:#94a3b8;color:#1e293b}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:3000}.toast{align-items:flex-start;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border-left:5px solid #64748b;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px;pointer-events:auto;transition:all .2s ease-out}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:#3b82f6}.toast-icon{font-size:18px}.toast-content{flex-grow:1}.toast-title{color:#0f172a;font-size:14px;font-weight:700;margin-bottom:2px}.toast-message{color:#64748b;font-size:13px;line-height:1.4}.toast-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:0}.toast-close-btn:hover{color:#64748b}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:992px){.quote-layout{grid-template-columns:1fr}.quote-sidebar{margin-top:10px;position:static}.items-table-wrapper{overflow-x:auto}}.users-page{font-family:Outfit,Inter,sans-serif;margin:0 auto;max-width:1000px;padding:20px 0}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.users-header h1{color:#0f172a;font-size:28px;font-weight:700;margin:0}.users-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #00000008;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px}.users-table tr:last-child td{border-bottom:none}.role-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.role-badge.super_admin{background-color:#eef2ff;color:#4f46e5}.role-badge.user{background-color:#ecfdf5;color:#059669}.empty-users-state{color:#64748b;padding:40px 20px;text-align:center}.empty-users-icon{display:block;font-size:48px;margin-bottom:15px}.modal-overlay{background-color:#0f172a80;z-index:2000}.modal-container{background:#fff;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:450px;overflow:hidden;width:90%}.modal-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px}.modal-close-btn:hover{color:#ef4444}.modal-body{gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#475569;font-size:13px}.form-input{border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:14px;padding:10px 14px;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.settings-page{margin:0 auto;max-width:1000px;padding:0}.settings-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #00f5ff33;border-radius:24px;margin-bottom:32px;padding:32px;transition:all .3s ease}.settings-card:hover{border-color:#00f5ff66;box-shadow:0 0 20px #00f5ff26}.settings-card h2{color:#00f5ff;font-size:22px;font-weight:700;margin:0 0 8px;text-shadow:0 0 10px #00f5ff}.settings-subtitle{border-bottom:1px solid #00f5ff1a;color:#cbd5e1;font-size:14px;margin-bottom:30px;padding-bottom:16px}.settings-section{margin-bottom:32px}.settings-section h3{border-bottom:1px solid #ff00ff1a;color:#f0f;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:8px;text-shadow:0 0 8px #f0f}.radio-group{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.radio-label{align-items:flex-start;background:#1e293b80;border:1px solid #00f5ff33;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.radio-label:hover{background:#1e293bb3;border-color:#00f5ff66;box-shadow:0 0 15px #00f5ff1a}.radio-label.active{background:#00f5ff1a;border-color:#00f5ff;box-shadow:0 0 15px #00f5ff33}.radio-label input[type=radio]{accent-color:#00f5ff;height:18px;margin-top:4px;width:18px}.radio-content{display:flex;flex-direction:column;gap:4px;text-align:left}.radio-title{color:#f1f5f9;font-size:15px;font-weight:600}.radio-desc{color:#cbd5e1;font-size:13px;line-height:1.5}.toggle-switch-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.toggle-switch-card{align-items:center;background:#1e293b80;border:1px solid #00f5ff33;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.toggle-switch-card:hover{background:#1e293bb3;border-color:#00f5ff66;box-shadow:0 0 15px #00f5ff1a}.toggle-switch-info{display:flex;flex-direction:column;gap:4px;text-align:left}.toggle-switch-title{color:#f1f5f9;font-size:14px;font-weight:600}.toggle-switch-desc{color:#cbd5e1;font-size:12px}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#475569;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #00000026;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#00f5ff;box-shadow:0 0 10px #00f5ff}input:checked+.slider:before{transform:translateX(24px)}.message-banner{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 18px}.message-success{background-color:#10b9811a;border:1px solid #10b9814d;color:#86efac}.message-error{background-color:#ef44441a;border:1px solid #ef44444d;color:#ff6b6b}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px;margin-top:16px}.theme-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #00f5ff33;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:space-between;overflow:hidden;padding:18px;position:relative;text-align:left;transition:all .3s ease}.theme-card:hover{border-color:#00f5ff66;box-shadow:0 0 15px #00f5ff26;transform:translateY(-2px)}.theme-card.active{background:#00f5ff1a;border-color:#00f5ff;box-shadow:0 0 20px #00f5ff4d}.theme-card-header{align-items:center;display:flex;justify-content:space-between}.theme-card-name{color:#f1f5f9;font-size:15px;font-weight:700}.theme-card-desc{color:#cbd5e1;flex-grow:1;font-size:12px;line-height:1.45;margin:0}.theme-card-palette{display:flex;gap:6px;margin-top:4px}.palette-color{border:1px solid #00f5ff33;border-radius:50%;display:inline-block;height:18px;width:18px}.form-group label{color:#f1f5f9}.form-group input,.form-group select,.form-group textarea{background:#0f172acc;border:1px solid #00f5ff33;color:#f1f5f9;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#00f5ff66}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f172af2;border-color:#00f5ff;box-shadow:0 0 15px #00f5ff33}.btn{display:inline-block;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#00f5ff4d;border:1px solid #00f5ff80;color:#00f5ff}.btn-primary:hover:not(:disabled){background:#00f5ff80;border-color:#00f5ff;box-shadow:0 0 15px #00f5ff66}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #00f5ff33;border-radius:12px}.loading-container{color:#cbd5e1;padding:40px 20px;text-align:center}input[type=file]{color:#cbd5e1}input[type=file]::-webkit-file-upload-button{background:#00f5ff4d;border:1px solid #00f5ff80;border-radius:6px;color:#00f5ff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;-webkit-transition:all .3s ease;transition:all .3s ease}input[type=file]::file-selector-button{background:#00f5ff4d;border:1px solid #00f5ff80;border-radius:6px;color:#00f5ff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}input[type=file]::-webkit-file-upload-button:hover{background:#00f5ff80;box-shadow:0 0 10px #00f5ff4d}input[type=file]::file-selector-button:hover{background:#00f5ff80;box-shadow:0 0 10px #00f5ff4d}.layout-grid{display:flex;gap:12px}.layout-card{background:#0000;border:1px solid #ffffff08;border-radius:10px;cursor:pointer;padding:12px}.layout-card.active{background:#00f5ff14;border-color:#00f5ff26}.admin-panel{font-family:Outfit,Inter,sans-serif;margin:0 auto;max-width:1100px;padding:24px 0;text-align:left}.admin-panel h1{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:24px}.admin-stats{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;box-shadow:0 4px 10px #0f172a26;color:#fff;font-size:15px;margin-bottom:24px;padding:16px 24px}.admin-stats p{margin:0}.admin-table{background-color:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:20px;box-shadow:0 4px 6px -1px #00000008;overflow:hidden;width:100%}.admin-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.blocked{background-color:#f8fafc;opacity:.7}.admin-table tr.blocked td{color:#94a3b8}.admin-table .btn-small{border:none;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;margin-right:8px;padding:6px 12px;transition:all .2s ease}.admin-table .btn-small:first-of-type{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.admin-table .btn-small:first-of-type:hover{background-color:#e2e8f0}.admin-table .btn-small:last-of-type{background-color:#fee2e2;border:1px solid #fecaca;color:#ef4444}.admin-table .btn-small:last-of-type:hover{background-color:#fecaca}.admin-loading{align-items:center;color:#64748b;display:flex;font-size:18px;height:300px;justify-content:center}.admin-row-header:hover{background-color:#f8fafc}.admin-row-header.active{background-color:#f1f5f9}.expanded-row-details td{background-color:#f8fafc;padding:0 24px 20px!important}.metrics-detail-card{animation:slideDown .25s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.badge{border-radius:6px;display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.badge-sold{background-color:#dcfce7;color:#15803d}.badge-pending{background-color:#fee2e2;color:#b91c1c}:root{--bg-gradient:radial-gradient(circle at top left,#4f8cff1f,#0000 28%),radial-gradient(circle at top right,#21c9a41f,#0000 25%),linear-gradient(180deg,#eff4fb,#f8fafc 52%,#eef2ff);--text-main:#1e293b;--text-title:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--card-bg:#fffffff5;--card-border:1px solid #e2e8f0e6;--card-shadow:0 12px 30px #0f172a0d;--card-shadow-hover:0 18px 40px #0f172a14;--primary-color:#4f8cff;--primary-hover:#3b76f0;--primary-text:#fff;--success-color:#14b8a6;--success-hover:#0f9f93;--danger-color:#ef4444;--danger-hover:#dc2626;--secondary-bg:#f1f5f9;--secondary-border:1px solid #dbe4ee;--secondary-text:#334155;--secondary-hover:#e2e8f0;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--input-focus-border:#4f8cff;--input-focus-ring:#4f8cff1f;--navbar-bg:#ffffffe6;--navbar-brand-text:#0f172a;--navbar-link-text:#475569;--navbar-link-hover-bg:#4f8cff14;--navbar-link-hover-text:#0f172a;--navbar-link-active-bg:#4f8cff1f;--navbar-link-active-text:#1d4ed8;--navbar-user-text:#475569;--table-header-bg:#f8fafc;--table-header-text:#334155;--table-border:#e2e8f0;--table-row-border:#edf2f7;--table-row-hover:#f8fafc;--help-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--help-border:#bfdbfe;--help-border-left:#4f8cff;--help-text:#1e40af;--help-title-text:#1e3a8a;--transition-speed:0.25s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#4f8cff1f,#0000 28%),radial-gradient(circle at top right,#21c9a41f,#0000 25%),linear-gradient(180deg,#eff4fb,#f8fafc 52%,#eef2ff);background:var(--bg-gradient);background-attachment:fixed;color:#1e293b;color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root,body,html{min-height:100%}.container{margin:0 auto;max-width:1400px;padding:24px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;background:var(--card-bg);border:1px solid #e2e8f0e6;border:var(--card-border);border-radius:16px;box-shadow:0 12px 30px #0f172a0d;box-shadow:var(--card-shadow);margin-bottom:24px;padding:24px;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease,border-color .25s ease;transition:transform .2s ease,box-shadow .2s ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.card:hover{box-shadow:0 18px 40px #0f172a14;box-shadow:var(--card-shadow-hover)}.card-title{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--table-border);color:#0f172a;color:var(--text-title);display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.card-accent-blue{border-top:4px solid #4f8cff;border-top:4px solid var(--primary-color)}.card-accent-green{border-top:4px solid #14b8a6;border-top:4px solid var(--success-color)}.card-accent-red{border-top:4px solid #ef4444;border-top:4px solid var(--danger-color)}.card-accent-orange{border-top:4px solid #f59e0b}.card-accent-pink{border-top:4px solid #ec4899}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#4f8cff;background-color:var(--primary-color);color:#fff;color:var(--primary-text)}.btn-primary:hover{background-color:#3b76f0;background-color:var(--primary-hover);box-shadow:0 4px 12px #2563eb33}.btn-success{background-color:#14b8a6;background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#0f9f93;background-color:var(--success-hover);box-shadow:0 4px 12px #10b98133}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-hover);box-shadow:0 4px 12px #ef444433}.btn-secondary{background-color:#f1f5f9;background-color:var(--secondary-bg);border:1px solid #dbe4ee;border:var(--secondary-border);color:#334155;color:var(--secondary-text)}.btn-secondary:hover{background-color:#e2e8f0;background-color:var(--secondary-hover);color:#1e293b;color:var(--text-main)}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#1e293b;color:var(--text-main);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:8px;color:#0f172a;color:var(--input-text);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease,background-color .25s ease,border-color .25s ease,color .25s ease;transition:all .2s ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f8cff;border-color:var(--input-focus-border);box-shadow:0 0 0 4px #4f8cff1f;box-shadow:0 0 0 4px var(--input-focus-ring);outline:none}.form-group textarea{min-height:100px;resize:vertical}.alert{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 18px}.alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.table-container{background:#fff;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--table-border);border-radius:12px;margin-top:20px;overflow-x:auto;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}table{border-collapse:initial;border-spacing:0;margin-top:0;width:100%}table th{background-color:#f8fafc;background-color:var(--table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);color:#334155;color:var(--table-header-text);font-size:13px;font-weight:600;letter-spacing:.05em;padding:14px 18px;text-align:left;text-transform:uppercase;transition:background-color .25s ease,color .25s ease,border-color .25s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}table td{border-bottom:1px solid #edf2f7;border-bottom:1px solid var(--table-row-border);color:#1e293b;color:var(--text-main);font-size:14px;padding:16px 18px;transition:border-color .25s ease,color .25s ease;transition:border-color var(--transition-speed) ease,color var(--transition-speed) ease;vertical-align:middle}table tr:last-child td{border-bottom:none}table tr{transition:background-color .2s ease}table tr:hover{background-color:#f8fafc;background-color:var(--table-row-hover)}.help-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);background:var(--help-bg);border:1px solid #bfdbfe;border-left:5px solid #4f8cff;border:1px solid var(--help-border);border-left:5px solid var(--help-border-left);border-radius:12px;box-shadow:0 4px 6px -1px #00000005;color:#1e40af;color:var(--help-text);display:flex;flex-direction:column;font-size:14px;gap:10px;margin-bottom:24px;padding:18px 24px;text-align:left;transition:background-color .25s ease,border-color .25s ease,color .25s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease}.help-banner-title{align-items:center;color:#1e3a8a;color:var(--help-title-text);display:flex;font-size:16px;font-weight:700;gap:8px}.help-banner-list{line-height:1.6;margin:0;padding-left:20px}.help-banner-list li{margin-bottom:6px}.field-help{color:#64748b;color:var(--text-muted);display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:6px}.help-toggle-btn{align-items:center;background:#fffffff5;background:var(--card-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#334155;color:var(--secondary-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:15px;padding:8px 16px;transition:all .2s}.help-toggle-btn:hover{background:#e2e8f0;background:var(--secondary-hover);border-color:#cbd5e1;border-color:var(--input-border);color:#0f172a;color:var(--text-title)}.help-inline-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172aa6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-container,.modal-content{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--input-bg);border:1px solid #e2e8f0e6;border:var(--card-border);border-radius:16px;box-shadow:0 25px 50px -12px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:550px;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease;width:90%}.modal-container form,.modal-content form{display:flex;flex-direction:column;margin:0;max-height:100%;overflow:hidden}.modal-header{align-items:center;background-color:#f8fafc;background-color:var(--table-header-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:20px 24px;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.modal-header h2,.modal-header h3{color:#0f172a;color:var(--text-title);font-size:1.25rem;font-weight:700;margin:0}.close-btn,.modal-close-btn{align-items:center;background:#f1f5f9;background:var(--secondary-bg);border:none;border-radius:50%;color:#334155;color:var(--secondary-text);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.close-btn:hover,.modal-close-btn:hover{background:#fee2e2;color:#ef4444}.modal-body{display:flex;flex-direction:column;overflow-y:auto;padding:24px}.modal-footer{background-color:#f8fafc;background-color:var(--table-header-bg);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid #e2e8f0;border-top:1px solid var(--table-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;transition:background-color .25s ease,border-color .25s ease;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.status-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-pill.pendiente{background-color:#fef3c7;border:1px solid #d9770626;color:#d97706}.status-pill.vendida{background-color:#d1fae5;border:1px solid #05966926;color:#059669}.status-pill.vencida{background-color:#fee2e2;border:1px solid #dc262626;color:#dc2626}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0f172a00}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172aa6}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root[data-design=neo]{--bg:radial-gradient(circle at top left,#4f8cff1f,#0000 28%),radial-gradient(circle at top right,#21c9a41f,#0000 25%),linear-gradient(180deg,#eff4fb,#f8fafc 52%,#eef2ff);--panel-bg:#fffffff2;--card-bg:#ffffffe6;--accent:#4f8cff;--accent-2:#7c5cff;--muted:#64748b;--text:#0f172a;--glass:#ffffffd1;--surface-border:#e2e8f0e6}:root[data-design=neo] .layout-container,:root[data-design=neo] body{background:var(--bg);color:var(--text)}:root[data-design=neo] .layout-sidebar{background:#ffffffd1;border-right-color:#94a3b824;box-shadow:12px 0 30px #0f172a0a}:root[data-design=neo] .sidebar,:root[data-design=neo] .sidebar *{background:#0000;color:var(--text)}:root[data-design=neo] .sidebar-logo{background:linear-gradient(135deg,#4f8cff,#7c5cff);box-shadow:0 16px 30px #4f8cff40}:root[data-design=neo] .sidebar-title,:root[data-design=neo] .topbar-title{color:var(--text);text-shadow:none}:root[data-design=neo] .nav-item,:root[data-design=neo] .topbar-link{color:#475569}:root[data-design=neo] .nav-item:hover,:root[data-design=neo] .topbar-link:hover{background:#4f8cff14;color:#0f172a}:root[data-design=neo] .nav-item.active,:root[data-design=neo] .topbar-link.active{background:linear-gradient(135deg,#4f8cff24,#7c5cff1f);border-left-color:#4f8cff;color:#1d4ed8}:root[data-design=neo] .sidebar-footer{border-top-color:#94a3b82e}:root[data-design=neo] .field-help,:root[data-design=neo] .metric-detail,:root[data-design=neo] .panel-subtitle,:root[data-design=neo] .radio-desc,:root[data-design=neo] .settings-subtitle,:root[data-design=neo] .theme-card-desc,:root[data-design=neo] .toggle-switch-desc,:root[data-design=neo] .user-email,:root[data-design=neo] .user-label{color:var(--muted)}:root[data-design=neo] .logout-btn{background:#ef444414;border-color:#ef44442e;color:#dc2626}:root[data-design=neo] .logout-btn:hover{background:#ef444424;border-color:#ef444447}:root[data-design=neo] .layout-content{padding:28px}:root[data-design=neo] .card,:root[data-design=neo] .dashboard-hero,:root[data-design=neo] .help-banner,:root[data-design=neo] .metric-card,:root[data-design=neo] .modal-container,:root[data-design=neo] .panel-card,:root[data-design=neo] .radio-label,:root[data-design=neo] .settings-card,:root[data-design=neo] .theme-card,:root[data-design=neo] .toggle-switch-card{background:var(--panel-bg);border:1px solid var(--surface-border);border-radius:24px;box-shadow:0 12px 30px #0f172a0d}:root[data-design=neo] .card:hover,:root[data-design=neo] .metric-card:hover,:root[data-design=neo] .panel-card:hover,:root[data-design=neo] .radio-label:hover,:root[data-design=neo] .settings-card:hover,:root[data-design=neo] .theme-card:hover,:root[data-design=neo] .toggle-switch-card:hover{box-shadow:0 18px 40px #0f172a14}:root[data-design=neo] .dashboard-stats,:root[data-design=neo] .mini-stats-grid,:root[data-design=neo] .payment-row{grid-gap:20px;display:grid;gap:20px}:root[data-design=neo] .dashboard-stats,:root[data-design=neo] .mini-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}:root[data-design=neo] .payment-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}:root[data-design=neo] .neo-card{background:#fffffff2;border:1px solid var(--surface-border);border-radius:22px;box-shadow:0 12px 30px #0f172a0d;padding:22px}:root[data-design=neo] .hero-kicker,:root[data-design=neo] .metric-label,:root[data-design=neo] .neo-card .stat-label,:root[data-design=neo] .panel-kicker,:root[data-design=neo] .story-kicker,:root[data-design=neo] .token-kicker{color:#64748b}:root[data-design=neo] .form-group label,:root[data-design=neo] .hero-copy h1,:root[data-design=neo] .metric-value,:root[data-design=neo] .neo-card .stat-value,:root[data-design=neo] .panel-title-row h2,:root[data-design=neo] .radio-title,:root[data-design=neo] .settings-card h2,:root[data-design=neo] .settings-section h3,:root[data-design=neo] .theme-card-name,:root[data-design=neo] .toggle-switch-title{color:var(--text)}:root[data-design=neo] .btn-primary,:root[data-design=neo] .chip-button,:root[data-design=neo] .hero-button.primary,:root[data-design=neo] .metric-card .metric-icon-shell,:root[data-design=neo] .preview-stat,:root[data-design=neo] .settings-page .btn-success{background:linear-gradient(135deg,#4f8cff,#7c5cff);color:#fff!important}:root[data-design=neo] .btn-secondary,:root[data-design=neo] .chip-button.secondary,:root[data-design=neo] .hero-button.secondary{background:#4f8cff14;border:1px solid #4f8cff29;color:#1d4ed8!important}:root[data-design=neo] .dashboard-hero .preview-grid>div,:root[data-design=neo] .guide-note,:root[data-design=neo] .help-banner-list li,:root[data-design=neo] .overview-item,:root[data-design=neo] .payment-item,:root[data-design=neo] .story-metric,:root[data-design=neo] .token-pill{background:#f8fafceb;border:1px solid #e2e8f0e6;color:var(--text)}:root[data-design=neo] .overview-item,:root[data-design=neo] .payment-item,:root[data-design=neo] .story-metric{border-radius:16px}:root[data-design=neo] .topbar{background:#ffffffe0;border-bottom:1px solid #94a3b829;box-shadow:0 10px 30px #0f172a0d}:root[data-design=neo] .topbar *{color:var(--text)}:root[data-design=neo] .table,:root[data-design=neo] table{background:#fffffff2;border-color:var(--surface-border)}:root[data-design=neo] table th{background:#f8fafc;border-color:var(--surface-border);color:#334155}:root[data-design=neo] table td{background:#0000;border-color:var(--surface-border);color:var(--text)}:root[data-design=neo] .form-group input,:root[data-design=neo] .form-group select,:root[data-design=neo] .form-group textarea,:root[data-design=neo] input,:root[data-design=neo] select,:root[data-design=neo] textarea{background:#fff;border:1px solid #d6deea;color:var(--text)}:root[data-design=neo] .form-group input:focus,:root[data-design=neo] .form-group select:focus,:root[data-design=neo] .form-group textarea:focus,:root[data-design=neo] input:focus,:root[data-design=neo] select:focus,:root[data-design=neo] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #4f8cff1a;outline:none}:root[data-design=neo] .switch .slider{background-color:#cbd5e1}:root[data-design=neo] .switch input:checked+.slider{background-color:var(--accent);box-shadow:0 0 0 4px #4f8cff26}:root[data-design=neo] .switch .slider:before{background-color:#fff}:root[data-design=neo] .message-success{background:#14b8a614;border-color:#14b8a62e;color:#0f766e}:root[data-design=neo] .message-error{background:#ef444414;border-color:#ef44442e;color:#b91c1c}:root[data-design=neo] .settings-page{margin:0 auto;max-width:1120px}:root[data-design=neo] .action-btn.delete,:root[data-design=neo] .action-button.delete,:root[data-design=neo] .settings-page .btn-danger{background:#ef444414;border:1px solid #ef44442e;color:#dc2626!important}:root[data-design=neo] .action-btn.delete:hover,:root[data-design=neo] .action-button.delete:hover,:root[data-design=neo] .settings-page .btn-danger:hover{background:#ef444424}:root[data-design=neo] .upload-success{background:#10b98114;border-color:#10b9812e;color:#059669}:root[data-design=neo] .upload-error{background:#ef444414;border-color:#ef44442e;color:#dc2626}:root[data-design=neo] .help-banner,:root[data-design=neo] .inventory-toggle-card,:root[data-design=neo] .modal-container,:root[data-design=neo] .product-card,:root[data-design=neo] .product-thumbnail,:root[data-design=neo] .product-thumbnail-placeholder,:root[data-design=neo] .quotes .card{background:var(--panel-bg);border-color:var(--surface-border)}:root[data-design=neo] .badge,:root[data-design=neo] .badge-danger,:root[data-design=neo] .badge-info,:root[data-design=neo] .badge-pending,:root[data-design=neo] .badge-sold,:root[data-design=neo] .category-badge,:root[data-design=neo] .quotes .badge{background:#f8fafceb;border:1px solid #e2e8f0e6;color:var(--text)}:root[data-design=neo] .badge-success{color:#059669}:root[data-design=neo] .badge-warning{color:#d97706}:root[data-design=neo] .help-banner-title,:root[data-design=neo] .neon-pink{color:var(--accent-2)}:root[data-design=neo] .modal-close-btn{background:#0000;color:var(--muted)}:root[data-design=neo] .help-banner,:root[data-design=neo] .help-banner *,:root[data-design=neo] .products,:root[data-design=neo] .quotes{color:var(--text)}:root[data-design=neo] .form-group label,:root[data-design=neo] .hero-copy h1,:root[data-design=neo] .metric-label,:root[data-design=neo] .metric-value,:root[data-design=neo] .panel-title-row h2,:root[data-design=neo] .radio-title,:root[data-design=neo] .settings-card h2,:root[data-design=neo] .settings-section h3,:root[data-design=neo] .toggle-switch-title{color:var(--text)!important}:root[data-design=neo] .field-help,:root[data-design=neo] .metric-detail,:root[data-design=neo] .panel-subtitle,:root[data-design=neo] .radio-desc,:root[data-design=neo] .settings-subtitle,:root[data-design=neo] .theme-card-desc,:root[data-design=neo] .toggle-switch-desc{color:var(--muted)!important}@media (max-width:800px){:root[data-design=neo] .dashboard-stats,:root[data-design=neo] .mini-stats-grid,:root[data-design=neo] .payment-row{grid-template-columns:repeat(2,1fr)}:root[data-design=neo] .layout-content{padding:18px}}
/*# sourceMappingURL=main.5dfaa643.css.map*/