:root{--bg:#08101f;--panel:#101b2f;--panel2:#15233b;--line:#263650;--text:#eaf2ff;--muted:#91a3bf;--accent:#49a4ff;--good:#39d98a;--warn:#ffbc4b;--bad:#ff667e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#0b1527;border-right:1px solid var(--line);padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:4px 4px 20px}.brand small{display:block;color:var(--muted);margin-top:3px}.brand-logo{display:block;width:42px;height:42px;border-radius:12px;object-fit:contain;box-shadow:0 8px 24px rgba(47,120,255,.22)}nav{display:grid;gap:7px}nav button{width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}nav button:hover,nav button.active{background:var(--panel2);color:#fff}.aside-foot{position:absolute;bottom:18px;color:var(--muted);font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:6px}main{min-width:0;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}h1{margin:0 0 5px;font-size:26px}p{margin:0;color:var(--muted)}.token{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.token input{width:210px}.token input,input,select,textarea{background:#0b1527;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 11px;outline:none}.token button,.btn{border:1px solid var(--line);background:var(--panel2);color:#fff;padding:9px 12px;border-radius:9px;cursor:pointer}.btn:hover,.token button:hover{border-color:var(--accent)}.btn.good{background:#123b31}.btn.warn{background:#443419}.btn.bad{background:#451f2b}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.card small{color:var(--muted)}.card strong{display:block;font-size:29px;margin:8px 0}.card span{font-size:12px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel h3{margin:0 0 14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input{min-width:220px;flex:1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:var(--muted);font-weight:600;background:#0d182b;position:sticky;top:0}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;background:#24344d}.badge.active,.badge.healthy,.badge.completed,.badge.resolved{background:#143b31;color:#7ef0bc}.badge.suspended,.badge.failed,.badge.critical,.badge.cancelled{background:#47202c;color:#ff9aac}.badge.running,.badge.high{background:#17365b;color:#8ec7ff}.badge.scheduled,.badge.medium,.badge.reconnect_required,.badge.paused{background:#473719;color:#ffd486}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions button{padding:6px 8px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted)}.flag{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px}.switch{width:48px;height:26px;border-radius:20px;background:#33415a;padding:3px;cursor:pointer}.switch i{display:block;width:20px;height:20px;border-radius:50%;background:white;transition:.2s}.switch.on{background:#1d8a62}.switch.on i{transform:translateX(22px)}.empty{padding:40px;text-align:center;color:var(--muted)}#toast{position:fixed;right:20px;bottom:20px;background:#17253d;border:1px solid var(--line);padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}.modal-form{display:grid;gap:10px;max-width:650px}.modal-form textarea{min-height:100px}.note{font-size:13px;color:var(--muted);line-height:1.5}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}aside{height:auto;position:static}.aside-foot{position:static;margin-top:20px}nav{grid-template-columns:repeat(2,1fr)}main{padding:16px}header{align-items:flex-start;flex-direction:column}.token{justify-content:flex-start}.cards{grid-template-columns:1fr}.token input{width:100%}}
.key-box{margin-top:8px}.key-box:empty{display:none}.key-box{display:grid;gap:8px;padding:14px;border:1px solid #3a8d71;background:#102d2a;border-radius:10px}.key-box code{font-size:18px;letter-spacing:1px;word-break:break-all}.cards.compact{grid-template-columns:repeat(2,1fr);gap:10px}.cards.compact .card{min-height:auto}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{display:grid;gap:12px}.plan-card>label{display:grid;gap:6px;color:var(--muted);font-size:13px}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px}.feature-list label{font-size:12px;color:var(--muted)}@media(max-width:1100px){.plan-grid{grid-template-columns:1fr}}

.create-user-grid{display:grid;grid-template-columns:1.2fr 1.4fr .8fr auto;gap:8px;align-items:end}.create-user-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted)}@media(max-width:900px){.create-user-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.create-user-grid{grid-template-columns:1fr}}