.price-display{font-variant-numeric:tabular-nums;font-weight:600}.price-positive{color:var(--success-green)}.price-negative{color:var(--danger-magenta)}.market-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .2s ease-out;cursor:pointer}.market-card:hover{border-color:var(--brand-purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.price-chart-wrapper{width:100%}.price-chart-controls{display:flex;gap:var(--spacing-sm);margin:0;padding:0}.time-range-btn{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;background-color:var(--gray-100);color:var(--gray-800);transition:all .2s ease-out;border:none;cursor:pointer}.time-range-btn:hover{background-color:var(--gray-200)}.time-range-btn-active{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;background-color:var(--brand-purple);color:var(--white);transition:all .2s ease-out;border:none;cursor:pointer}.time-range-btn-active:hover{background-color:var(--color-primary-hover)}.price-chart-container{width:100%;background-color:transparent;border-radius:var(--radius-lg);padding:0;border:none}.price-chart-state{display:flex;align-items:center;justify-content:center;height:300px}.price-chart-error{color:var(--danger-magenta)}.chart-tooltip{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-lg)}.chart-tooltip-timestamp{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:.25rem}.chart-tooltip-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.chart-axis{font-size:var(--font-size-xs)}.order-form-container{padding:0}.order-form-header{margin-bottom:var(--spacing-md)}.order-form-order-type-buttons,.order-form-outcome-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.order-form-helper{margin-top:var(--spacing-xs)}.order-form-cost-breakdown-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.order-form-cost-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-form-cost-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.order-form-cost-breakdown-total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.order-form-cost-total-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.order-form-cost-total-value{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.order-form-balance-section{margin-bottom:var(--spacing-md)}.order-form-balance-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.order-form-balance-label{color:var(--text-secondary)}.order-form-balance-label,.order-form-balance-value{font-size:var(--font-size-sm)}.order-form-submit-spinner{margin-left:var(--spacing-xs)}.order-form-login-prompt{padding:var(--spacing-lg);text-align:center}.order-form-login-title{margin-bottom:var(--spacing-sm)}.order-form-login-text{margin-bottom:var(--spacing-md)}.order-form-login-footer,.order-form-login-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-form-login-footer{margin-top:var(--spacing-md);text-align:left}.order-form-signup-link{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease-out;text-align:center;width:100%}.order-form-signup-link:hover{color:var(--color-secondary)}.order-form-login-section{margin-top:auto}.order-form-login-btn{padding:calc(var(--spacing-md) * .85) var(--spacing-md);font-size:var(--font-size-base)}.order-form-outcome-inactive{opacity:.4}.order-form-outcome-inactive:hover{opacity:.6}.order-form-controls-row{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.order-form-pills-container{display:flex;gap:var(--spacing-sm);flex:1}.order-form-pills-container-standalone{margin-bottom:var(--spacing-md)}.order-form-pill{flex:0 0 auto;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease-out;min-width:60px}.order-form-pill:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-buy.order-form-pill{background:var(--success-green);color:var(--gray-900);border-color:var(--success-green)}.btn-buy.order-form-pill:hover{background:var(--success-green-hover);color:var(--gray-900);border-color:var(--success-green-hover)}.btn-sell.order-form-pill{background:var(--danger-magenta);color:var(--white);border-color:var(--danger-magenta)}.btn-sell.order-form-pill:hover{background:var(--danger-magenta-hover);color:var(--white);border-color:var(--danger-magenta-hover)}.order-form-price-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.order-form-price-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);min-height:60px}.order-form-price-button:hover{opacity:.8}.order-form-price-button-yes{background:var(--success-green-10);color:var(--success-green)}.order-form-price-button-no{background:var(--danger-magenta-10);color:var(--danger-magenta)}.order-form-price-button-active{border-color:currentColor}.order-form-price-button-label{font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--spacing-1)}.order-form-price-button-price{font-size:var(--font-size-xl);font-weight:600}.order-type-selector-container{display:flex;flex-direction:column}.order-type-selector-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.order-type-tab-icon-container,.order-type-tab-icon-container-disabled{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs)}.order-type-tab-label,.order-type-tab-label-disabled{font-size:var(--font-size-base);font-weight:600}.order-type-tab-label-disabled{color:var(--text-secondary)}.order-type-info-box{background-color:var(--info-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--info-border)}.order-type-info-text{font-size:var(--font-size-sm);color:var(--text-primary)}.user-order-list-loading{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-order-list-empty{text-align:center;padding:var(--spacing-2xl)}.user-order-list-empty-description{color:var(--text-primary)}.user-order-list-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-order-list-filters{display:flex;flex-direction:row;gap:var(--spacing-sm);flex-wrap:wrap}.user-order-date-cell{color:var(--text-secondary)}.balance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.balance-card-refresh-btn{padding:var(--spacing-xs);min-width:auto;width:32px;height:32px}.balance-card-refresh-icon{width:16px;height:16px}.balance-card-skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.balance-card-skeleton-height-large{height:32px;width:66%}.balance-card-skeleton-height-small{height:16px;width:50%}.balance-card-total-section{margin-bottom:var(--spacing-md)}.balance-card-label{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;margin-bottom:var(--spacing-xs)}.balance-card-amounts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.balance-card-available-value,.balance-card-locked-value{font-size:var(--font-size-lg)}.balance-card-locked-value{color:var(--sell-orange)}.balance-card-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.transaction-history-container{padding:0}.transaction-history-header-wrapper{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.transaction-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.transaction-history-filter-container{display:flex;gap:var(--spacing-sm)}.transaction-history-export-icon{width:16px;height:16px}.transaction-history-table{border:none;border-radius:0}.transaction-history-loading{text-align:center;padding:var(--spacing-2xl)}.transaction-history-spinner{width:32px;height:32px;display:inline-block}.transaction-history-empty{color:var(--text-secondary);text-align:center;padding:var(--spacing-2xl)}.transaction-history-type-cell{text-transform:capitalize}.transaction-history-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.transaction-history-pagination-btn-disabled{opacity:.5;cursor:not-allowed}.transaction-history-pagination-btn-enabled{opacity:1;cursor:pointer}.transaction-history-pagination-page{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.position-history-skeleton-height{height:3rem}.position-history-skeleton-height-large{height:16rem}.position-history-empty-state{padding:var(--spacing-2xl) 0}.position-history-empty-icon-wrapper{background-color:var(--bg-secondary);margin-bottom:var(--spacing-md)}.position-history-empty-icon{color:var(--text-tertiary)}.position-history-summary-label{margin-bottom:var(--spacing-xs)}.position-history-table-header-right{text-align:right}.position-history-table-body{background-color:var(--bg-primary)}.position-history-table-cell-right{text-align:right}.position-history-market-cell{color:var(--text-tertiary)}.position-history-export-icon{margin-right:var(--spacing-sm)}.order-confirmation-modal{max-width:32rem}.order-confirmation-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-confirmation-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.order-confirmation-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.order-confirmation-market-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.order-confirmation-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.order-confirmation-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-confirmation-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.order-confirmation-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) 0}.order-confirmation-total-row{padding:var(--spacing-xs) 0}.order-confirmation-total-label{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base)}.order-confirmation-total-value{color:var(--brand-purple);font-weight:700;font-size:var(--font-size-base)}.order-confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.order-confirmation-info-text{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;margin:0;padding:0 var(--spacing-sm)}.btn-buy{background-color:var(--success-green);color:var(--gray-900);border:1px solid var(--success-green);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);transition:all .2s ease-out;cursor:pointer;font-size:var(--font-size-sm)}.btn-buy:hover{background-color:var(--success-green-hover);border-color:var(--success-green-hover);box-shadow:var(--shadow-md)}.btn-buy:disabled{opacity:.5;cursor:not-allowed}.btn-sell{background-color:var(--danger-magenta);color:var(--gray-900);border:1px solid var(--danger-magenta);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);transition:all .2s ease-out;cursor:pointer;font-size:var(--font-size-sm)}.btn-sell:hover{background-color:var(--danger-magenta-hover);border-color:var(--danger-magenta-hover);box-shadow:var(--shadow-md)}.btn-sell:disabled{opacity:.5;cursor:not-allowed}.btn-outcome-sim{background-color:var(--brand-purple);color:var(--white);border:2px solid var(--brand-purple);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease-out;cursor:pointer}.btn-outcome-sim:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outcome-sim-inactive{background-color:var(--bg-secondary);color:var(--brand-purple);border:2px solid var(--border-color);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease-out;cursor:pointer}.btn-outcome-sim-inactive:hover{background-color:var(--brand-purple-5);border-color:var(--brand-purple)}.btn-outcome-nao{background-color:var(--accent-yellow);color:var(--gray-900);border:2px solid var(--accent-yellow);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease-out;cursor:pointer}.btn-outcome-nao:hover{background-color:var(--accent-orange);border-color:var(--accent-orange)}.btn-outcome-nao-inactive{background-color:var(--bg-secondary);color:var(--accent-orange);border:2px solid var(--border-color);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease-out;cursor:pointer}.btn-outcome-nao-inactive:hover{background-color:var(--accent-yellow-10);border-color:var(--accent-yellow)}.trading-modal-ws-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--success-green-10);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.ws-indicator{width:8px;height:8px;border-radius:50%}.ws-indicator-connected{background-color:var(--success-green);animation:pulse-success 2s infinite}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.5}}.trading-modal-ws-error{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--warning-yellow-10);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.ws-status-text{font-size:var(--font-size-xs)}.ws-status-success{color:var(--success-green)}.ws-status-warning{color:var(--sell-orange)}.trading-modal-orders,.trading-modal-position,.user-position-card{margin-bottom:var(--spacing-md)}.user-position-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.user-position-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-position-row{display:flex;justify-content:space-between;align-items:center}.user-position-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.user-position-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.user-position-pnl{padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.user-position-pnl-value{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:700}.user-position-pnl-percent{font-size:var(--font-size-sm);opacity:.8}.user-position-pnl-icon{width:16px;height:16px}.market-detail-orderbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.market-detail-orderbook-header .market-detail-section-title{margin-bottom:0}.market-detail-orderbook-volume{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary)}.input-with-prefix{position:relative;display:flex;align-items:center;width:100%;margin-bottom:0}.input-prefix{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-base);pointer-events:none;z-index:1;line-height:1;display:flex;align-items:center}.input-with-prefix-field{width:100%;padding-left:calc(var(--spacing-md) + var(--spacing-md) + 2px)!important;display:flex;align-items:center}.user-order-quantity-container{display:flex;flex-direction:column;gap:2px}.user-order-quantity-filled,.user-order-quantity-main{font-size:1em;font-weight:600}.user-order-quantity-filled{color:var(--text-tertiary)}.user-order-status-badge{font-size:1em;padding:0;border-radius:0;font-weight:600;margin:0;display:inline-block;background-color:transparent}.user-order-status-partial{color:var(--warning-amber)}.user-order-status-pending{color:var(--info-blue)}.user-orders-header{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr .8fr;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs)}.user-orders-header-cell{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-orders-header-cell:first-child{text-align:left}.user-orders-header-cell:nth-child(2),.user-orders-header-cell:nth-child(3),.user-orders-header-cell:nth-child(4),.user-orders-header-cell:nth-child(5){text-align:right}.user-orders-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr .8fr;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;position:relative;overflow:hidden;transition:background-color .15s ease}.user-orders-row:hover{background-color:var(--surface-hover)}.user-orders-cell{display:flex;align-items:center}.user-orders-price{font-weight:600;color:var(--success-green);text-align:left;justify-content:flex-start}.user-orders-quantity{text-align:right;justify-content:flex-end;font-weight:600}.user-orders-status{padding-right:0}.user-orders-status,.user-orders-total{text-align:right;justify-content:flex-end}.user-orders-total{font-weight:600;color:var(--text-primary)}.user-orders-action{text-align:right;justify-content:flex-end}.user-order-cancel-btn{padding:0;border:none;background-color:transparent;color:var(--danger-magenta);font-size:1em;font-weight:600;cursor:pointer;transition:color .2s ease-out}.user-order-cancel-btn:hover:not(:disabled){color:var(--danger-magenta-hover)}.user-order-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.user-order-outcome-badge{font-size:1em;font-weight:600}.user-order-outcome-yes{color:var(--success-green)}.user-order-outcome-no{color:var(--danger-magenta)}.user-position-pnl-value{font-weight:600}.user-position-pnl-value.profit{color:var(--success-green)}.user-position-pnl-value.loss{color:var(--danger-magenta)}.trading-modal-login-prompt{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl)}.login-prompt-content{text-align:center;max-width:400px}.login-prompt-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.login-prompt-content p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.order-form-market-info{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.order-form-market-info-content{font-size:var(--font-size-sm)}.order-form-market-price-row{margin-bottom:var(--spacing-xs)}.order-form-estimated-price{font-size:1.1em;color:var(--brand-purple);font-weight:600;margin-left:var(--spacing-xs)}.order-form-market-warning{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.error-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--background)}.error-page-content{text-align:center;max-width:32rem;width:100%}.error-page-logo{width:120px;height:auto;margin:0 auto var(--spacing-lg);display:block}.error-page-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.error-page-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.error-details-box{margin-bottom:var(--spacing-2xl);padding:var(--spacing-md);background-color:var(--color-warning-50);border:1px solid var(--color-warning-300);border-radius:var(--radius-lg);text-align:left}.error-details-title{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-warning-600)}.error-details-pre{font-size:var(--font-size-xs);overflow:auto;max-height:15rem;padding:var(--spacing-sm);background-color:var(--white);border-radius:var(--radius-sm);color:var(--color-warning-800)}.error-button-group{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.not-found-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--background)}.not-found-content{text-align:center;max-width:28rem}.not-found-header{margin-bottom:var(--spacing-3xl)}.not-found-title{font-size:9rem;font-weight:900;color:var(--color-primary);margin-bottom:var(--spacing-md)}.not-found-subtitle{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.not-found-message{color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.not-found-button-container{display:flex;justify-content:center}.not-found-button{width:100%}.not-found-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--border-color)}.not-found-footer-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}@media (min-width:640px){.not-found-button{width:auto}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--bg-secondary)}.error-boundary-content{max-width:28rem;width:100%;background-color:var(--white);border:1px solid var(--danger-magenta);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.error-boundary-header{display:flex;align-items:start;gap:.75rem;margin-bottom:var(--spacing-md)}.error-boundary-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--danger-magenta-10);display:flex;align-items:center;justify-content:center}.error-boundary-icon-svg{width:1.5rem;height:1.5rem;color:var(--danger-magenta)}.error-boundary-text{flex:1}.error-boundary-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.error-boundary-message{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:.25rem}.error-boundary-details{margin-top:.75rem}.error-boundary-details-summary{cursor:pointer;font-size:var(--font-size-xs);color:var(--text-tertiary);transition:color .2s ease-out}.error-boundary-details-summary:hover{color:var(--text-secondary)}.error-boundary-details-pre{margin-top:var(--spacing-sm);padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);overflow:auto;max-height:10rem;color:var(--danger-magenta)}.error-boundary-actions{display:flex;gap:.75rem}.error-boundary-btn{flex:1}.error-message-text{color:var(--danger-magenta);font-size:var(--font-size-sm);margin-top:.5rem;text-align:left;line-height:1.4}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm)}.connection-dot-connected{background-color:var(--success-green);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.connection-dot-connected,.connection-dot-disconnected{width:.5rem;height:.5rem;border-radius:var(--radius-full)}.connection-dot-disconnected{background-color:var(--danger-magenta)}.connection-message-connected{font-size:var(--font-size-sm);font-weight:500;color:var(--success-green)}.connection-message-disconnected{font-size:var(--font-size-sm);font-weight:500;color:var(--danger-magenta)}.skeleton{background-color:var(--gray-200);border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner-container{display:inline-block}.spinner{border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-sm{width:2rem;height:2rem;border-width:3px}.spinner-md{width:3.5rem;height:3.5rem;border-width:4px}.spinner-lg{width:5rem;height:5rem;border-width:5px}.spinner-primary{border:4px solid var(--gray-200);border-top-color:var(--brand-purple)}.spinner-secondary{border:4px solid var(--gray-200);border-top-color:var(--success-green)}.spinner-white{border:4px solid var(--white-30);border-top-color:var(--white)}.spinner-yellow{border:4px solid var(--gray-200);border-top-color:var(--accent-yellow)}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-bottom:10%}.footer{background-color:var(--nav-bg,var(--bg-primary));border-top:1px solid var(--nav-border,var(--border-color));box-shadow:var(--nav-shadow,var(--shadow-lg));margin-top:auto}.footer-container{padding-top:1.152rem!important;padding-bottom:1.44rem!important}@media (min-width:768px){.footer-container{padding-top:1.44rem!important;padding-bottom:1.8rem!important}}.footer-desktop-layout{display:none}@media (min-width:768px){.footer-desktop-layout{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:1rem}}@media (min-width:1024px){.footer-desktop-layout{gap:4rem}}.footer-mobile-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.footer-mobile-layout{display:none}}.footer-mobile-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}.footer-brand{grid-column:span 1;padding:var(--spacing-md)}.footer-brand h3{margin-bottom:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}@media (min-width:768px){.footer-brand h3{font-size:1.75rem;margin-bottom:1rem}}.footer-tagline{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:280px;opacity:.9}@media (min-width:768px){.footer-tagline{font-size:.95rem;max-width:320px}}.footer-section{margin-bottom:0;padding:var(--spacing-md)}.footer-section-title{font-weight:700;margin-bottom:1rem;font-size:.8rem;text-transform:uppercase;color:var(--text-primary);letter-spacing:.08em;opacity:.95}@media (min-width:768px){.footer-section-title{margin-bottom:1.25rem;font-size:.85rem}}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.footer-link-list{gap:.85rem}}.footer-link{font-size:.9rem;color:var(--text-secondary);transition:all .28s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;position:relative;padding-bottom:2px}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-yellow);transition:width .28s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:var(--accent-yellow)}.footer-link:hover:after{width:100%}.footer-link:active{transform:translateX(2px)}.footer-social{display:flex;gap:1rem}.footer-bottom{margin-top:3rem;padding:2rem var(--spacing-md) 0;border-top:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}@media (min-width:768px){.footer-bottom{margin-top:3.5rem;padding-top:2.25rem}}.footer-bottom-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.75rem}@media (min-width:768px){.footer-bottom-content{flex-direction:row;gap:1rem}}.footer-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5;opacity:.85;font-weight:400}@media (min-width:768px){.footer-text{font-size:.875rem}}.footer-coming-soon{font-size:.85rem;color:var(--text-secondary);line-height:1.5;opacity:.7;font-style:italic}.footer-link-button{background:none;border:none;padding:0;cursor:pointer;text-align:left}.container-main,.container-section{max-width:1600px;margin:0 auto;padding:0 var(--spacing-xl)}.container-section{width:100%}.page-layout-content .container-main,.page-layout-content .container-section,.page-layout-content-main .container-main,.page-layout-content-main .container-section{padding:0}.page-layout-content .section-spacing-top{margin-top:0}.container-full{width:100%;padding:0 var(--spacing-md)}.section{padding:0}.section-spacing-top{margin-top:var(--spacing-xl)}.section-spacing-bottom,.section-spacing-y{margin-bottom:var(--spacing-xl)}.section-spacing-y{margin-top:var(--spacing-xl)}.columns-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.row-container{display:flex;gap:var(--spacing-sm)}.row-space-between{display:flex;justify-content:space-between;align-items:center}.column-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.full-width{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-weight-600{font-weight:600}.page-layout-centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.page-layout-auth,.page-layout-main{min-height:100vh;background-color:var(--bg-secondary);display:flex;flex-direction:column}.page-layout-auth-content{flex-grow:1;display:flex;align-items:center;justify-content:center}.page-layout-auth-form{max-width:28rem;width:100%}.page-layout-content,.page-layout-content-main{flex-grow:1;max-width:1600px;margin:0 auto;padding:var(--spacing-xl);width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.page-section{max-width:1600px;margin:0 auto;padding:0 var(--spacing-xl);width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.page-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}@media (max-width:768px){.container-main,.container-section,.page-section{padding:0 var(--spacing-md)}.page-layout-content,.page-layout-content-main{padding:var(--spacing-md)}.page-layout-content{gap:var(--spacing-lg)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}}.info-box{padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.info-box-success{background-color:var(--success-green-10);border:1px solid var(--success-green-20);color:var(--success-green)}.info-box-error{background-color:var(--danger-magenta-10);border:1px solid var(--danger-magenta-20);color:var(--danger-magenta)}.info-box-info{background-color:var(--bg-secondary);border:2px solid var(--brand-purple);color:var(--text-primary)}.info-box-content{display:flex;align-items:center;gap:var(--spacing-xs)}.info-box-icon{flex-shrink:0}.auth-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);padding:var(--spacing-2xl) var(--spacing-md)}@media (min-width:640px){.auth-page-container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width:1024px){.auth-page-container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.auth-card-wrapper{max-width:28rem;width:100%}.auth-card-content{padding:var(--spacing-xl)}.auth-page-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary)}.auth-loading{text-align:center;color:var(--text-secondary)}.admin-route-error-container,.admin-route-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.admin-route-error-container{flex-direction:column;padding:var(--spacing-md)}.admin-route-error-button{margin-top:var(--spacing-md)}.auth-form-container{display:flex;flex-direction:column;width:100%;max-width:28rem;gap:1rem}.auth-form-header{text-align:center}.auth-form-header-subtitle{margin-top:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.242rem}.auth-form .form-group{margin-bottom:0}.auth-password-field-wrapper{position:relative;display:flex;align-items:flex-start}.auth-password-input{padding-right:2.5rem;flex:1}.auth-password-toggle{position:absolute;right:.75rem;top:0;height:calc(var(--spacing-sm) * 2 + 1.5rem + 4px);background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0;pointer-events:auto}.auth-password-toggle:hover{color:var(--text-primary)}.auth-password-toggle-icon{width:1.25rem;height:1.25rem}.auth-checkbox-row{align-items:center}.auth-checkbox-row,.auth-checkbox-row-start{display:flex;flex-direction:row;gap:var(--spacing-sm)}.auth-checkbox-row-start{align-items:flex-start}.auth-checkbox,.auth-checkbox-offset{height:1rem;width:1rem;cursor:pointer}.auth-checkbox-offset{margin-top:.25rem}.auth-checkbox-label{font-size:var(--font-size-sm);cursor:pointer}.auth-forgot-link{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none}.auth-forgot-link:hover{text-decoration:underline;color:var(--color-secondary)}.auth-submit-button{width:100%;display:flex;margin-top:var(--spacing-md)}.auth-switch-container{text-align:center}.auth-switch-link,.auth-switch-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-switch-link{text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.auth-switch-link:hover{color:var(--color-secondary)}.auth-submit-group{display:flex;flex-direction:column;gap:.75rem;align-items:center}.auth-legal-disclaimer{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;line-height:1.5;padding-bottom:var(--spacing-sm)}.auth-loading-icon{width:1rem;height:1rem;margin-right:var(--spacing-sm)}.auth-switch-form-button{background:none;border:none;cursor:pointer;padding:0}.protected-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-password-strength-container{margin-top:var(--spacing-sm)}.auth-password-strength-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.auth-password-strength-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-password-strength-value{font-size:var(--font-size-sm);font-weight:600}.auth-password-strength-bar-track{width:100%;background-color:var(--gray-200);border-radius:var(--radius-full);height:.375rem;overflow:hidden}.auth-password-strength-bar-fill{height:.375rem;border-radius:var(--radius-full);transition:all .2s ease-out;width:var(--strength-width,0)}.auth-password-strength-weak{color:var(--danger-magenta)}.auth-password-strength-bar-weak{background-color:var(--danger-magenta)}.auth-password-strength-fair{color:var(--color-warning)}.auth-password-strength-bar-fair{background-color:var(--color-warning)}.auth-password-strength-good,.auth-password-strength-strong{color:var(--success-green)}.auth-password-strength-bar-good,.auth-password-strength-bar-strong{background-color:var(--success-green)}.deposit-form-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-details-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.dev-mode-banner{margin-bottom:var(--spacing-lg);border-color:var(--accent-yellow);background-color:var(--accent-yellow-10)}.dev-mode-banner-content{padding:var(--spacing-md)}.dev-mode-banner-inner{display:flex;align-items:center;gap:var(--spacing-sm)}.dev-mode-icon{font-size:var(--font-size-2xl)}.dev-mode-title{font-weight:700;color:var(--text-primary)}.dev-mode-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.deposit-error-box{padding:var(--spacing-sm);background-color:var(--color-danger-50);border:1px solid var(--color-danger-300);color:var(--color-danger-800);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.btn-full-width{width:100%}.btn-loading-content{display:flex;align-items:center;justify-content:center}.btn-loading-text{margin-left:var(--spacing-sm)}.deposit-mock-note{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.payment-status-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--info-blue-10);border-radius:var(--radius-lg)}.payment-status-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.payment-status-value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.payment-timer-container{text-align:right}.payment-timer-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.payment-timer-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.payment-amount-card{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.payment-amount-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.payment-amount-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.payment-currency-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.qr-code-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.qr-code-wrapper{padding:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qr-code-image{width:100%;height:auto;max-width:200px}.qr-code-instructions{font-size:var(--font-size-xs);text-align:center;color:var(--text-secondary);max-width:28rem}.payment-url-section{flex-direction:column}.payment-url-controls,.payment-url-section{display:flex;gap:var(--spacing-sm)}.payment-url-display{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.payment-url-text{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-success{color:var(--success-green)}.icon-with-margin{margin-right:var(--spacing-sm)}.payment-instructions-box{padding:var(--spacing-md);background-color:var(--accent-yellow-10);border-radius:var(--radius-lg);border:1px solid var(--accent-yellow-30)}.payment-instructions-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.payment-instructions-list{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-xs);list-style-position:inside}.payment-reference-section{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.payment-reference-text,.payment-reference-text-muted{font-size:var(--font-size-xs);color:var(--text-secondary)}.payment-reference-code{font-family:monospace;font-size:var(--font-size-xs);padding:2px var(--spacing-xs);background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary)}.payment-reference-spacing{margin-top:var(--spacing-xs)}.payment-actions-row{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.payment-action-button{flex:1}.payment-help-section{margin-top:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.payment-help-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.payment-help-support,.payment-help-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.payment-help-support{margin-top:var(--spacing-sm)}.withdraw-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:200px}.withdraw-loading-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.withdraw-skeleton-spacing{margin-bottom:var(--spacing-lg)}.withdraw-success-card{padding:var(--spacing-2xl);text-align:center}.withdraw-success-icon{width:4rem;height:4rem;color:var(--success-green);margin:0 auto var(--spacing-md)}.withdraw-heading-spacing{margin-bottom:var(--spacing-sm)}.withdraw-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.withdraw-balance-card{padding:var(--spacing-md)}.withdraw-balance-card,.withdraw-balance-title{margin-bottom:var(--spacing-md)}.withdraw-balance-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.withdraw-balance-compact,.withdraw-balance-primary{display:flex;flex-direction:column;gap:var(--spacing-xs)}.withdraw-balance-secondary{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.withdraw-balance-detail,.withdraw-balance-secondary{font-size:var(--font-size-sm)}.withdraw-balance-separator{color:var(--text-tertiary);padding:0 var(--spacing-xs)}.withdraw-balance-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.withdraw-balance-value{font-size:var(--font-size-2xl);font-weight:700}.withdraw-balance-available{color:var(--success-green)}.withdraw-balance-locked{color:var(--text-secondary)}.withdraw-balance-total{color:var(--brand-purple)}.withdraw-form-card{padding:var(--spacing-md)}.withdraw-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.withdraw-input-monospace{font-size:var(--font-size-sm)}.withdraw-dev-banner-card{margin-bottom:var(--spacing-md);border-color:var(--accent-yellow);background-color:var(--accent-yellow-10);padding:var(--spacing-md)}.withdraw-error-spacing{margin-bottom:var(--spacing-xl)}.withdraw-summary-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.withdraw-summary-title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.withdraw-summary-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.withdraw-summary-row{font-size:var(--font-size-sm);display:flex;justify-content:space-between}.withdraw-summary-value{font-weight:500}.withdraw-summary-label{color:var(--text-secondary)}.withdraw-summary-divider{border-top:1px solid var(--border-color);padding-top:var(--spacing-sm);display:flex;justify-content:space-between}.withdraw-summary-total-label{font-weight:600}.withdraw-summary-total-value{font-weight:700;font-size:var(--font-size-lg)}.withdraw-confirmation-box{background-color:var(--accent-yellow-10);border:2px solid var(--accent-yellow-50);border-radius:var(--radius-lg);padding:var(--spacing-md)}.withdraw-confirmation-content{display:flex;gap:var(--spacing-sm)}.withdraw-confirmation-icon{width:1.25rem;height:1.25rem;color:var(--accent-orange);flex-shrink:0;margin-top:2px}.withdraw-confirmation-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.withdraw-confirmation-message{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.withdraw-confirmation-address{font-size:var(--font-size-sm);background-color:var(--accent-yellow-20);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--accent-yellow-30);word-break:break-all}.withdraw-confirmation-warning{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.withdraw-button-container{display:flex;gap:var(--spacing-sm)}.withdraw-button-item{flex:1}.withdraw-button-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.withdraw-button-icon{width:1rem;height:1rem}.withdraw-info-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.withdraw-info-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:var(--spacing-xs) 0;cursor:pointer;color:var(--text-primary);transition:opacity .2s}.withdraw-info-toggle:hover{opacity:.7}.withdraw-info-toggle-content{display:flex;align-items:center;gap:var(--spacing-sm)}.withdraw-info-title{font-size:var(--font-size-sm);font-weight:600}.withdraw-info-icon{width:1rem;height:1rem}.withdraw-info-chevron{width:1rem;height:1rem;color:var(--text-secondary)}.withdraw-info-list{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.withdraw-dev-banner-content{display:flex;align-items:center;gap:var(--spacing-sm)}.withdraw-dev-banner-icon{font-size:var(--font-size-2xl)}.withdraw-dev-banner-title{font-weight:700;color:var(--text-primary)}.withdraw-dev-banner-description{font-size:var(--font-size-sm);color:var(--text-secondary)}