*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}:root{--bg-base: #07111F;--bg-surface: #0D1E31;--bg-elevated: #122540;--bg-overlay: #1A3050;--bg-hover: rgba(255,255,255,.04);--text-primary: #F0F6FF;--text-secondary: #7E9BB8;--text-muted: #4A6380;--text-disabled: #2E4560;--accent: #3B82F6;--accent-hover: #2563EB;--accent-dim: rgba(59,130,246,.15);--green: #10B981;--green-dim: rgba(16,185,129,.15);--red: #EF4444;--red-dim: rgba(239,68,68,.15);--yellow: #F59E0B;--yellow-dim: rgba(245,158,11,.15);--tier-high-border: #EF4444;--tier-high-bg: rgba(239,68,68,.08);--tier-med-border: #F59E0B;--tier-med-bg: rgba(245,158,11,.08);--tier-low-border: #3B82F6;--tier-low-bg: rgba(59,130,246,.06);--border: rgba(255,255,255,.07);--border-focus: #3B82F6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--font-num: "Inter", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--z-base: 0;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--z-sheet: 400;--touch: 44px;--nav-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans)}#root{display:flex;flex-direction:column}.num{font-feature-settings:"tnum","zero"}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.min-h-full{min-height:100%}.text-sm{font-size:13px;line-height:1.4}.text-xs{font-size:11px;line-height:1.3}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:4px}.app-shell{display:flex;height:100%;min-height:100vh}.sidebar{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;z-index:50;overflow:hidden}.sidebar-brand{display:flex;flex-direction:column;gap:2px;padding:24px 20px 20px;border-bottom:1px solid var(--border)}.brand-label{font-size:10px;font-weight:800;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.brand-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s,background .15s}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item.active{color:var(--accent);background:var(--accent-dim)}.sidebar-footer{padding:12px 20px;font-size:10px;color:var(--text-disabled);border-top:1px solid var(--border);letter-spacing:.3px}.shell-main{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:230px;overflow:hidden}.shell-header{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--bg-base);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;min-height:60px}.shell-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s}.shell-back:hover{background:var(--accent-dim)}.shell-page-title{font-size:18px;font-weight:600;color:var(--text-primary)}.shell-content{flex:1;overflow-y:auto;padding:28px}.bottom-nav{display:none}@media (max-width: 768px){.sidebar{display:none}.shell-main{margin-left:0;min-height:100%}.shell-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));min-height:52px}.shell-page-title{font-size:17px}.shell-content{padding:16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:1px solid var(--border);z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.4px;transition:color .15s}.bottom-nav-item.active{color:var(--accent)}}.page-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media (min-width: 1000px){.page-grid{grid-template-columns:1fr 320px}}.side-panel{display:none}@media (min-width: 1000px){.side-panel{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:88px}}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (min-width: 900px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (min-width: 769px){.stat-row{grid-template-columns:repeat(4,1fr)}}.stat-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.stat-tile-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.stat-tile-value{font-size:22px;font-weight:700;font-feature-settings:"tnum","zero"}.stat-tile-sub{font-size:12px;color:var(--text-muted);margin-top:2px;font-feature-settings:"tnum","zero"}.holding-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;text-decoration:none;display:block;color:inherit}.holding-card:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-1px)}.section-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-3)}.watch-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer;text-decoration:none;color:inherit}.watch-row:last-child{border-bottom:none}.watch-row:hover .watch-symbol{color:var(--accent)}.watch-symbol{font-size:14px;font-weight:600;min-width:52px;transition:color .15s}.watch-name{font-size:12px;color:var(--text-muted);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dev-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;transition:border-color .15s}.dev-card.tier-high{border-left:3px solid var(--tier-high-border);background:var(--tier-high-bg)}.dev-card.tier-med{border-left:3px solid var(--tier-med-border);background:var(--tier-med-bg)}.dev-card.tier-low{border-left:3px solid var(--tier-low-border);background:var(--tier-low-bg)}.page-grid-mobile-only{display:block}@media (min-width: 1000px){.page-grid-mobile-only{display:none}}