:root{--primary: #0066ff;--secondary: #00d4ff;--success: #00ff88;--danger: #ff6b6b;--warning: #ffaa00;--dark: #0a0e27;--darker: #050812;--card-bg: rgba(15, 20, 40, .8);--card-bg-hover: rgba(20, 30, 60, .9);--text: #e0e0e0;--text-dim: #888;--border: #1a2a4a;--glow: rgba(0, 212, 255, .3);--long-green: #00ff88;--short-red: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Courier New,monospace;background:linear-gradient(135deg,var(--darker) 0%,#0f1a35 100%);color:var(--text);overflow:hidden}.app-container{display:flex;width:100%;height:100vh;gap:0}.sidebar{width:260px;height:100vh;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;overflow-y:auto;transition:all .3s ease;z-index:1000}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;color:var(--secondary)}.logo-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}.logo-text{display:none}.sidebar-toggle{display:none;width:32px;height:32px;border:none;background:#ffffff1a;color:var(--text);border-radius:6px;cursor:pointer;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all .3s ease;font-size:.95rem;border:1px solid transparent}.nav-item i{font-size:1.1rem;min-width:24px}.nav-item:hover{background:#ffffff14;color:var(--text)}.nav-item.active{background:#00d4ff26;border-color:var(--secondary);color:var(--secondary);box-shadow:inset 0 0 20px #00d4ff1a}.nav-label{font-weight:500}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#0a0e27f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:999;padding:0 1rem}.bottom-nav .nav-item{flex:1;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:0;border-radius:8px 8px 0 0;margin:0 .25rem}.bottom-nav .nav-label{font-size:.75rem}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{padding:1.5rem 2rem;background:#0f1428cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left h1{font-size:1.5rem;color:var(--secondary);text-shadow:0 0 10px var(--glow);font-weight:600}.header-right{display:flex;align-items:center;gap:1rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff881a;border:1px solid var(--success);border-radius:6px;font-size:.9rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:blink 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.views-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.view{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.view.hidden{display:none}.asset-tabs-section{display:flex;gap:1rem;align-items:center}.asset-tabs{display:flex;gap:.5rem}.asset-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:2px solid var(--border);border-radius:8px;color:var(--text-dim);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.asset-tab:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--text)}.asset-tab.active{background:#00d4ff26;border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 20px #00d4ff4d}.chart-controls{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;padding:1rem;background:#0f1428cc;border-radius:8px;border:1px solid var(--border)}.timeframe-selector{display:flex;gap:.5rem;flex-wrap:wrap}.tf-btn{padding:.5rem .85rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tf-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--text)}.tf-btn.active{background:#00d4ff33;border-color:var(--secondary);color:var(--secondary)}.chart-type-selector{display:flex;gap:.5rem}.chart-type-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .2s ease;font-size:1rem}.chart-type-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--text)}.chart-type-btn.active{background:#00d4ff33;border-color:var(--secondary);color:var(--secondary)}.chart-actions{display:flex;gap:.5rem;margin-left:auto}.chart-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .2s ease;font-size:1rem}.chart-action-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--text)}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;display:flex;flex-direction:column}.card:hover{border-color:var(--primary);background:var(--card-bg-hover);box-shadow:0 0 30px #0066ff26}.card h2{font-size:1.1rem;color:var(--secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.price-card{grid-column:span 1}.price-display{margin:1rem 0}.price{font-size:2.5rem;font-weight:700;color:var(--text);letter-spacing:-.5px}.price-change{font-size:1.2rem;margin-top:.5rem;font-weight:600}.price-change.positive{color:var(--long-green)}.price-change.negative{color:var(--short-red)}.price-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.meta-item .value{font-size:1rem;color:var(--text);font-weight:600}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.status-item{display:flex;flex-direction:column;gap:.5rem}.status-item .value{font-size:1.1rem;font-weight:700;color:var(--secondary)}.portfolio-display{display:flex;flex-direction:column;gap:1.5rem}.portfolio-value{display:flex;flex-direction:column;gap:.5rem}.portfolio-value .value{font-size:2rem;font-weight:700;color:var(--secondary)}.portfolio-breakdown{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid var(--border)}.asset-allocation{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem}.asset-symbol{font-weight:600;color:var(--text);min-width:80px}.asset-value{font-size:1.1rem;font-weight:700;color:var(--secondary)}.asset-change{font-size:.9rem;font-weight:700;padding:.25rem .5rem;border-radius:4px}.asset-change.positive{color:var(--long-green);background:#00ff881a}.asset-change.negative{color:var(--short-red);background:#ff6b6b1a}.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat .value{font-size:1.2rem;font-weight:700}.consensus-display{display:flex;flex-direction:column;gap:1.5rem}.consensus-signal{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#0066ff1a,#00d4ff0d);border:2px solid var(--primary);border-radius:8px}.signal-icon{font-size:2.5rem}.signal-text{font-size:2rem;font-weight:700;color:var(--text)}.signal-text.long{color:var(--long-green)}.signal-text.short{color:var(--short-red)}.signal-text.hold{color:var(--warning)}.votes-breakdown{display:flex;flex-direction:column;gap:1rem}.vote-bar{display:flex;align-items:center;gap:.5rem}.vote-label{width:60px;font-size:.9rem;color:var(--text-dim);font-weight:600}.vote-progress{flex:1;height:28px;background:#ffffff0d;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.vote-fill{height:100%;transition:width .5s ease}.vote-fill.long{background:linear-gradient(90deg,var(--long-green),#00cc70)}.vote-fill.short{background:linear-gradient(90deg,var(--short-red),#cc0044)}.vote-fill.hold{background:linear-gradient(90deg,var(--warning),#cc8800)}.vote-count{width:30px;text-align:right;font-weight:700;color:var(--text);min-width:30px}.chart-card{grid-column:span 2;min-height:400px}.chart-container{height:300px;position:relative;flex:1}.decisions-card{grid-column:span 2;max-height:500px}.decisions-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.decision-item{padding:1rem;background:#ffffff08;border-left:3px solid var(--primary);border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.decision-time{font-size:.85rem;color:var(--text-dim)}.decision-text{font-size:.9rem;color:var(--text)}.signals-card{grid-column:span 2}.signals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.signal-item{padding:.875rem;background:#ffffff08;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.signal-item:hover{background:#ffffff14;border-color:var(--secondary)}.signal-name{font-size:.9rem;color:var(--text-dim);font-weight:500}.signal-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.live{background:#0f83;color:var(--long-green);border:1px solid var(--long-green)}.badge.long{background:#0f83;color:var(--long-green)}.badge.short{background:#ff6b6b33;color:var(--short-red)}.badge.hold{background:#fa03;color:var(--warning)}.badge.success{background:#0f83;color:var(--long-green)}.badge.error{background:#ff6b6b33;color:var(--short-red)}.badge.warning{background:#fa03;color:var(--warning)}.badge.neutral{background:#8883;color:var(--text-dim)}.taskboard-container{display:flex;flex-direction:column;gap:1.5rem}.taskboard-filters{display:flex;gap:1rem;flex-wrap:wrap}.task-search,.task-filter,.priority-filter{padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.95rem;transition:all .2s ease}.task-search{flex:1;min-width:250px}.task-search::placeholder{color:var(--text-dim)}.task-search:focus,.task-filter:focus,.priority-filter:focus{outline:none;border-color:var(--secondary);background:#00d4ff1a}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.kanban-column{background:#0f142899;border:1px solid var(--border);border-radius:8px;padding:1rem;min-height:500px;display:flex;flex-direction:column;gap:.75rem}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.column-header h3{font-size:1rem;color:var(--secondary);font-weight:600}.task-count{background:#00d4ff33;color:var(--secondary);padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:700}.tasks-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.task-card{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;padding:1rem;cursor:grab;transition:all .2s ease}.task-card:hover{background:#ffffff14;border-color:var(--secondary)}.task-card:active{cursor:grabbing;opacity:.8}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.task-title{font-weight:600;color:var(--text);flex:1;font-size:.95rem}.task-priority{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.task-priority.high{background:#ff6b6b33;color:var(--short-red)}.task-priority.medium{background:#fa03;color:var(--warning)}.task-priority.low{background:#00d4ff33;color:var(--secondary)}.task-category{font-size:.8rem;color:var(--text-dim);margin-bottom:.5rem}.task-description{font-size:.85rem;color:var(--text-dim);line-height:1.4}.projects-container,.agents-container,.settings-container{display:flex;flex-direction:column;gap:1.5rem}.projects-grid,.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.placeholder-card{background:var(--card-bg);border:2px dashed var(--border);border-radius:12px;padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-dim)}.placeholder-card i{font-size:3rem;opacity:.5}.placeholder-card h3{color:var(--text-dim);font-weight:600}.placeholder-card p{font-size:.9rem}.settings-group{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.settings-group h3{color:var(--secondary);font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.setting-item label{color:var(--text);font-weight:500}.setting-item input[type=checkbox],.setting-item input[type=number],.setting-item select{padding:.5rem .75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.9rem}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:var(--secondary)}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;align-self:flex-start}.btn-secondary:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.footer{padding:1rem 2rem;background:#0f1428cc;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-content{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-dim)}.separator{color:var(--border)}.loading{text-align:center;color:var(--text-dim);padding:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@media (max-width: 1200px){.main-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card,.decisions-card,.signals-card{grid-column:span 1}}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;top:0;height:100vh;z-index:2000;width:260px;transition:left .3s ease}.sidebar.active{left:0}.sidebar-toggle{display:flex}.logo-text,.sidebar-nav{display:none}.bottom-nav{display:flex!important}.main-content{width:100%}.header{flex-direction:column;gap:1rem;padding:1rem}.header-left h1{font-size:1.2rem}.view{padding:1rem}.main-grid{grid-template-columns:1fr}.chart-card,.decisions-card,.signals-card{grid-column:span 1!important}.chart-container{height:250px}.kanban-board{grid-template-columns:1fr}.kanban-column{min-height:300px}.asset-tabs{flex-wrap:wrap}.chart-controls{flex-direction:column;align-items:stretch}.chart-actions{margin-left:0;justify-content:flex-end}.taskboard-filters{flex-direction:column}.task-search{min-width:100%}.price-meta,.portfolio-stats{grid-template-columns:repeat(2,1fr)}.status-grid{grid-template-columns:1fr}.signals-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.header{padding:.75rem}.view{padding:.75rem;gap:1rem}.main-grid{gap:1rem}.card{padding:1rem}.price-meta,.status-grid,.portfolio-stats,.signals-grid{grid-template-columns:1fr}.bottom-nav{height:60px;padding:0}.bottom-nav .nav-item{height:60px}.timeframe-selector{width:100%;justify-content:space-between}.tf-btn{flex:1;min-width:40px}}