:root{--bg:#0f1117;--bg2:#1a1d27;--bg3:#242736;--border:#2e3244;--text:#e4e6f0;--text2:#8b8fa3;--accent:#6c8cff;--accent2:#4a6adf;--green:#4ade80;--orange:#fb923c;--red:#f87171;--yellow:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}button:hover{background:var(--accent2)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg3);border:1px solid var(--border);color:var(--text)}button.secondary:hover{background:var(--border)}select{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}select:focus{border-color:var(--accent)}input[type=text],input[type=password]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:8px 12px;font-size:14px}input:focus{border-color:var(--accent)}input::placeholder{color:var(--text2)}textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=900px){.main-layout{flex-direction:column!important}.main-layout>div:first-child{border-bottom:1px solid var(--border);border-right:none!important;width:100%!important;height:35vh!important}.right-panel{width:100%!important}}@media (width<=600px){.main-layout>div:first-child{height:25vh!important}}