*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0e17;--bg-card: #131a29;--bg-hover: #1a2332;--accent: #00d4aa;--accent-dim: #00a88a;--red: #ff4757;--green: #00d4aa;--text: #e8edf5;--text-dim: #7a8599;--border: #2a3545}body{font-family:Outfit,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px}.btn{font-family:Outfit,sans-serif;background:var(--accent);color:var(--bg-dark);border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn:hover{background:var(--accent-dim);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-red{background:var(--red)}input{font-family:JetBrains Mono,monospace;background:var(--bg-dark);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:10px;font-size:14px;width:100%}input:focus{outline:none;border-color:var(--accent)}.nav{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:30px}.nav a{color:var(--text-dim);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .2s}.nav a:hover,.nav a.active{color:var(--text);background:var(--bg-hover)}.balance{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:600;color:var(--accent)}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.stock-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.stock-card:hover{border-color:var(--accent);transform:translateY(-4px)}.stock-symbol{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;color:var(--accent)}.stock-name{color:var(--text-dim);font-size:.9rem;margin-top:4px}.stock-price{font-family:JetBrains Mono,monospace;font-size:1.5rem;margin-top:12px}.change-positive{color:var(--green)}.change-negative{color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;width:100%;max-width:480px}.flex{display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.text-center{text-align:center}h1{font-size:1.8rem;margin-bottom:8px}h2{font-size:1.4rem;margin-bottom:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--text-dim);font-weight:500}.logo{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-1px}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-card) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.price-flash-up{animation:flash-green 1s ease-out}.price-flash-down{animation:flash-red 1s ease-out}@keyframes flash-green{0%{color:#0f8}to{color:var(--text)}}@keyframes flash-red{0%{color:#ff4757}to{color:var(--text)}}.recharts-tooltip-wrapper{z-index:100}.recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.recharts-tooltip-item{color:#fff!important}.recharts-tooltip-label{color:var(--text-dim)!important}.recharts-pie-label-text{fill:var(--text)!important;font-size:11px}