*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2235;--bg-hover: #243049;--border: #2a3a52;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--green: #46a758;--amber: #f59e0b;--red: #ef4444;--blue: #3b82f6;--positive: #22c55e;--negative: #ef4444}html{font-size:14px}body{font-family:SF Mono,Cascadia Code,Fira Code,JetBrains Mono,monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:320px;min-width:320px;background:var(--bg-secondary);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;max-height:100vh;position:sticky;top:0}.sidebar h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.ws-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.ws-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.ws-dot.connected{background:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.stat-card .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-card .value{font-size:1.5rem;font-weight:700}.traffic-lights{display:flex;gap:1rem;margin-top:.5rem}.tl-item{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.tl-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tl-dot.green{background:var(--green)}.tl-dot.amber{background:var(--amber)}.tl-dot.red{background:var(--red)}.filters{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.filter-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:.35rem .75rem;font-size:.8rem;transition:all .15s}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--blue)}.asset-table{width:100%;border-collapse:collapse;font-size:.85rem}.asset-table th{text-align:left;padding:.6rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.asset-table th:hover{color:var(--text-primary)}.asset-table th .sort-arrow{margin-left:.25rem;font-size:.7rem}.asset-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}.asset-table tbody tr{cursor:pointer;transition:background .1s}.asset-table tbody tr:hover{background:var(--bg-hover)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge.green{background:#46a75833;color:var(--green)}.badge.amber{background:#f59e0b33;color:var(--amber)}.badge.red{background:#ef444433;color:var(--red)}.type-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;background:#3b82f626;color:var(--blue)}.change-positive{color:var(--positive)}.change-negative{color:var(--negative)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;font-size:.8rem;color:var(--text-secondary)}.pagination button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:not(:disabled):hover{background:var(--bg-hover)}.back-btn{background:none;border:none;color:var(--blue);font-size:.85rem;padding:0;margin-bottom:1rem}.back-btn:hover{text-decoration:underline}.detail-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.detail-header .symbol{font-size:1.75rem;font-weight:700}.detail-header .name{color:var(--text-secondary);font-size:.9rem}.detail-header .meta{font-size:.8rem;color:var(--text-muted)}.score-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.score-hero .score-value{font-size:2.5rem;font-weight:700}.score-hero .score-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.section{margin-bottom:1.5rem}.section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.breakdown-table{width:100%;border-collapse:collapse;font-size:.8rem}.breakdown-table th{text-align:left;padding:.4rem .6rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.breakdown-table td{padding:.4rem .6rem;border-bottom:1px solid var(--border)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.detail-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.75rem}.detail-item .label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.detail-item .value{font-size:1rem;font-weight:600;margin-top:.15rem}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.feed-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.8rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.feed-item .feed-symbol{font-weight:600;min-width:60px}.feed-item .feed-score{font-weight:600}.feed-item .feed-time{color:var(--text-muted);margin-left:auto;font-size:.7rem}.notification{position:fixed;top:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--green);border-radius:8px;padding:.6rem 1rem;font-size:.8rem;color:var(--green);animation:fadeIn .3s ease;z-index:100}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}@media(max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;min-width:unset;max-height:300px;border-left:none;border-top:1px solid var(--border)}}