:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#232733;--border:#2e3348;--text:#e1e4ed;--text-dim:#8b8fa3;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--amber:#f59e0b;--radius:12px}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:1400px;margin:0 auto;padding:16px}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-meta{color:var(--text-dim);align-items:center;gap:10px;font-size:13px;display:flex}.badge.mode{border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.badge.mode.log{color:var(--blue)}.badge.mode.paper{color:var(--amber)}.badge.mode.live{color:var(--red)}.error{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;margin-bottom:12px;padding:10px 12px}.stats-grid,.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stats-grid{margin-bottom:16px}.actions,.tabs,.row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tabs button.active{border-color:var(--blue);color:var(--blue)}button,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:12px}.chart-box{height:320px;margin-top:10px}.chart-box.small{height:220px}.meta{color:var(--text-dim);margin:0;font-size:12px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;padding:9px;font-size:12px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:11px}.stat-value{margin:6px 0 0;font-family:JetBrains Mono,Fira Code,monospace;font-size:20px;font-weight:600}.green{color:var(--green)}.red{color:var(--red)}.log-panel{max-height:560px;overflow:auto}.log-panel p{color:var(--text-dim);white-space:pre-wrap;margin:0 0 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.kite-status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px;display:grid}.kite-flow{flex-direction:column;gap:16px;display:flex}.kite-step{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}.kite-step-num{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.kite-step-body{flex:1}.kite-step-title{margin:0 0 4px;font-size:14px;font-weight:600}.kite-step-body .meta{margin-bottom:8px}.kite-step-body code{background:var(--bg);border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:11px}.kite-manual-form{gap:8px;margin-top:6px;display:flex}.kite-manual-form input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;flex:1;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.kite-manual-form input::placeholder{color:var(--text-dim)}.kite-success{color:var(--green);background:#22c55e1f;border:1px solid #22c55e4d;border-radius:8px;padding:10px 12px;font-size:13px}.kite-error{color:var(--red);background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;padding:10px 12px;font-size:13px}