*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f5f7fa;margin:0}.nav{color:#fff;background:#1e293b;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex}.nav-brand{margin-right:24px;font-size:18px;font-weight:700}.nav a{color:#cbd5e1;border-radius:6px;padding:8px 14px;font-weight:500;text-decoration:none}.nav a:hover{color:#fff;background:#334155}.nav a.active{color:#fff;background:#3b82f6}.nav-spacer{margin-left:auto}.nav-user{color:#cbd5e1;align-items:center;gap:10px;font-size:13px;display:flex}.nav-logout{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;padding:4px 10px;font-size:12px}.nav-portfolio-select{color:#fff;background:#334155;border:1px solid #475569;border-radius:6px;max-width:100%;padding:6px 10px}.nav-toggle{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:18px;line-height:1;display:none}.main{max-width:1280px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;box-shadow:0 1px 2px #0000000a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600}.stat-value{color:#0f172a;margin-top:4px;font-size:26px;font-weight:700}.stat-delta{margin-top:4px;font-size:13px}.positive{color:#059669}.negative{color:#dc2626}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px}th{color:#475569;background:#f8fafc;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.form label{color:#475569;font-size:12px;font-weight:600}.form input,.form select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600}.btn:hover{background:#2563eb}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}h1,h2{color:#0f172a}h1{margin:0 0 20px;font-size:24px}h2{margin:24px 0 12px;font-size:18px}@media (width<=768px){.main{padding:12px}.card{-webkit-overflow-scrolling:touch;padding:14px;overflow-x:auto}h1{margin-bottom:14px;font-size:20px}h2{margin:18px 0 10px;font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.stat-value{font-size:20px}.stat-label{font-size:11px}table{font-size:13px}th,td{padding:8px}.form{grid-template-columns:1fr;gap:10px}.form input,.form select{font-size:16px}.btn{width:100%;padding:10px 16px}}@media (width<=640px){.nav{gap:8px;padding:10px 12px}.nav-brand{flex:auto;margin-right:0;font-size:16px}.nav-toggle{display:inline-block}.nav-spacer,.nav-closed>a,.nav-closed>.nav-portfolio-select,.nav-closed>.nav-user{display:none}.nav-open>a,.nav-open>.nav-portfolio-select,.nav-open>.nav-user{box-sizing:border-box;flex-basis:100%}.nav-open>a{padding:10px 12px;font-size:14px}.nav-open>.nav-user{border-top:1px solid #334155;justify-content:space-between;margin-top:4px;padding-top:8px}}