:root{--bg:#0a0d14;--panel:#111722;--panel2:#151e2c;--line:#243044;--text:#edf2fa;--muted:#8996aa;--red:#e34c5b;--green:#35c98a;--amber:#e7ae4b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -20%,#1d2b43 0,transparent 45%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{width:245px;background:#0c111a;border-left:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 38px;letter-spacing:1.5px}.brand b{font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:5px;letter-spacing:2px}.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#f45b67,#8c2436);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 28px #e34c5b33}.nav{padding:14px;border-radius:10px;color:#fff;background:#1b2637;border:1px solid #2c3b53;font-size:13px}.side-note{color:var(--muted);font-size:11px;margin:22px 10px}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-left:8px;box-shadow:0 0 12px #35c98a}.side-bottom{margin-top:auto;color:var(--muted);font-size:11px;line-height:2;padding:14px;border-top:1px solid var(--line)}.side-bottom b{color:#dce5f2}main{max-width:1500px;width:100%;padding:38px 42px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;color:#df6874;letter-spacing:2px}h1{font-size:30px;margin:10px 0 7px}header p,.toolbar p,.log-head p{margin:0;color:var(--muted);font-size:12px}.server-pill{border:1px solid var(--line);background:#111925;border-radius:30px;padding:12px 16px;font-size:12px;color:#d8e0ec}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0}.stat,.bot-card,.logs-panel{background:linear-gradient(145deg,#141d2a,#101722);border:1px solid var(--line);border-radius:14px}.stat{padding:18px 20px}.stat small,.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:27px;margin:9px 0 5px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px}.toolbar h2,.log-head h2{font-size:17px;margin:0 0 7px}.outline{background:transparent;border:1px solid #34445e;color:#dce6f4;border-radius:9px;padding:10px 14px;cursor:pointer}.bot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bot-card{padding:18px;min-width:0}.bot-top{display:flex;justify-content:space-between;align-items:center}.bot-name{display:flex;align-items:center;gap:11px}.bot-icon{width:38px;height:38px;border-radius:10px;background:#253148;display:grid;place-items:center;font-weight:bold;color:#f17b86}.bot-name h3{margin:0 0 5px;font-size:15px}.bot-name small{color:var(--muted);font-size:11px}.status{font-size:10px;padding:6px 9px;border-radius:20px;background:#29313d;color:#aab5c5}.status.online{background:#12382c;color:#65e2ac}.status.connecting,.status.starting,.status.waiting{background:#3a3020;color:#f1c36c}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;color:var(--muted);font-size:11px}.actions{display:flex;gap:7px;margin-top:16px}.actions button,.modal button{border:0;border-radius:8px;padding:9px 12px;font-weight:bold;cursor:pointer;font-size:11px}.start{background:#1caa76;color:white}.stop{background:#3b2630;color:#ff9ca5}.restart{background:#26364d;color:#cbdcf3}.logs-panel{margin-top:24px;padding:18px}.log-head{display:flex;justify-content:space-between;align-items:center}.log-head select{background:#1a2636;color:#e9eef6;border:1px solid var(--line);padding:8px;border-radius:8px}pre{white-space:pre-wrap;direction:ltr;text-align:left;background:#090e15;border:1px solid #202b3a;border-radius:9px;padding:14px;color:#b9c8dc;min-height:100px;max-height:240px;overflow:auto;font:11px/1.8 monospace}footer{text-align:center;color:#56657b;font-size:10px;padding:26px}.modal{position:fixed;inset:0;background:#05080edb;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-card{width:min(420px,100%);background:#141d2a;border:1px solid #34445e;border-radius:18px;padding:28px;text-align:center}.modal-card .mark{margin:auto}.modal-card h2{margin-bottom:8px}.modal-card p,.modal-card small{color:var(--muted);font-size:12px;line-height:1.8}.modal-card input{width:100%;margin:14px 0 10px;padding:13px;background:#090f18;border:1px solid var(--line);border-radius:9px;color:white}.modal-card button{width:100%;background:#d94c5b;color:white;padding:13px}.modal-card small{display:block;color:#ff8b95}@media(max-width:900px){.sidebar{width:190px}main{padding:28px 22px}.bot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{display:none}main{padding:24px 15px}header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.bot-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:10px;flex-direction:column}}