:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#0a0a0f;color:#e6f1ff;font-family:Inter,sans-serif;margin:0;padding:0}.dashboard{min-height:100vh}.nav-bar{display:flex;justify-content:space-between;align-items:center;background:#11131a;border-bottom:1px solid #1f2937;padding:.8rem 2rem;box-shadow:0 0 20px #00ffff14}.nav-left{display:flex;align-items:center}.logo{color:#00f7ff;margin:0 2rem 0 0;letter-spacing:1px}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li{cursor:pointer;transition:color .3s}.nav-links li:hover{color:#00f7ff;text-shadow:0 0 8px #00f7ff}.profile-btn{background:#00f7ff;border:none;border-radius:50%;width:38px;height:38px;color:#000;font-weight:700;cursor:pointer}.content{padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:2rem;max-width:1400px;margin:0 auto}.welcome{grid-column:1 / -1;text-align:center;background:#11131a;border:1px solid #1f2937;border-radius:12px;padding:2rem;box-shadow:0 0 25px #00ffff0d}.welcome h2{font-size:1.8rem;color:#00f7ff;text-shadow:0 0 10px #00f7ff;margin:0 0 .5rem}.welcome p{margin:0;color:#b0b8c1}.trend-section{grid-column:1;grid-row:2}.trend-card{background:#11131a;border:1px solid #1f2937;border-radius:12px;padding:1.5rem;box-shadow:0 0 25px #00ffff0d;text-align:center;height:100%}.trend-card h3{margin-top:0;color:#00f7ff}.chart-placeholder{height:200px;display:flex;justify-content:center;align-items:center;border:1px dashed #00f7ff55;border-radius:8px;margin-bottom:1rem;color:#7dd3fc;font-size:1.2rem}.trendline-msg{color:#b0b8c1;margin:0}.highlight{color:#00f7ff}.ai-section{grid-column:2;grid-row:2}.ai-card{background:#11131a;border:1px solid #1f2937;border-radius:12px;padding:1.5rem;box-shadow:0 0 25px #ff00800d;height:100%;display:flex;flex-direction:column}.ai-card h3{margin-top:0;color:#00f7ff}.ai-text{font-size:1.1rem;margin-bottom:1rem;flex-grow:1}.ai-suggestions{list-style:none;padding-left:0;color:#b0b8c1;margin-bottom:1.5rem}.ai-buttons{display:flex;gap:1rem;flex-wrap:wrap}.ai-buttons button{background:#00f7ff11;border:1px solid #00f7ff55;color:#00f7ff;padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;transition:.2s;flex:1;min-width:120px}.ai-buttons button:hover{background:#00f7ff33;box-shadow:0 0 10px #00f7ff77}.info-section{grid-column:1 / -1;grid-row:3}.info-section h3{color:#00f7ff;margin-bottom:1rem}.stats-table{width:100%;border-collapse:collapse;background:#11131a;border-radius:12px;overflow:hidden;box-shadow:0 0 25px #00ffff0d}.stats-table th{background:#1f2937;color:#00f7ff;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.stats-table th,.stats-table td{padding:1rem;border-bottom:1px solid #1f2937;text-align:left}.stats-table tbody tr:hover{background:#1a1d25}.label{text-transform:capitalize;font-weight:500}.profit{color:#10ff8d;font-weight:700}.loss{color:#ff6b6b;font-weight:700}.insights-btn{background:#00f7ff11;border:1px solid #00f7ff55;color:#00f7ff;padding:.4rem 1rem;border-radius:6px;cursor:pointer;transition:.2s;font-size:.875rem}.insights-btn:hover{background:#00f7ff33;box-shadow:0 0 8px #00f7ff77}@media (max-width: 1024px){.content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:1rem}.welcome{grid-column:1}.trend-section{grid-column:1;grid-row:2}.ai-section{grid-column:1;grid-row:3}.info-section{grid-column:1;grid-row:4}}@media (max-width: 768px){.nav-bar{padding:.8rem 1rem}.nav-links{gap:1rem;flex-wrap:wrap}.content{padding:1rem;gap:1rem}.chart-placeholder{height:150px}.ai-buttons{flex-direction:column}.stats-table{font-size:.875rem}.stats-table th,.stats-table td{padding:.75rem}}@media (max-width: 480px){.logo{font-size:1.2rem}.nav-links{display:none}.welcome h2{font-size:1.5rem}}