:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#f8fafc}body{margin:0;background:linear-gradient(160deg,#0f172a 0%,#1e293b 40%,#020617 100%);min-height:100vh}a{color:inherit}button{cursor:pointer}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table col.col-rank{width:4rem}.table col.col-name{width:28%}.table col.col-price,.table col.col-market-cap,.table col.col-change,.table col.col-action{width:16%}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1rem;text-align:left;vertical-align:middle}.table td.rank-cell{font-variant-numeric:tabular-nums;text-align:right}.table td.asset-cell{display:flex;align-items:center;gap:.75rem;overflow:hidden}.table td.asset-cell .asset-meta{display:flex;flex-direction:column;min-width:0}.table td.asset-cell .asset-meta>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;opacity:.7}.table th.numeric,.table td.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table td.change-cell{text-align:right}.table td.change-cell .badge{display:inline-flex;justify-content:center;width:5.5rem}.table td.action-cell{text-align:right}.table td.action-cell>button{margin-left:auto}.table tbody tr:hover{background-color:#94a3b81f}input,select,button,textarea{font-family:inherit}input,select,textarea{padding:.65rem .75rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);background-color:#0f172ab3;color:#f8fafc}button.primary{background:linear-gradient(120deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;padding:.65rem 1.25rem;color:#fff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6366f140}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.card{background-color:#0f172ad9;border-radius:1rem;border:1px solid rgba(148,163,184,.15);padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 25px 50px -12px #0f172a66}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#0f172ae6;border-bottom:1px solid rgba(148,163,184,.1);position:sticky;top:0;z-index:10}nav .links{display:flex;gap:1rem}nav a{text-decoration:none;font-weight:500;opacity:.85}nav a.active{opacity:1;border-bottom:2px solid #38bdf8;padding-bottom:.25rem}.alert{padding:.75rem 1rem;border-radius:.75rem;background-color:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fecaca;margin-bottom:1rem}.grid{display:grid;gap:1.5rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.portfolio-metrics{margin-bottom:1.5rem}.metric-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border-radius:.9rem;background:linear-gradient(135deg,rgba(51,65,85,.45),rgba(15,23,42,.65));border:1px solid rgba(148,163,184,.25);transition:transform .2s ease,border-color .2s ease}.metric-card strong{font-size:1.35rem}.metric-card small{opacity:.65;font-size:.8rem}.metric-card.pnl-positive{border-color:#22c55e80;background:linear-gradient(135deg,rgba(22,163,74,.35),rgba(15,23,42,.65))}.metric-card.pnl-negative{border-color:#f871718c;background:linear-gradient(135deg,rgba(220,38,38,.35),rgba(15,23,42,.65))}.metric-inline{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.metric-inline .metric-label{display:block;opacity:.65;font-size:.85rem}.metric-inline .metric-value{font-weight:600;font-size:1.1rem}.table-wrapper{overflow-x:auto}.portfolio-table col.col-asset{width:22%}.portfolio-table col.col-quantity,.portfolio-table col.col-cost,.portfolio-table col.col-price,.portfolio-table col.col-value,.portfolio-table col.col-pnl{width:15%}.cell-stack{display:flex;flex-direction:column;gap:.25rem}.cell-stack small{opacity:.65;font-size:.75rem}.pnl-positive{color:#86efac}.pnl-negative{color:#fca5a5}.pnl-neutral{color:#e2e8f0}@media (max-width: 768px){.metric-inline{flex-direction:column;align-items:flex-start}}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:999px;background-color:#38bdf82e;color:#bae6fd;font-size:.75rem;font-weight:600}.badge{padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge.success{background-color:#22c55e2e;color:#bbf7d0}.badge.warning{background-color:#f973162e;color:#fed7aa}.badge.info{background-color:#0ea5e92e;color:#bae6fd}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{font-size:.9rem;font-weight:500;opacity:.85}.form{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}nav .links{flex-wrap:wrap;justify-content:center}}