.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background:#0066ff1a;transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn--full{width:100%}.btn--loading{pointer-events:none}.btn__spinner{position:absolute;left:50%;transform:translate(-50%)}.btn--loading .btn__text{opacity:0}.btn__icon{display:flex;align-items:center;justify-content:center}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base)}.input-label--active{color:var(--color-primary)}.input-required{color:var(--color-error)}.input-container{position:relative;display:flex;align-items:center;background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066ff1a}.input-container--error{border-color:var(--color-error)}.input-container--error:focus-within{box-shadow:0 0 0 3px #ff3d711a}.input-container--disabled{opacity:.5;cursor:not-allowed}.input{flex:1;padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:transparent;border:none;outline:none}.input--with-icon{padding-left:var(--space-2)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{cursor:not-allowed}.input-icon{display:flex;align-items:center;justify-content:center;padding-left:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-lg)}.input-error{font-size:var(--font-size-xs);color:var(--color-error);padding-left:var(--space-2)}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid rgba(255,255,255,.05)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-4)}.card--padding-default{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#06f3}.card--clickable{cursor:pointer}.card.glass{box-shadow:var(--shadow-lg)}.card.glass:hover{box-shadow:var(--shadow-xl)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.login-gradient-orb--1{width:500px;height:500px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.login-gradient-orb--2{width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-cyan) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:5s}.login-gradient-orb--3{width:300px;height:300px;background:radial-gradient(circle,var(--color-accent-purple) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.login-container{position:relative;z-index:1;width:100%;max-width:450px;padding:var(--space-6)}.login-card{padding:var(--space-10)!important;background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 20px 40px #0000001a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:150px;height:auto;margin-bottom:var(--space-6);filter:drop-shadow(0 4px 12px rgba(0,102,255,.3))}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#1a1a1a;margin-bottom:var(--space-2)}.login-subtitle{color:#666;font-size:var(--font-size-base)}.login-footer{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:#888}@media(max-width:768px){.login-container{max-width:100%}.login-card{padding:var(--space-6)!important}.login-logo{width:100px}.login-title{font-size:var(--font-size-2xl)}}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.gallery-image{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid var(--color-border);transition:all .3s ease}.gallery-image:hover{transform:scale(1.05);border-color:var(--color-primary);box-shadow:0 4px 12px var(--shadow-color)}.gallery-image img{width:100%;height:100%;object-fit:cover}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg)}.modal-close{position:absolute;top:-40px;right:0;background:#fff3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:20px}.modal-nav.next{right:20px}.modal-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:var(--font-size-sm);background:#00000080;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.client-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.dashboard-header h2{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.dashboard-year{background:#3b82f633;color:#60a5fa;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid rgba(59,130,246,.3)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card-dash{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)!important;position:relative;overflow:hidden}.stat-card-dash:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-blue:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.stat-purple:before{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.stat-cyan:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.stat-emerald:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.stat-icon-dash{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.stat-blue .stat-icon-dash{background:linear-gradient(135deg,#3b82f633,#06b6d41a);border:1px solid rgba(59,130,246,.3)}.stat-purple .stat-icon-dash{background:linear-gradient(135deg,#8b5cf633,#a855f71a);border:1px solid rgba(139,92,246,.3)}.stat-cyan .stat-icon-dash{background:linear-gradient(135deg,#06b6d433,#22d3ee1a);border:1px solid rgba(6,182,212,.3)}.stat-emerald .stat-icon-dash{background:linear-gradient(135deg,#10b98133,#14b8a61a);border:1px solid rgba(16,185,129,.3)}.stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label-dash{font-size:var(--font-size-sm);color:#94a3b8}.stat-value-dash{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0}.charts-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6)}.chart-card{padding:var(--space-6)!important}.chart-wide{grid-column:span 1}.chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--space-1) 0}.chart-subtitle{font-size:var(--font-size-sm);color:#94a3b8;margin:0 0 var(--space-5) 0}.chart-container{position:relative}.doughnut-container,.bar-container,.line-container{height:280px}.top-products-list{display:flex;flex-direction:column;gap:var(--space-4)}.top-product-item{display:flex;align-items:center;gap:var(--space-3)}.product-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.product-name{font-size:var(--font-size-sm);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-bar-container{height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.product-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.product-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#60a5fa;flex-shrink:0}.dashboard-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-empty .empty-state{text-align:center}.dashboard-empty .empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-4);opacity:.5}.dashboard-empty h3{color:#fff;margin-bottom:var(--space-2)}.dashboard-empty p{color:#94a3b8}.alerts-container{display:flex;flex-direction:column;gap:var(--space-2)}.alert-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.stat-danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-danger .stat-icon-dash{background:linear-gradient(135deg,#ef444433,#f871711a);border:1px solid rgba(239,68,68,.3)}.section-title{margin-top:var(--space-6);margin-bottom:var(--space-4)}.section-title h3{color:#fff;font-size:var(--font-size-xl);margin:0 0 var(--space-1) 0}.section-title p{color:#94a3b8;font-size:var(--font-size-sm);margin:0}.analysis-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.analysis-card{padding:var(--space-5)!important;position:relative;overflow:hidden}.analysis-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.analysis-card.danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.analysis-card.warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.analysis-card.success:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.analysis-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.analysis-icon{font-size:1.5rem}.analysis-header h4{color:#fff;font-size:var(--font-size-base);margin:0 0 var(--space-1) 0}.analysis-header p{color:#94a3b8;font-size:var(--font-size-xs);margin:0}.analysis-list{display:flex;flex-direction:column;gap:var(--space-3)}.analysis-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:var(--radius-md)}.item-name{font-size:var(--font-size-sm);color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-2)}.item-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.item-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.item-change.negative{color:#f87171}.item-change.positive{color:#4ade80}.item-change.zero{color:#fbbf24}.item-detail{font-size:var(--font-size-xs);color:#94a3b8}.no-data-small{text-align:center;padding:var(--space-4);color:#94a3b8;font-size:var(--font-size-sm)}.insights-card{margin-top:var(--space-4);padding:var(--space-6)!important}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.insight-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-item strong{display:block;color:#fff;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.insight-item p{color:#94a3b8;font-size:var(--font-size-sm);margin:0;line-height:1.5}.ranking-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-6)}.ranking-card{padding:var(--space-6)!important}.ranking-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.ranking-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.25rem}.ranking-icon.danger{background:linear-gradient(135deg,#ef444433,#f871711a);border:1px solid rgba(239,68,68,.3)}.ranking-icon.success{background:linear-gradient(135deg,#22c55e33,#4ade801a);border:1px solid rgba(34,197,94,.3)}.ranking-header h4{color:#fff;font-size:var(--font-size-lg);margin:0 0 var(--space-1) 0}.ranking-header p{color:#94a3b8;font-size:var(--font-size-xs);margin:0}.ranking-list{display:flex;flex-direction:column;gap:var(--space-3)}.ranking-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.05)}.ranking-item:last-child{border-bottom:none}.ranking-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.ranking-badge.top-three{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none}.ranking-badge.success.top-three{background:linear-gradient(135deg,#22c55e,#4ade80)}.ranking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.ranking-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-bar-bg{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.ranking-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.ranking-bar.danger{background:linear-gradient(90deg,#f87171,#fbbf24)}.ranking-bar.success{background:linear-gradient(90deg,#22c55e,#06b6d4)}.ranking-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:60px}.ranking-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.ranking-value.danger{color:#f87171}.ranking-value.success{color:#4ade80}.ranking-detail{font-size:var(--font-size-xs);color:#7588a3}.ranking-empty{text-align:center;padding:var(--space-6);color:#94a3b8;font-size:var(--font-size-sm)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.pagination-btn{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#8b5cf666);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#94a3b8;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.highlight-card{border:2px solid rgba(239,68,68,.5)!important;background:linear-gradient(135deg,#ef444426,#dc262614)!important;box-shadow:0 0 20px #ef44444d}.ranking-icon.warning{background:linear-gradient(135deg,#ef44444d,#dc262633);border:1px solid rgba(239,68,68,.5)}.ranking-badge.warning{background:linear-gradient(135deg,#dc2626,#ef4444)}.ranking-bar.warning{background:linear-gradient(90deg,#dc2626,#ef4444)}.ranking-value.warning{color:#f87171;font-weight:var(--font-weight-bold)}.section-title.highlight{background:linear-gradient(135deg,#ef444426,#dc26261a);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid #ef4444;margin-bottom:var(--space-6)}.section-title.highlight h3{color:#f87171}.section-title.success{background:linear-gradient(135deg,#22c55e1a,#06b6d41a);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid #22c55e;margin-bottom:var(--space-6)}.section-title.success h3{color:#4ade80}.ranking-card.full-width{grid-column:1 / -1}.ranking-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(max-width:1200px){.stats-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.chart-wide{grid-column:span 1}.analysis-row,.insights-grid,.ranking-section{grid-template-columns:1fr}}@media(max-width:768px){.stats-row{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.doughnut-container,.bar-container,.line-container{height:250px}}.essential-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);background:#11182780}.essential-table{width:100%;border-collapse:collapse;min-width:900px}.essential-table th{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;padding:var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;text-align:center;letter-spacing:.5px}.essential-table th:first-child{text-align:left;padding-left:var(--space-6);background:linear-gradient(90deg,#2563eb,#3b82f6)}.essential-table td{padding:var(--space-3) var(--space-2);text-align:center;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0;font-size:var(--font-size-sm);transition:background .2s}.essential-table tr:hover td{background:#ffffff08}.product-name-cell{text-align:left!important;padding-left:var(--space-6)!important;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-3);min-width:300px;color:#f1f5f9!important}.essential-star{font-size:1.1em;filter:drop-shadow(0 0 5px rgba(251,191,36,.5))}.month-cell{font-weight:var(--font-weight-medium);border-left:1px solid rgba(255,255,255,.02)}.cell-zero{color:#ffffff26;font-weight:400}.cell-high{color:#4ade80;background:#22c55e08}.cell-low{color:#fbbf24}.cell-stopped{background:#ef44441a;color:#f87171;font-weight:700;border:1px solid rgba(239,68,68,.2)}.row-stopped td{background:#ef444405}.row-stopped:hover td{background:#ef44440d!important}.actions-cell{width:60px}.action-btn{background:transparent;border:none;cursor:pointer;font-size:1.1em;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s;opacity:.5;color:#94a3b8}.action-btn:hover{opacity:1;background:#ffffff1a;color:#fff}.action-btn.delete:hover{background:#ef444433;color:#ef4444}.table-empty{padding:var(--space-12);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-md)}.sales-analysis{width:100%}.sales-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.sales-subtitle{color:var(--color-text-muted);margin-top:var(--space-2)}.sales-controls{margin-bottom:var(--space-6)}.sales-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.sales-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.input-group{display:flex;align-items:flex-end;gap:var(--space-3)}.input-group .input-wrapper{flex:1;margin-bottom:0}.sales-content{margin-top:var(--space-6)}.upload-progress{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);background:#0066ff1a;border-radius:var(--radius-md)}.import-stats{margin-top:var(--space-6);padding:var(--space-4);background:#00e6761a;border-radius:var(--radius-md);border-left:3px solid var(--color-success)}.import-stats p{margin:var(--space-2) 0;color:var(--color-text-secondary)}.import-stats strong{color:var(--color-text-primary)}.matriz-controls{margin-bottom:var(--space-4)}.matriz-container{overflow-x:auto;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.matriz-table{width:100%;border-collapse:collapse;min-width:800px}.matriz-table thead{background:var(--gradient-primary);color:#fff;position:sticky;top:0;z-index:10}.matriz-table th{padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.matriz-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--font-size-sm);text-align:center;transition:all var(--transition-base)}.matriz-table .produto-col{text-align:left;font-weight:var(--font-weight-medium);min-width:250px;position:sticky;left:0;background:var(--color-surface);z-index:5}.matriz-table thead .produto-col{background:var(--color-primary)}.matriz-table tbody tr:hover{background:#0066ff0d}.matriz-table tbody tr:hover td{color:var(--color-primary-light)}.cell-up{background:#06f3!important;color:var(--color-primary-light)!important;font-weight:var(--font-weight-bold)}.cell-down{background:#ffc10733!important;color:#ffc107!important;font-weight:var(--font-weight-bold)}.cell-zero{background:#ff3d7133!important;color:var(--color-error)!important;font-weight:var(--font-weight-black)}.favoritos-actions{margin-bottom:var(--space-6)}.analise-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)!important}.summary-icon{font-size:2.5rem}.summary-label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--space-2) 0 0 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.analise-card h4{margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.analise-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0}.analise-list{display:flex;flex-direction:column;gap:var(--space-3)}.analise-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-base);border-left:3px solid rgba(255,255,255,.1)}.analise-item:hover{background:#ffffff0f;transform:translate(4px)}.analise-item.success{border-left-color:var(--color-success)}.analise-item.warning{border-left-color:#ffc107}.analise-item.danger{border-left-color:var(--color-error)}.analise-rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:32px;text-align:center}.analise-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.analise-item-content strong{color:var(--color-text-primary);font-size:var(--font-size-base)}.analise-value{color:var(--color-text-muted);font-size:var(--font-size-sm)}.analise-change{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.delta-up{color:var(--color-success);font-weight:var(--font-weight-bold)}.delta-down{color:var(--color-error);font-weight:var(--font-weight-bold)}.no-data{text-align:center;color:var(--color-text-muted);font-style:italic;padding:var(--space-4)}.insights-card{margin-top:var(--space-6)}.insights-card h4{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.insights-list{display:flex;flex-direction:column;gap:var(--space-4)}.insight-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:#0066ff0d;border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.insight-icon{font-size:var(--font-size-xl);min-width:28px}.insight-item p{margin:0;line-height:1.6;color:var(--color-text-secondary)}.insight-item strong{color:var(--color-text-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-error)}@media(max-width:768px){.sales-selects{grid-template-columns:1fr}.matriz-table{font-size:var(--font-size-xs)}.matriz-table th,.matriz-table td{padding:var(--space-2) var(--space-3)}.matriz-table .produto-col{min-width:180px}.analise-summary,.analise-grid{grid-template-columns:1fr}}.favoritos-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.favorito-item-card{transition:transform .2s,box-shadow .2s}.favorito-item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:#ffffff0d}.favorito-item-card.stopped{opacity:.8}.favorito-card-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.favorito-info h4{margin:0 0 var(--space-1) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.favorito-total{font-size:var(--font-size-sm);color:var(--color-text-muted)}.favorito-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.status-badge{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.success{background:#10b98133;color:var(--color-success)}.status-badge.danger{background:#ef444433;color:var(--color-error)}.click-hint{font-size:.75rem;color:var(--color-text-muted);opacity:0;transition:opacity .2s}.favorito-item-card:hover .click-hint{opacity:1}.favorito-detail{animation:fadeIn .3s ease-in-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-4)}.detail-header h3{margin:0;font-size:var(--font-size-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grupos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.grupo-card{transition:transform .2s,box-shadow .2s;text-align:center}.grupo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);background:#ffffff0f}.grupo-card-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2)}.grupo-icon{font-size:2.5rem;margin-bottom:var(--space-1)}.grupo-card-content h4{margin:0;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.grupo-stats{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.grupo-total{margin:0;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600}.grupo-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);opacity:0;transition:opacity .2s}.grupo-card:hover .grupo-actions{opacity:1}.grupo-action-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:4px 8px;font-size:.85rem;cursor:pointer;transition:all .2s;line-height:1}.grupo-action-btn.edit:hover{background:#3b82f640;border-color:#3b82f666;transform:scale(1.15)}.grupo-action-btn.delete:hover{background:#ef444440;border-color:#ef444466;transform:scale(1.15)}.grupo-edit-input{width:100%;background:#ffffff1a;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) var(--space-3);outline:none;box-shadow:0 0 0 2px #3b82f64d}.grupo-card-add{border:2px dashed rgba(255,255,255,.15);background:#ffffff05}.grupo-card-add:hover{border-color:#3b82f666;background:#3b82f60f}.grupo-add-icon{font-size:2rem;margin-bottom:var(--space-1)}.grupo-detail{animation:fadeIn .3s ease-in-out}.grupo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.grupo-summary-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.grupo-chart-card{margin-bottom:var(--space-6);padding:var(--space-4)}@media(max-width:768px){.grupos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grupo-summary{grid-template-columns:1fr}}.search-results-card{margin-bottom:var(--space-6);max-height:400px;overflow-y:auto}.search-results-list{display:flex;flex-direction:column;gap:var(--space-1)}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .15s}.search-result-item:hover{background:#ffffff0d}.search-result-item.already-added{opacity:.6}.search-result-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.add-product-btn{background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:4px 12px;font-size:1rem;cursor:pointer;transition:all .2s}.add-product-btn:hover{background:#10b98159;transform:scale(1.1)}.added-badge{font-size:var(--font-size-xs);color:var(--color-success)}.remove-product-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-error);padding:2px 8px;font-size:.85rem;cursor:pointer;transition:all .2s}.remove-product-btn:hover{background:#ef444459}.analise-grupo-section{margin-bottom:var(--space-6)}.analise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.analise-card{padding:var(--space-4)}.analise-card.queda{border-left:3px solid rgba(245,158,11,.7)}.analise-card.parou{border-left:3px solid rgba(239,68,68,.7)}.analise-card-title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.analise-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.analise-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff08}.analise-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analise-item-info{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.analise-valores{font-size:var(--font-size-xs);color:var(--color-text-muted)}.analise-badge{font-size:var(--font-size-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-sm)}.analise-badge.queda{background:#f59e0b26;color:#f59e0b}.analise-badge.parou{background:#ef444426;color:#ef4444}.analise-badge.quedas-count{background:#8b5cf626;color:#8b5cf6}@media(max-width:768px){.analise-grid{grid-template-columns:1fr}}.image-upload{margin:var(--space-4) 0}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .3s ease;background:var(--color-surface)}.upload-dropzone:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.upload-dropzone.dragging{border-color:var(--color-primary);background:var(--color-primary-alpha);transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:var(--space-2)}.upload-dropzone p{margin:var(--space-2) 0;color:var(--color-text)}.upload-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)!important}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:700;transition:all .2s ease;opacity:.9}.remove-image-btn:hover{opacity:1;transform:scale(1.1)}.custom-paints{width:100%}.paints-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.paints-subtitle{color:var(--color-text-muted);margin-top:var(--space-2)}.paints-controls{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.paints-search{flex:1;min-width:300px}.category-filter{display:flex;gap:var(--space-2);flex-wrap:wrap}.category-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm)}.category-chip:hover{background:#ffffff1a;border-color:var(--color-primary)}.category-chip.active{background:var(--gradient-primary);border-color:transparent;color:#fff;font-weight:var(--font-weight-semibold)}.paints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.paint-card{position:relative;overflow:hidden}.paint-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.paint-title{margin:0;font-size:var(--font-size-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.paint-code{font-family:Courier New,monospace;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.paint-actions{display:flex;gap:var(--space-2)}.paint-description{color:var(--color-text-secondary);margin:var(--space-3) 0;line-height:1.5}.paint-formula{background:#0066ff1a;border-left:3px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4) 0}.paint-formula h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.paint-formula pre{margin:0;font-family:Courier New,monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-primary)}.paint-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.paint-tag{padding:var(--space-1) var(--space-3);background:#ffffff0d;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted)}.paint-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.05);font-size:var(--font-size-sm);color:var(--color-text-muted)}.paint-author{display:flex;align-items:center;gap:var(--space-2)}.paint-author-avatar{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-xs)}.comments-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.05)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.comments-header h5{margin:0;display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.comments-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.comment-item{padding:var(--space-3);background:#ffffff05;border-radius:var(--radius-md);border-left:2px solid rgba(255,255,255,.1)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.comment-author{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.comment-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comment-text{color:var(--color-text-secondary);line-height:1.5;margin:0;font-size:var(--font-size-sm)}.comment-form{display:flex;gap:var(--space-3)}.comment-input{flex:1}.paint-form{max-width:600px}.paint-form .form-grid{display:flex;flex-direction:column;gap:var(--space-4)}.paint-form textarea{min-height:120px;resize:vertical}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.3}@media(max-width:768px){.paints-grid{grid-template-columns:1fr}.paints-controls{flex-direction:column;align-items:stretch}.paints-search{min-width:100%}}.admin-page{padding:var(--space-8);min-height:100vh;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{margin-bottom:var(--space-2);background:var(--gradient-vibrant);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-welcome{color:var(--color-text-secondary)}.admin-welcome strong{color:var(--color-primary)}.admin-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto}.admin-tab{padding:var(--space-3) var(--space-6);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.admin-tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.admin-tab--active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.admin-content{animation:slideUp .3s ease-out}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{display:flex;align-items:center;gap:var(--space-4)}.stat-icon{font-size:3rem}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--gradient-vibrant);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.admin-section-header h2{margin:0}.user-form,.user-form h3{margin-bottom:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5)}.form-actions{grid-column:1 / -1;display:flex;gap:var(--space-3);margin-top:var(--space-4)}select.input{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);width:100%;transition:all var(--transition-base)}select.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}.users-list{display:flex;flex-direction:column;gap:var(--space-4)}.user-card{padding:var(--space-6)}.user-card-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.user-info h3{margin-bottom:var(--space-2)}.user-info p{color:var(--color-text-muted);margin-bottom:var(--space-3)}.user-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.badge--tipo{background:#06f3;color:var(--color-primary-light)}.badge--cargo{background:#9d4edd33;color:var(--color-accent-purple)}.badge--ativo{background:#00e67633;color:var(--color-success)}.badge--inativo{background:#ff3d7133;color:var(--color-error)}.user-actions{display:flex;gap:var(--space-2);flex-shrink:0}.reports-list{display:flex;flex-direction:column;gap:var(--space-4)}.report-card{padding:var(--space-6)}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.report-header h3{margin-bottom:var(--space-2)}.report-author{color:var(--color-text-muted);font-size:var(--font-size-sm)}.report-actions{display:flex;gap:var(--space-2)}.report-content{color:var(--color-text-secondary)}.report-content strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-2);margin-top:var(--space-4)}.report-content strong:first-child{margin-top:0}.report-content p{margin-bottom:var(--space-3)}.report-text{white-space:pre-wrap;background:#ffffff08;padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.report-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-4)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--space-16)}@media(max-width:768px){.admin-page{padding:var(--space-4)}.admin-header{flex-direction:column;gap:var(--space-4)}.user-card-content{flex-direction:column;align-items:flex-start}.user-actions{width:100%}.user-actions button{flex:1}.report-header{flex-direction:column;gap:var(--space-4)}.report-actions{width:100%}.form-grid{grid-template-columns:1fr}}.devemos-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.devemos-card{padding:var(--space-6)}.devemos-card--devolvido{opacity:.7}.devemos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.devemos-header h3{margin:0}.devemos-actions{display:flex;gap:var(--space-2)}.devemos-content strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-2)}.devemos-text{white-space:pre-wrap;background:#ffffff08;padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-cyan);margin:var(--space-3) 0}.tabs-container{margin-bottom:var(--space-6)}.subtabs{display:flex;gap:var(--space-2)}.subtab{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.subtab:hover{background:var(--color-surface-hover)}.subtab--active{background:#06f3;border-color:var(--color-primary);color:var(--color-primary)}:root{--color-primary: #0066FF;--color-primary-dark: #004ED9;--color-primary-light: #3385FF;--color-primary-lighter: #66A3FF;--color-accent-cyan: #00D4FF;--color-accent-pink: #FF3D71;--color-accent-purple: #9D4EDD;--gradient-primary: linear-gradient(135deg, #0066FF 0%, #004ED9 100%);--gradient-vibrant: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);--gradient-card: linear-gradient(135deg, rgba(0, 102, 255, .1) 0%, rgba(0, 212, 255, .05) 100%);--color-bg-primary: #0A0E1A;--color-bg-secondary: #121827;--color-bg-tertiary: #1A202E;--color-surface: #1E2635;--color-surface-hover: #252D3E;--color-text-primary: #FFFFFF;--color-text-secondary: #B8C1D9;--color-text-muted: #6B7590;--color-success: #00E676;--color-warning: #FFB300;--color-error: #FF3D71;--color-info: #00D4FF;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-glow: 0 0 24px rgba(0, 102, 255, .4);--shadow-glow-cyan: 0 0 24px rgba(0, 212, 255, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body)}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}.text-gradient{background:var(--gradient-vibrant);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#1e2635b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #06f6}50%{box-shadow:0 0 40px #06fc}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-base) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-item{opacity:0;animation:slideUp .5s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity var(--transition-fast)}