@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-0:#09090b;--bg-1:#0f0f12;--bg-2:#18181b;--bg-3:#27272a;--border:#27272a;--border-hover:#3f3f46;--text-0:#fafafa;--text-1:#a1a1aa;--text-2:#71717a;--green:#22c55e;--green-dim:rgba(34,197,94,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--yellow:#f59e0b;--yellow-dim:rgba(245,158,11,.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);--purple:#8b5cf6;--radius:10px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-0);color:var(--text-0);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{min-height:100vh}.app,.side{display:flex}.side{width:240px;background:var(--bg-1);border-right:1px solid var(--border);position:fixed;height:100vh;flex-direction:column;z-index:50}.side-logo{padding:20px 20px 16px;font-size:15px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.side-logo .dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}.side-nav{flex:1 1;padding:4px 8px}.side-nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--text-1);transition:all .15s;font-weight:500}.side-nav a:hover{background:var(--bg-2);color:var(--text-0)}.side-nav a.active{background:var(--bg-3);color:var(--text-0)}.side-nav .sep{height:1px;background:var(--border);margin:8px 12px}.side-user{padding:12px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}.main{margin-left:240px;flex:1 1;min-height:100vh}.page{padding:28px 32px;max-width:1440px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.5px}.page-sub{font-size:13px;color:var(--text-2);margin-top:2px}.stats-bar{display:flex;gap:12px;margin-bottom:28px}.stat-box{flex:1 1;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.stat-num{font-size:28px;font-weight:700;letter-spacing:-1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:600}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));grid-gap:12px;gap:12px}.proj-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.proj-card:hover{border-color:var(--border-hover)}.proj-head{padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start}.proj-name{font-size:14px;font-weight:600}.proj-group{font-size:11px;color:var(--text-2);margin-top:1px}.proj-domains{padding:0 16px 8px;display:flex;flex-wrap:wrap;gap:4px}.domain-chip{font-size:10px;padding:2px 7px;background:var(--blue-dim);color:var(--blue);border-radius:4px;font-weight:500}.proj-servers{border-top:1px solid var(--border)}.srv-section{padding:8px 16px}.srv-label{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.srv-dot{width:6px;height:6px;border-radius:50%}.c-row{justify-content:space-between;padding:3px 0;font-size:12px}.c-name,.c-row{display:flex;align-items:center}.c-name{gap:6px;color:var(--text-1)}.c-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.c-actions{display:flex;gap:3px;opacity:0;transition:opacity .15s}.c-row:hover .c-actions{opacity:1}.c-btn{padding:2px 6px;font-size:10px;background:var(--bg-3);border:none;color:var(--text-1);border-radius:3px;cursor:pointer;font-family:inherit}.c-btn:hover{color:var(--text-0);background:var(--border-hover)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-ok{background:var(--green-dim);color:var(--green)}.badge-warn{background:var(--yellow-dim);color:var(--yellow)}.badge-err{background:var(--red-dim);color:var(--red)}.badge-off{background:var(--bg-3);color:var(--text-2)}.srv-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.srv-name{font-size:16px;font-weight:600;margin-bottom:4px}.srv-role{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.srv-stats{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.srv-stat-label{font-size:11px;color:var(--text-2);margin-bottom:4px}.srv-stat-val{font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar{height:4px;background:var(--bg-3);margin-top:4px;overflow:hidden}.bar,.bar-fill{border-radius:2px}.bar-fill{height:100%;transition:width .5s}.alert-row{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;align-items:flex-start}.alert-time{font-size:11px;color:var(--text-2);white-space:nowrap;min-width:80px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.log-box{background:#000;color:#a3e635;padding:16px;border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;max-height:500px;overflow:auto;white-space:pre-wrap;word-break:break-all;border:1px solid var(--border)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-0)}.login-box{width:360px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:32px}.login-box h1{font-size:20px;margin-bottom:4px}.login-box p{font-size:13px;color:var(--text-2);margin-bottom:24px}.input{width:100%;padding:10px 12px;background:var(--bg-0);border:1px solid var(--border);border-radius:6px;color:var(--text-0);font-size:13px;font-family:inherit;outline:none;margin-bottom:12px}.input:focus{border-color:var(--blue)}.btn-primary{width:100%;padding:10px;background:var(--blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5}.err-msg{color:var(--red);font-size:12px;margin-bottom:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite;margin-right:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;width:700px;max-height:80vh;overflow:auto}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px}.modal-close{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:18px}