:root{--primary-color: #00e0b7;--secondary-color: #1a1a1a;--tertiary-color: #242424;--text-color-primary: #e0e0e0;--text-color-secondary: #a0a0a0;--border-color: #333;--success-color: #4caf50;--danger-color: #f44336;--font-family: "Poppins", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--secondary-color);color:var(--text-color-primary);line-height:1.6}button{background-color:var(--primary-color);color:var(--tertiary-color);border:none;padding:10px 20px;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00e0b74d}button:active{transform:translateY(0)}input,select{background-color:var(--tertiary-color);border:1px solid var(--border-color);color:var(--text-color-primary);padding:12px;border-radius:8px;font-size:16px;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--primary-color)}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}th,td{border:1px solid var(--border-color);padding:12px;text-align:left}th{background-color:#2a2a2a;color:var(--text-color-secondary);text-transform:uppercase}tr:hover{background-color:#202020}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#1c1c1c;border-bottom:2px solid var(--border-color);box-shadow:0 4px 15px #0003}.navbar .logo{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:1px}.navbar .links a,.navbar .links button{margin-left:20px;color:var(--text-color-primary);text-decoration:none;font-weight:500;transition:color .2s}.navbar .links a:hover{color:var(--primary-color)}.dashboard-container,.portfolio-container,.auth-container{max-width:1400px;margin:30px auto;padding:0 20px}.auth-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-header h2{font-size:28px;color:var(--text-color-primary)}.dashboard-main{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:20px}.chart-panel{grid-column:1 / 2;background:var(--tertiary-color);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0000004d}.trade-panel{grid-column:2 / 3;grid-row:1 / 3;background:var(--tertiary-color);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0000004d}.portfolio-summary{grid-column:1 / 2;background:var(--tertiary-color);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0000004d}.trade-panel h3,.portfolio-summary h3,.chart-panel h3{font-size:20px;margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:20px}.analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.analytics p{background-color:#2a2a2a;padding:15px;border-radius:8px;font-size:14px;color:var(--text-color-secondary)}.analytics p:nth-child(3){color:var(--success-color)}.analytics p:nth-child(3) span.negative{color:var(--danger-color)}form{background:var(--tertiary-color);padding:40px;border-radius:12px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;gap:20px;min-width:350px}form h2{text-align:center;color:var(--primary-color);margin-bottom:20px}.stock-chart{display:flex;flex-direction:column;align-items:center}.stock-chart h3{margin-bottom:10px}.recharts-wrapper{background:#2a2a2a;border-radius:8px}.portfolio-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pie-chart-container{background:var(--tertiary-color);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0000004d;display:flex;flex-direction:column;align-items:center}.portfolio-table-container{background:var(--tertiary-color);padding:25px;border-radius:12px;box-shadow:0 5px 20px #0000004d}
