body {
font-family: Arial, sans-serif;
background: #0f172a;
color: #e5e7eb;
padding: 15px;
}

h1 { margin-bottom: 4px; }
.subtitle { opacity: .8; margin-bottom: 15px; }

.panel {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
gap: 12px;
margin-bottom: 15px;
}

label {
display: flex;
flex-direction: column;
font-size: 14px;
}

input {
padding: 6px;
border-radius: 6px;
border: none;
}

button {
padding: 10px;
font-size: 16px;
border-radius: 8px;
border: none;
cursor: pointer;
background: #2563eb;
color: white;
margin-bottom: 15px;
}

.stats {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
gap: 10px;
margin-bottom: 15px;
background: #020617;
padding: 10px;
border-radius: 8px;
}

table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
margin-bottom: 20px;
}

th, td {
border: 1px solid #334155;
padding: 5px;
text-align: center;
}

thead {
background: #020617;
}

.win { background: #064e3b; }
.loss { background: #7f1d1d; }

canvas {
width: 100%;
height: 260px;
background: #020617;
border-radius: 8px;
}