:root{--primary-purple: #8b45c7;--primary-blue: #3b82f6;--accent-purple: #a855f7;--badges-text: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--accent-primary: #a855f7;--bg-glass: rgba(255, 255, 255, .1);--bg-glass-hover: rgba(255, 255, 255, .15);--bg-glass-subtle: rgba(255, 255, 255, .03);--border-color: rgba(139, 69, 199, .2);--border-glass: rgba(139, 69, 199, .1);--gradient-primary: linear-gradient(135deg, #8b45c7, #3b82f6, #a855f7);--gradient-bg: linear-gradient(135deg, rgba(139, 69, 199, .1), rgba(59, 130, 246, .1));--gradient-bg-hover: linear-gradient(135deg, rgba(139, 69, 199, .2), rgba(59, 130, 246, .2));--main-bg-gradient: linear-gradient(135deg, rgba(0, 0, 0, .8) 0%, rgba(59, 130, 246, .8) 25%, rgba(0, 0, 0, .6) 50%, rgba(139, 69, 199, .7) 75%, rgba(0, 0, 0, .9) 100%);--shadow-glass: 0 8px 32px rgba(139, 69, 199, .1);--shadow-glass-hover: 0 12px 40px rgba(139, 69, 199, .15);--shadow-button: 0 4px 15px rgba(139, 69, 199, .3);--shadow-button-hover: 0 8px 25px rgba(139, 69, 199, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace}[data-theme=light]{--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .8);--text-muted: rgba(26, 26, 26, .6);--accent-primary: #8b45c7;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(255, 255, 255, .9);--bg-glass-subtle: rgba(255, 255, 255, .6);--border-color: rgba(139, 69, 199, .3);--border-glass: rgba(139, 69, 199, .2);--gradient-bg: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(168, 85, 247, .1));--gradient-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(168, 85, 247, .2));--main-bg-gradient: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(168, 85, 247, .3) 25%, rgba(255, 255, 255, .9) 50%, rgba(139, 69, 199, .4) 75%, rgba(255, 255, 255, .95) 100%);--shadow-glass: 0 8px 32px rgba(139, 69, 199, .15);--shadow-glass-hover: 0 12px 40px rgba(139, 69, 199, .25);--shadow-button: 0 4px 15px rgba(139, 69, 199, .4);--shadow-button-hover: 0 8px 25px rgba(139, 69, 199, .5)}[data-theme=light] .gradient-text{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;text-shadow:0 2px 8px rgba(26,26,26,.3)}.mockup-page{min-height:100vh;background:var(--main-bg-gradient);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem 0;position:relative}.mockup-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(139,69,199,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(168,85,247,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.glass{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.glass-subtle{background:var(--bg-glass-subtle);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-glass-hover)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xl);align-items:start}.grid-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.full-width{grid-column:1 / -1}.two-thirds{grid-column:span 2}.one-third{grid-column:span 1}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-md) / 2)}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;width:100%;padding:0 calc(var(--spacing-md) / 2);margin-bottom:var(--spacing-md);margin-top:2rem}.col{flex:1 0 0%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (max-width: 1200px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (max-width: 992px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (max-width: 768px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (max-width: 576px){.col-xs-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xs-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xs-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xs-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xs-9{flex:0 0 75%;max-width:75%}.col-xs-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xs-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xs-12{flex:0 0 100%;max-width:100%}}.col-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.gradient-text{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:0 2px 8px rgba(255,255,255,.3)}.subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:300;opacity:.8}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h2{background:var(--gradient-bg);color:var(--badges-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:1.25rem;font-weight:600;border:1px solid rgba(139,69,199,.3);backdrop-filter:blur(10px);margin:0;display:inline-block}.section-badge{background:var(--gradient-bg);color:var(--accent-primary);padding:var(--spacing-xs) .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;border:1px solid rgba(139,69,199,.3);backdrop-filter:blur(10px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;padding:var(--spacing-xl);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #8b45c733}.stat-icon{margin-right:var(--spacing-lg);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(139,69,199,.3))}.stat-content{flex:1}.stat-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#8b45c7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--error)}.stat-change svg{width:16px;height:16px}.chart-container{padding:var(--spacing-xl);height:fit-content}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.chart-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.chart-legend{display:flex;gap:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.green{background:var(--success)}.legend-color.red{background:var(--error)}.chart-wrapper{margin-bottom:var(--spacing-xl);overflow-x:auto}.candlestick-chart{width:100%;height:auto;min-width:700px}.candle-group{transition:opacity .3s ease}.candle-group:hover{opacity:.8}.chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chart-placeholder{padding:var(--spacing-xl) 0}.candlestick-demo{display:flex;justify-content:space-around;align-items:end;height:200px;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xl)}.candle{width:20px;border-radius:2px;transition:all .3s ease}.candle.green{background:linear-gradient(180deg,var(--success),#059669)}.candle.red{background:linear-gradient(180deg,var(--error),#dc2626)}.candle:hover{transform:scale(1.1);box-shadow:0 4px 15px #8b45c74d}.chart-labels{display:flex;justify-content:space-around;padding:0 var(--spacing-xl);color:var(--text-muted);font-size:.875rem}.product-portfolio{padding:var(--spacing-xl);height:fit-content}.portfolio-header{margin-bottom:var(--spacing-xl)}.portfolio-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.portfolio-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--gradient-bg);border-radius:var(--radius-lg);border:1px solid var(--border-glass);margin-bottom:var(--spacing-lg)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.summary-value.positive{color:var(--success)}.products-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.product-card{padding:var(--spacing-lg);transition:all .3s ease;border:1px solid var(--border-glass);margin-bottom:var(--spacing-md)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-hover)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.product-info h4,.product-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.product-type{color:var(--text-muted);font-size:.875rem}.product-status{display:flex;align-items:center;gap:var(--spacing-sm)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--success)}.status-indicator.active{background:var(--success);box-shadow:0 0 8px #10b98180}.status-indicator.connected{background:var(--success);box-shadow:0 0 12px #10b98180}.status-indicator.connecting{background:var(--warning);box-shadow:0 0 12px #f59e0b80}.status-indicator.disconnected{background:var(--error);box-shadow:0 0 12px #ef444480}.status-indicator.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{color:var(--success);font-size:.75rem;font-weight:600}.return-percentage{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#8b45c70d;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.percentage-bar{flex:1;height:8px;background:#8b45c71a;border-radius:4px;overflow:hidden}.percentage-fill{height:100%;border-radius:4px;transition:width .3s ease}.percentage-text{font-weight:700;font-size:1rem;min-width:60px;text-align:right}.product-metrics{margin-bottom:var(--spacing-lg)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{color:var(--text-primary);font-size:1rem;font-weight:600}.metric-value.positive{color:var(--success)}.product-footer{display:flex;justify-content:space-between;align-items:center}.last-update{color:var(--text-muted);font-size:.75rem}.product-actions{display:flex;gap:var(--spacing-sm)}.portfolio-footer{text-align:center}.invoice-table-container{padding:var(--spacing-xl);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.table-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.table-actions{display:flex;gap:.75rem}.table-wrapper{overflow:hidden;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-glass);padding-right:4px}.invoice-table{width:100%;border-collapse:collapse;background:#ffffff05}.invoice-table th{background:var(--gradient-bg);color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table-row{transition:all .3s ease;border-bottom:1px solid var(--border-glass)}.table-row:hover{background:#8b45c70d;transform:translate(4px)}.invoice-table td{padding:var(--spacing-md);color:var(--text-primary);font-size:.875rem}.id-badge{background:var(--gradient-bg);color:var(--accent-primary);padding:var(--spacing-xs) .75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem}.client-info{display:flex;align-items:center;gap:.75rem}.client-avatar{width:32px;height:32px;background:linear-gradient(135deg,#8b45c7,#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.amount-value{font-weight:700;color:var(--success)}.status-badge{padding:var(--spacing-xs) .75rem;border-radius:var(--radius-lg);font-weight:600;font-size:.75rem;color:#fff;opacity:.9}.status-badge.paid{background:var(--success)}.status-badge.pending{background:var(--warning)}.status-badge.overdue{background:var(--error)}.action-buttons{display:flex;gap:var(--spacing-sm)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-glass)}.table-summary{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-text{color:var(--text-muted);font-size:.875rem}.total-amount{color:var(--text-primary);font-weight:700;font-size:1rem}.pagination{display:flex;align-items:center;gap:var(--spacing-md)}.page-info{color:var(--text-muted);font-size:.875rem}.btn-page{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-page:not(:disabled):hover{background:var(--bg-glass-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.credentials-container{padding:var(--spacing-xl);height:fit-content}.credentials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.credentials-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm)}.credentials-form{margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:.75rem var(--spacing-md);background:#8b45c70d;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-mono);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b45c71a}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action .form-input{padding-right:80px}.session-info,.account-summary{margin-bottom:var(--spacing-xl)}.session-info h4,.account-summary h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:#8b45c70d;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.info-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.summary-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#8b45c70d;border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:all .3s ease}.summary-card:hover{background:#8b45c714;transform:translate(4px)}.summary-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(139,69,199,.3))}.summary-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credentials-actions{display:flex;gap:var(--spacing-md)}.btn-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-md);background:var(--gradient-bg);border:1px solid rgba(139,69,199,.3);border-radius:var(--radius-md);color:var(--accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);flex:1;justify-content:center}.btn-action:hover{background:var(--gradient-bg-hover);transform:translateY(-2px)}.btn-action.secondary{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-action.secondary:hover{background:#8b45c71a;transform:translateY(-2px)}.btn-action.primary{background:linear-gradient(135deg,#8b45c7,#3b82f6);border:none;color:#fff;box-shadow:var(--shadow-button)}.btn-action.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-add-product{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-lg);background:var(--gradient-bg);border:1px solid rgba(139,69,199,.3);border-radius:var(--radius-md);color:var(--accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-add-product:hover{background:var(--gradient-bg-hover);transform:translateY(-2px);box-shadow:0 8px 25px #8b45c733}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:var(--bg-glass-hover);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-action-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .3s ease}.btn-action-small:hover{background:var(--bg-glass-hover);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-copy,.btn-toggle{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(139,69,199,.2);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .3s ease}.btn-copy{right:40px}.btn-toggle:hover,.btn-copy:hover{background:#8b45c71a;color:var(--accent-primary);border-color:var(--accent-primary)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.two-thirds{grid-column:span 2}.one-third{grid-column:span 1}}@media (max-width: 768px){.mockup-page{padding:1rem 0}.gradient-text{font-size:2.5rem;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;text-shadow:0 2px 8px rgba(255,255,255,.3)}[data-theme=light] .gradient-text{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;text-shadow:0 2px 8px rgba(26,26,26,.3)}.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.grid-section{grid-column:span 1!important}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-icon{width:50px;height:50px;margin-right:var(--spacing-md)}.icon{font-size:1.25rem}.stat-value{font-size:1.75rem}.portfolio-summary{flex-direction:column;gap:var(--spacing-md)}.candlestick-demo,.chart-labels{padding:0 var(--spacing-md)}.chart-container{padding:var(--spacing-lg)}.chart-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.chart-stats{grid-template-columns:repeat(2,1fr)}.invoice-table-container{padding:var(--spacing-lg)}.table-wrapper{overflow-x:auto;padding-right:0}.table-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-actions{width:100%;justify-content:flex-end}.table-footer{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.invoice-table th,.invoice-table td{padding:.75rem .5rem;font-size:.8rem}.client-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.client-avatar{width:24px;height:24px;font-size:.75rem}.product-portfolio{padding:var(--spacing-lg)}.product-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.metric-row{grid-template-columns:1fr;gap:.75rem}.return-percentage{flex-direction:column;gap:.75rem;align-items:stretch}.percentage-text{text-align:center;min-width:auto}.product-footer{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.credentials-container{padding:var(--spacing-lg)}.credentials-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.form-row,.info-grid{grid-template-columns:1fr}.credentials-actions{flex-direction:column}.input-with-action .form-input{padding-right:40px}.btn-copy{display:none}}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--main-bg-gradient);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative}.main-layout:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(139,69,199,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(168,85,247,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}.navbar{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-glass);position:sticky;top:0;z-index:1000;padding:var(--spacing-md) 0}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-brand h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(139,69,199,.3)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{color:var(--text-primary);font-weight:500;font-size:.875rem}.btn-logout{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.btn-logout:hover{background:#ef444433;transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.btn-logout svg{width:16px;height:16px}.main-content{flex:1;padding:0;overflow-x:hidden}.page{min-height:100vh}@media (max-width: 768px){.navbar{padding:var(--spacing-sm) 0}.navbar-brand h2{font-size:1.5rem}.navbar-actions{gap:var(--spacing-md)}.user-menu{flex-direction:column;gap:var(--spacing-sm);align-items:flex-end}.user-name{font-size:.75rem}.btn-logout{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-logout svg{width:14px;height:14px}}@media (max-width: 480px){.user-menu{gap:var(--spacing-xs)}.user-name{display:none}.btn-logout{padding:var(--spacing-xs)}.btn-logout span{display:none}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b45c71a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,69,199,.3);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-glass)}.theme-toggle:hover{background:#8b45c733;transform:translateY(-2px);box-shadow:var(--shadow-glass-hover)}.theme-toggle svg{transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(139,69,199,.3))}@media (max-width: 768px){.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}}@media (max-width: 480px){.theme-toggle{width:32px;height:32px}.theme-toggle svg{width:16px;height:16px}.equal-height-row{display:flex;align-items:stretch}.equal-height-row .col-content{height:100%}.equal-height-row .glass,.equal-height-row .chart-container{height:100%;display:flex;flex-direction:column}.equal-height-row .navigation-stack,.equal-height-row .actions-stack{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.floating-cart .cart-header:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;transform:none!important}.floating-cart .expand-icon{transform:none!important}.floating-cart .cart-item-mini:hover{background:transparent!important;transform:none!important}.floating-cart .btn-remove-mini:hover{background:#ef44441a!important;transform:none!important}.floating-cart .btn-checkout-mini:hover{transform:none!important;box-shadow:none!important}.wizard-overlay .btn-close:hover{background:#8b45c71a!important;transform:none!important}.wizard-overlay .btn-primary:hover:not(:disabled){transform:none!important;box-shadow:none!important}.wizard-overlay .btn-secondary:hover{background:#8b45c71a!important;transform:none!important}}