:root{--bg: #0f1117;--card: #1a1d27;--border: #2a2d3a;--text: #e1e4eb;--text-dim: #8b8fa3;--accent: #4f8ff7;--green: #22c55e;--red: #ef4444;--yellow: #eab308}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{text-align:center}.stat-card .value{font-size:28px;font-weight:700;color:var(--accent)}.stat-card .label{font-size:13px;color:var(--text-dim);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;color:#fff;background:var(--accent)}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}select,input[type=number]{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8fa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}select:focus,input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f8ff726}select:hover,input[type=number]:hover{border-color:#3a3d4a}select option{background:var(--card);color:var(--text);padding:8px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase}tr:hover{background:#4f8ff70d}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-dim{color:var(--text-dim)}.nav{display:flex;align-items:center;gap:32px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.nav h1{font-size:18px;font-weight:600}.nav a{font-size:14px;color:var(--text-dim);transition:color .2s}.nav a:hover,.nav a.active{color:var(--text);text-decoration:none}.section-title{font-size:16px;font-weight:600;margin-bottom:16px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-24{margin-top:24px}.flex{display:flex}.items-center{align-items:center}.gap-12{gap:12px}.gap-16{gap:16px}input[type=checkbox]{accent-color:var(--accent)}.btn-danger{background:transparent;color:var(--text-dim);border:none;padding:4px 8px;font-size:12px;cursor:pointer;transition:color .2s}.btn-danger:hover{color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}input[type=text],input[type=email],input[type=password],input[type=number]{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f8ff726}.form-grid{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.form-grid label{font-size:13px;color:var(--text-dim);text-align:right}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-green{background:#22c55e26;color:var(--green)}.badge-red{background:#ef444426;color:var(--red)}.badge-yellow{background:#eab30826;color:var(--yellow)}.toggle{position:relative;width:40px;height:22px;background:var(--border);border-radius:11px;cursor:pointer;transition:background .2s;border:none;padding:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on:after{transform:translate(18px)}.signal-table td:last-child{color:var(--red);font-weight:600}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-col{min-width:0}@media(max-width:900px){.chart-row{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-4{grid-template-columns:1fr}.container{padding:0 12px}}