:root{--bg-primary: rgb(18, 18, 18);--bg-secondary: rgb(24, 24, 24);--bg-tertiary: rgb(28, 28, 28);--bg-elevated: rgb(32, 32, 32);--border-primary: rgb(38, 38, 38);--border-secondary: rgb(64, 64, 64);--text-primary: rgb(255, 255, 255);--text-secondary: rgb(156, 163, 175);--text-muted: rgb(107, 114, 128);--accent-green: rgb(16, 185, 129);--accent-green-hover: rgb(5, 150, 105);--accent-green-muted: rgba(16, 185, 129, .15);--accent-red: rgb(239, 68, 68);--accent-red-hover: rgb(220, 38, 38);--accent-red-muted: rgba(239, 68, 68, .15);--accent-blue: rgb(59, 130, 246);--accent-blue-muted: rgba(59, 130, 246, .15);--accent-yellow: rgb(234, 179, 8);--accent-yellow-muted: rgba(234, 179, 8, .15);--discord-purple: rgb(88, 101, 242);--discord-purple-hover: rgb(71, 82, 196);--success: rgb(34, 197, 94);--error: rgb(239, 68, 68);--warning: rgb(234, 179, 8);--info: rgb(59, 130, 246);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--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: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-toast: 1070;--nav-height: 60px;--watchlist-width: 250px;--order-entry-width: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background-color:var(--accent-blue);color:var(--text-primary)}.text-green{color:var(--accent-green)!important}.text-red{color:var(--accent-red)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.bg-green{background-color:var(--accent-green-muted)!important}.bg-red{background-color:var(--accent-red-muted)!important}.font-mono{font-family:var(--font-mono)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash-green{0%{background-color:var(--accent-green-muted)}to{background-color:transparent}}@keyframes flash-red{0%{background-color:var(--accent-red-muted)}to{background-color:transparent}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in-right{animation:slideInRight var(--transition-slow)}.animate-slide-in-up{animation:slideInUp var(--transition-slow)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background-color:var(--accent-green);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-green-hover)}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--accent-red-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-elevated);border-color:var(--text-muted)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-discord{background-color:var(--discord-purple);color:#fff}.btn-discord:hover:not(:disabled){background-color:var(--discord-purple-hover)}.input{width:100%;height:40px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--accent-red)}.input-error:focus{box-shadow:0 0 0 3px var(--accent-red-muted)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.card-lg{padding:var(--space-6)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-buy{background-color:var(--accent-green-muted);color:var(--accent-green)}.badge-sell{background-color:var(--accent-red-muted);color:var(--accent-red)}.badge-open{background-color:var(--accent-blue-muted);color:var(--accent-blue)}.badge-filled{background-color:var(--accent-green-muted);color:var(--accent-green)}.badge-cancelled{background-color:#6b728033;color:var(--text-muted)}.badge-partial{background-color:var(--accent-yellow-muted);color:var(--accent-yellow)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);position:sticky;top:0}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.table tr:hover td{background-color:var(--bg-tertiary)}.table-number{font-family:var(--font-mono);text-align:right}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.tab{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{background-color:var(--bg-secondary);color:var(--text-primary)}.tab-buy.active{background-color:var(--accent-green);color:#fff}.tab-sell.active{background-color:var(--accent-red);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-normal)}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideInUp var(--transition-slow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary)}.toast-container{position:fixed;top:calc(var(--nav-height) + var(--space-4));right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast)}.toast{display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:400px;padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-slow)}.toast-icon{flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:fadeIn var(--transition-fast);overflow:hidden}.dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary)}.dropdown-item{display:block;width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dropdown-divider{height:1px;background-color:var(--border-primary);margin:var(--space-1) 0}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--accent-red)}.form-helper{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.select{width:100%;height:40px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-muted)}.contracts-layout{display:grid;grid-template-columns:300px 1fr 340px;gap:var(--space-4);height:calc(100vh - 72px);padding:var(--space-4);background:var(--bg-primary)}.contract-list-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.contract-list-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.contract-list-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.contract-search{position:relative;margin-bottom:var(--space-3)}.contract-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.contract-search .input{padding-left:var(--space-10);background:var(--bg-primary)}.contract-filter-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-primary);border-radius:var(--radius-md)}.contract-filter-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.contract-filter-tab:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.contract-filter-tab.active{background:var(--accent-green);color:#fff}.contract-list-items{flex:1;overflow-y:auto}.contract-list-item{padding:var(--space-4);cursor:pointer;border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.contract-list-item:hover{background:var(--bg-tertiary)}.contract-list-item.selected{background:var(--bg-tertiary);border-left:3px solid var(--accent-green);padding-left:calc(var(--space-4) - 3px)}.contract-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.contract-ticker{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono)}.contract-status-badge{font-size:10px;font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.contract-status-badge.active{background:#10b98126;color:var(--accent-green)}.contract-status-badge.halted{background:#eab30826;color:var(--accent-yellow)}.contract-status-badge.pending{background:#3b82f626;color:var(--accent-blue)}.contract-status-badge.resolved{background:var(--bg-elevated);color:var(--text-muted)}.contract-item-title{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.contract-item-prices{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.contract-price-row{display:flex;align-items:center;gap:var(--space-2)}.contract-price-label{font-size:var(--text-xs);font-weight:var(--font-bold);width:28px;color:var(--text-muted)}.contract-price-value{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-sm)}.contract-price-value.yes{color:var(--accent-green)}.contract-price-value.no{color:var(--accent-red)}.contract-price-prob{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.contract-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border-primary)}.contract-volume{font-size:var(--text-xs);color:var(--text-muted)}.contract-expiration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.contract-list-empty{padding:var(--space-8);text-align:center;color:var(--text-muted)}.contract-detail-panel{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:var(--space-2)}.contract-detail{display:flex;flex-direction:column;gap:var(--space-4)}.contract-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.contract-detail-header{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-5)}.contract-detail-info{margin-bottom:var(--space-4)}.contract-detail-ticker{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.contract-detail-ticker .ticker{font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.contract-detail-ticker .status-badge{font-size:10px;font-weight:var(--font-semibold);padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.contract-detail-ticker .status-badge.active{background:#10b98126;color:var(--accent-green)}.contract-detail-ticker .status-badge.trading_halted,.contract-detail-ticker .status-badge.halted{background:#eab30826;color:var(--accent-yellow)}.contract-detail-ticker .status-badge.pending_resolution{background:#3b82f626;color:var(--accent-blue)}.contract-detail-ticker .status-badge.resolved{background:var(--bg-elevated);color:var(--text-muted)}.contract-detail-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.4;margin:0}.contract-price-display{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.price-card{display:flex;flex-direction:column;padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-md);text-align:center}.price-card.yes{border:1px solid rgba(16,185,129,.3)}.price-card.no{border:1px solid rgba(239,68,68,.3)}.price-card .price-label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;margin-bottom:var(--space-1)}.price-card.yes .price-label{color:var(--accent-green)}.price-card.no .price-label{color:var(--accent-red)}.price-card .price-value{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-mono);margin-bottom:var(--space-1)}.price-card.yes .price-value{color:var(--accent-green)}.price-card.no .price-value{color:var(--accent-red)}.price-card .price-probability{font-size:var(--text-xs);color:var(--text-muted)}.contract-chart{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-4)}.contract-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.chart-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.chart-legend{display:flex;gap:var(--space-4)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.legend-item .legend-dot{width:8px;height:8px;border-radius:50%}.legend-item.yes .legend-dot{background:var(--accent-green)}.legend-item.no .legend-dot{background:var(--accent-red)}.contract-chart-container{position:relative;height:180px;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.contract-chart-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.price-chart-svg{width:100%;height:100%}.contract-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contract-info-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-4)}.contract-info-card h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.contract-info-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.contract-details-list{display:flex;flex-direction:column;gap:var(--space-2)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--text-sm);color:var(--text-muted)}.detail-value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.detail-link{display:flex;align-items:center;gap:var(--space-1);color:var(--accent-blue);font-size:var(--text-sm);text-decoration:none}.detail-link:hover{text-decoration:underline}.outcome-badge{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-badge.yes{background:#10b98126;color:var(--accent-green)}.outcome-badge.no{background:#ef444426;color:var(--accent-red)}.contract-orderbook-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.contract-orderbook-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.contract-orderbook-panel .panel-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.contract-orderbook-panel .panel-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.orderbook-side-toggle{display:flex;gap:var(--space-1);padding:2px;background:var(--bg-primary);border-radius:var(--radius-md)}.orderbook-side-toggle .side-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.orderbook-side-toggle .side-btn.active.yes{background:#10b98126;color:var(--accent-green)}.orderbook-side-toggle .side-btn.active.no{background:#ef444426;color:var(--accent-red)}.orderbook-content{padding:var(--space-3)}.orderbook-header{display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.orderbook-header span:last-child{text-align:right}.orderbook-asks,.orderbook-bids{display:flex;flex-direction:column}.orderbook-row{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono)}.orderbook-row .orderbook-bar{position:absolute;top:0;bottom:0;right:0;opacity:.1}.orderbook-row.ask .orderbook-bar{background:var(--accent-red)}.orderbook-row.bid .orderbook-bar{background:var(--accent-green)}.orderbook-row .price{z-index:1}.orderbook-row.ask .price{color:var(--accent-red)}.orderbook-row.bid .price{color:var(--accent-green)}.orderbook-row .qty{z-index:1;color:var(--text-secondary)}.orderbook-row .total{z-index:1;text-align:right;color:var(--text-muted)}.orderbook-spread{padding:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-sm);margin:var(--space-2) 0}.contract-trade-feed-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.contract-trade-feed-panel .panel-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.contract-trade-feed-panel .panel-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.contract-trade-feed-panel .panel-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.trade-feed-list{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.trade-feed-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.trade-feed-item .trade-side{font-weight:var(--font-bold);font-size:var(--text-xs)}.trade-feed-item .trade-side.yes{color:var(--accent-green)}.trade-feed-item .trade-side.no{color:var(--accent-red)}.trade-feed-item .trade-info{font-family:var(--font-mono);color:var(--text-secondary)}.trade-feed-item .trade-time{font-size:var(--text-xs);color:var(--text-muted)}.contract-order-entry-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.order-entry-header{background:var(--bg-tertiary)}.contract-tabs{display:grid;grid-template-columns:1fr 1fr}.contract-tabs .tab{padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.contract-tabs .tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent}.contract-tabs .tab-yes{color:var(--text-muted)}.contract-tabs .tab-yes:hover{color:var(--accent-green)}.contract-tabs .tab-yes.active{background:#10b9811a;color:var(--accent-green)}.contract-tabs .tab-yes.active:after{background:var(--accent-green)}.contract-tabs .tab-no{color:var(--text-muted)}.contract-tabs .tab-no:hover{color:var(--accent-red)}.contract-tabs .tab-no.active{background:#ef44441a;color:var(--accent-red)}.contract-tabs .tab-no.active:after{background:var(--accent-red)}.contract-order-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.contract-order-ticker{font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--text-primary)}.contract-order-probability{font-family:var(--font-mono);font-weight:var(--font-semibold);font-size:var(--text-sm)}.contract-order-probability.yes{color:var(--accent-green)}.contract-order-probability.no{color:var(--accent-red)}.order-entry-form{flex:1;padding:var(--space-4);display:flex;flex-direction:column}.form-label{display:flex;justify-content:space-between;align-items:center}.form-hint{font-weight:var(--font-normal);color:var(--text-muted);font-size:var(--text-xs)}.contract-order-summary{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.summary-row.highlight{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-secondary);font-weight:var(--font-semibold);color:var(--text-primary)}.summary-value{font-family:var(--font-mono);font-weight:var(--font-medium)}.summary-value.positive{color:var(--accent-green)}.summary-value.negative{color:var(--accent-red)}.current-position-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding:var(--space-3);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);font-size:var(--text-sm)}.position-label{color:var(--text-secondary)}.position-value{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--text-primary)}.order-warning{margin-top:var(--space-4);padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-size:var(--text-sm);text-align:center}.order-balance{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.order-balance-value{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--text-primary)}.order-submit{margin-top:auto;padding-top:var(--space-4)}.contract-order-explanation{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.order-entry-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);text-align:center;font-size:var(--text-sm)}@media (max-width: 1400px){.contracts-layout{grid-template-columns:280px 1fr 300px}}@media (max-width: 1200px){.contracts-layout{grid-template-columns:260px 1fr 280px;gap:var(--space-3)}.contract-info-grid{grid-template-columns:1fr}}@media (max-width: 992px){.contracts-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:calc(100vh - 72px)}.contract-list-panel{max-height:350px}.contract-detail-panel{padding-right:0}}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);z-index:var(--z-fixed)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none}.nav-brand svg{width:32px;height:32px}.nav-links{display:flex;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-user{display:flex;align-items:center;gap:var(--space-3)}.nav-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.connected{background-color:var(--accent-green)}.status-dot.reconnecting{background-color:var(--accent-yellow)}.status-dot.disconnected{background-color:var(--accent-red)}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{border-color:var(--border-secondary);background-color:var(--bg-tertiary)}.user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--discord-purple);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold)}.app-layout{min-height:100vh;padding-top:var(--nav-height)}.app-content{height:calc(100vh - var(--nav-height));overflow:hidden}.markets-layout{display:grid;grid-template-columns:var(--watchlist-width) 1fr var(--order-entry-width);height:100%}.watchlist-panel{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.watchlist-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.watchlist-search{position:relative}.watchlist-search .input{padding-left:var(--space-10)}.watchlist-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted)}.watchlist-items{flex:1;overflow-y:auto}.watchlist-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;border-left:3px solid transparent;transition:all var(--transition-fast)}.watchlist-item:hover{background-color:var(--bg-tertiary)}.watchlist-item.selected{background-color:var(--bg-tertiary);border-left-color:var(--accent-green)}.watchlist-item-info{display:flex;flex-direction:column;gap:var(--space-1)}.watchlist-symbol{font-weight:var(--font-semibold);font-size:var(--text-sm)}.watchlist-name{font-size:var(--text-xs);color:var(--text-muted)}.watchlist-price{text-align:right}.watchlist-current{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium)}.watchlist-change{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs)}.watchlist-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-primary)}.chart-panel{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary)}.chart-symbol-info{display:flex;align-items:baseline;gap:var(--space-4)}.chart-symbol{font-size:var(--text-2xl);font-weight:var(--font-bold)}.chart-price{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.chart-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.chart-last-trade{font-size:var(--text-xs);color:var(--text-muted)}.chart-time-range{display:flex;gap:var(--space-1)}.time-range-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.time-range-btn:hover,.time-range-btn.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.chart-container{flex:1;min-height:350px;padding:var(--space-4)}.chart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted)}.market-data-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--border-primary);max-height:300px}.market-data-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.market-data-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.market-data-content{flex:1;overflow-y:auto}.order-book{font-family:var(--font-mono);font-size:var(--text-xs)}.order-book-row{display:grid;grid-template-columns:1fr 1fr;padding:var(--space-1) var(--space-3);position:relative}.order-book-row:hover{background-color:var(--bg-tertiary)}.order-book-qty{color:var(--text-secondary)}.order-book-price{text-align:right}.order-book-row.ask .order-book-price{color:var(--accent-red)}.order-book-row.bid .order-book-price{color:var(--accent-green)}.order-book-depth{position:absolute;top:0;bottom:0;right:0;opacity:.15}.order-book-row.ask .order-book-depth{background-color:var(--accent-red)}.order-book-row.bid .order-book-depth{background-color:var(--accent-green)}.order-book-spread{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background-color:var(--bg-tertiary);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.trade-feed{font-family:var(--font-mono);font-size:var(--text-xs)}.trade-row{display:grid;grid-template-columns:70px 1fr 60px;padding:var(--space-1) var(--space-3);gap:var(--space-2)}.trade-row:hover{background-color:var(--bg-tertiary)}.trade-time{color:var(--text-muted)}.trade-price{text-align:right}.trade-qty{text-align:right;color:var(--text-secondary)}.order-entry-panel{background-color:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column}.order-entry-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.order-entry-form{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.order-total{padding:var(--space-4);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.order-total-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.order-total-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold)}.order-balance{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.order-balance-value{font-family:var(--font-mono);color:var(--text-primary)}.order-submit{margin-top:auto}.portfolio-layout{padding:var(--space-6);overflow-y:auto;height:100%}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.portfolio-title{font-size:var(--text-2xl);font-weight:var(--font-bold)}.portfolio-value-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.portfolio-total-value{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.portfolio-change{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg)}.portfolio-chart{height:200px;margin-top:var(--space-6);background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.portfolio-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.summary-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.summary-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold)}.portfolio-section{margin-bottom:var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.orders-layout{padding:var(--space-6);overflow-y:auto;height:100%}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.orders-title{font-size:var(--text-2xl);font-weight:var(--font-bold)}.orders-filters{display:flex;gap:var(--space-3)}.filter-tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.filter-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.filter-count{background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs)}.filter-tab.active .filter-count{background-color:var(--bg-primary)}.orders-section{margin-bottom:var(--space-8)}.orders-table-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.order-actions{display:flex;gap:var(--space-2)}.login-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-xl)}.login-logo{width:80px;height:80px;margin:0 auto var(--space-6)}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.login-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8)}.login-button{width:100%;margin-bottom:var(--space-8)}.login-features{text-align:left}.login-features h4{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.login-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.login-feature svg{color:var(--accent-green)}@media (max-width: 1024px){.markets-layout{grid-template-columns:1fr var(--order-entry-width)}.watchlist-panel{display:none}.portfolio-summary{grid-template-columns:1fr}}@media (max-width: 768px){.markets-layout{grid-template-columns:1fr}.order-entry-panel,.nav-links{display:none}.market-data-panels{grid-template-columns:1fr}}