* { box-sizing: border-box; }
body { margin: 0; background: #0a0e14; color: #e8eef6; font-family: Tahoma, sans-serif; }
header { padding: 14px 20px; border-bottom: 1px solid #1e2a3b; display: flex; gap: 12px; align-items: baseline; }
header h1 { font-size: 18px; margin: 0; color: #2dd4a7; }
.sub { color: #8ca0b8; font-size: 12px; }
main { display: grid; grid-template-columns: 330px 1fr; height: calc(100vh - 57px); }
.panel { padding: 16px; border-left: 1px solid #1e2a3b; overflow: auto; }
.panel h2 { font-size: 14px; color: #f0b429; }
label { display: block; font-size: 12px; color: #8ca0b8; margin: 10px 0 4px; }
input { width: 100%; background: #101623; border: 1px solid #1e2a3b; color: #e8eef6; padding: 8px; border-radius: 6px; }
button { margin-top: 12px; background: #2dd4a7; color: #06281e; border: 0; padding: 9px 14px; border-radius: 6px; cursor: pointer; font-weight: bold; }
.modes button { background: #101623; color: #8ca0b8; border: 1px solid #1e2a3b; margin-inline-end: 6px; padding: 6px 10px; font-size: 12px; }
.modes button.on { background: #2dd4a7; color: #06281e; }
#report { white-space: pre-wrap; font-size: 12px; background: #101623; border: 1px solid #1e2a3b; padding: 10px; border-radius: 6px; min-height: 90px; }
#graph { height: 100%; background: radial-gradient(circle at 50% 50%, #0e1420 0%, #0a0e14 80%); }