*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0a0e17;color:#c9d1d9;overflow-x:hidden}
header{background:#161b22;border-bottom:1px solid #30363d;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}
header h1{font-size:18px;color:#58a6ff}
nav a{color:#8b949e;text-decoration:none;margin-right:20px;font-size:14px;transition:color .2s}
nav a:hover,nav a.active{color:#58a6ff}
.container{display:flex;min-height:calc(100vh - 60px)}
.sidebar{width:220px;background:#161b22;border-right:1px solid #30363d;padding:20px 0}
.sidebar a{display:block;padding:10px 20px;color:#8b949e;text-decoration:none;font-size:14px;transition:all .2s;border-left:3px solid transparent}
.sidebar a:hover,.sidebar a.active{color:#58a6ff;background:#1c2128;border-left-color:#58a6ff}
.main{flex:1;padding:20px}
.widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}
.widget{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:15px}
.widget h3{font-size:12px;color:#8b949e;margin-bottom:8px;text-transform:uppercase}
.widget .value{font-size:24px;font-weight:600}
.widget .value.positive{color:#3fb950}
.widget .value.negative{color:#f85149}
.widget .value.neutral{color:#58a6ff}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #30363d;font-size:13px}
th{color:#8b949e;font-weight:500;text-transform:uppercase;font-size:11px}
.badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}
.badge-buy{background:rgba(63,185,80,.15);color:#3fb950}
.badge-sell{background:rgba(248,81,73,.15);color:#f85149}
.badge-hold{background:rgba(88,166,255,.15);color:#58a6ff}
.badge-open{background:rgba(88,166,255,.15);color:#58a6ff}
.badge-closed{background:rgba(139,148,158,.15);color:#8b949e}
.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}
.btn-primary{background:#238636;color:#fff}
.btn-primary:hover{background:#2ea043}
.btn-danger{background:#da3633;color:#fff}
.btn-secondary{background:#30363d;color:#c9d1d9}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-size:13px;color:#8b949e}
.form-group input,.form-group select{width:100%;padding:8px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9}
.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#0a0e17}
.login-box{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:30px;width:350px}
.login-box h1{text-align:center;margin-bottom:20px;color:#58a6ff}
.alert{padding:10px 15px;border-radius:6px;margin-bottom:15px;font-size:13px}
.alert-error{background:rgba(248,81,73,.1);color:#f85149;border:1px solid rgba(248,81,73,.3)}
.alert-success{background:rgba(63,185,80,.1);color:#3fb950;border:1px solid rgba(63,185,80,.3)}
.alert-info{background:rgba(88,166,255,.1);color:#58a6ff;border:1px solid rgba(88,166,255,.3)}
.chart-container{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:15px;margin-bottom:15px}
.chart-container h3{font-size:13px;color:#8b949e;margin-bottom:10px}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
.status-active{background:#3fb950}
.status-inactive{background:#f85149}