:root{--bg:#07101c;--panel:#0b1625;--panel2:#0f1c2e;--line:#1c2b3f;--muted:#7f91aa;--text:#eef4ff;--blue:#5b7cfa;--cyan:#20c7d9;--green:#2bd18b;--yellow:#f5b83b;--red:#ff5d68;--shadow:0 20px 55px rgba(0,0,0,.3)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:radial-gradient(circle at 80% -10%,rgba(48,91,184,.17),transparent 32%),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;background:rgba(7,16,28,.92);backdrop-filter:blur(16px)}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand-lockup strong{font-size:17px;letter-spacing:.2px;display:block}.brand-lockup small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800;font-size:12px;box-shadow:0 9px 30px rgba(55,105,235,.3)}nav{display:flex;flex-direction:column;gap:4px}.nav-title{display:flex;justify-content:space-between;align-items:center;color:#54657c;font-weight:800;font-size:10px;letter-spacing:1.4px;margin:17px 10px 7px}.nav-title button{border:0;background:transparent;color:#8798ae;font-size:19px;cursor:pointer}.nav-item{width:100%;border:0;background:transparent;color:#8fa0b7;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left;transition:.18s}.nav-item:hover{background:#101d2e;color:#dfe8f7}.nav-item.active{background:linear-gradient(90deg,rgba(91,124,250,.18),rgba(32,199,217,.05));color:#fff;box-shadow:inset 2px 0 var(--blue)}.nav-item span{font-size:15px;width:18px;text-align:center}.nav-item b{margin-left:auto;background:#142238;border:1px solid #23344c;border-radius:8px;padding:2px 7px;font-size:10px;color:#a8b7c9}.brand-dot{width:8px!important;height:8px;border-radius:50%;display:block}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.sidebar-foot form{margin:0}.main{min-width:0;padding:34px 38px 55px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{display:block;color:var(--cyan);font-weight:800;font-size:10px;letter-spacing:1.55px;margin-bottom:7px}.topbar h1{font-size:29px;margin:0 0 5px;letter-spacing:-.7px}.topbar p,.card-head p,.settings-title p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}button{border:0}.primary,.ghost{border-radius:10px;padding:10px 15px;font-weight:750;cursor:pointer;transition:.18s}.primary{background:linear-gradient(135deg,#5b7cfa,#4869e9);color:#fff;box-shadow:0 8px 25px rgba(61,91,211,.24)}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.ghost{background:#101c2d;color:#b9c7d9;border:1px solid #223149}.ghost:hover{border-color:#385071;color:#fff}.wide{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metrics article{position:relative;padding:19px 20px;background:linear-gradient(145deg,rgba(17,31,50,.95),rgba(10,23,38,.96));border:1px solid var(--line);border-radius:15px;overflow:hidden}.metrics article:after{content:"";position:absolute;right:-20px;top:-32px;width:80px;height:80px;background:var(--blue);opacity:.06;border-radius:50%}.metrics article.good:after{background:var(--green)}.metrics article.warn:after{background:var(--yellow)}.metrics article.bad:after{background:var(--red)}.metrics span{color:#8ea0b7;font-size:12px}.metrics strong{display:block;font-size:30px;margin:4px 0 1px;letter-spacing:-1px}.metrics small{color:#60748e}.metrics .good strong{color:var(--green)}.metrics .warn strong{color:var(--yellow)}.metrics .bad strong{color:var(--red)}.content-card{background:rgba(11,22,37,.94);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.card-head h2{margin:0 0 3px;font-size:17px}.filters{display:flex;gap:8px}.filters input,.filters select{width:170px}.filters input{width:210px}input,select,textarea{width:100%;color:var(--text);background:#091421;border:1px solid #23344b;border-radius:9px;padding:10px 11px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#5274f0;box-shadow:0 0 0 3px rgba(82,116,240,.12)}select option{background:#0b1625}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;color:#667a94;font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:11px 18px;background:#0a1422}td{padding:13px 18px;border-top:1px solid rgba(32,48,70,.72);color:#aebdd0;vertical-align:middle}tbody tr:hover{background:rgba(36,57,87,.16)}.domain-cell strong{display:block;color:#e9f0fa;font-weight:650}.domain-cell small{color:#586c85;display:block;margin-top:3px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-chip{display:inline-flex;align-items:center;gap:7px}.brand-chip i{width:7px;height:7px;border-radius:50%}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status.healthy{color:var(--green);background:rgba(43,209,139,.07);border-color:rgba(43,209,139,.2)}.status.warning{color:var(--yellow);background:rgba(245,184,59,.07);border-color:rgba(245,184,59,.2)}.status.down{color:var(--red);background:rgba(255,93,104,.07);border-color:rgba(255,93,104,.2)}.status.pending{color:#8292a7;background:#142033;border-color:#27384f}.row-actions{display:flex;justify-content:flex-end;gap:4px}.icon-btn,.row-actions button{width:32px;height:32px;display:grid;place-items:center;background:transparent;color:#75879e;border:0;border-radius:8px;cursor:pointer}.row-actions button:hover,.icon-btn:hover{background:#17263a;color:#fff}.empty-state{text-align:center;padding:60px 20px;display:none}.empty-state.show{display:block}.empty-state>div{font-size:40px;color:#34547d}.empty-state h3{margin:10px 0 4px}.empty-state p{margin:0 auto 18px;color:var(--muted)}dialog{color:var(--text)}.modal{width:min(520px,calc(100vw - 30px));border:1px solid #263a55;border-radius:17px;padding:0;background:#0c1828;box-shadow:0 30px 90px rgba(0,0,0,.55)}.wide-modal{width:min(680px,calc(100vw - 30px))}.modal::backdrop{background:rgba(1,7,14,.78);backdrop-filter:blur(5px)}.modal form{padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{margin:0;font-size:21px}.modal label,.auth-form label{display:block;color:#9badc3;font-weight:650;font-size:12px;margin-bottom:14px}.modal label input,.modal label select,.modal label textarea,.auth-form input{margin-top:7px}.modal label small{display:block;font-weight:400;color:#667b96;margin-top:6px}.grid-2,.grid-3{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.settings-block{border:1px solid var(--line);background:#0a1523;border-radius:12px;padding:16px;margin-bottom:13px}.settings-block h3{margin:0 0 14px}.settings-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:13px}.settings-title h3{margin-bottom:4px}.connection-badge{padding:5px 9px;border-radius:999px;background:#17253a;color:#8193a9;font-size:10px;font-weight:800}.connection-badge.connected{color:var(--green);background:rgba(43,209,139,.1)}.alert-list{padding:7px 20px 20px}.alert-item{display:grid;grid-template-columns:39px 1fr auto;gap:13px;align-items:start;padding:16px 4px;border-bottom:1px solid var(--line)}.alert-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:rgba(255,93,104,.1);color:var(--red)}.alert-item.success .alert-icon{background:rgba(43,209,139,.1);color:var(--green)}.alert-item h3{margin:1px 0 5px;font-size:14px}.alert-item p{margin:0;color:#8194ac;white-space:pre-line;line-height:1.45}.alert-item time{font-size:11px;color:#5e7189}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{max-width:340px;background:#102039;border:1px solid #2b4365;color:#eaf1fb;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast.error{border-color:rgba(255,93,104,.5)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}.auth-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(54,89,182,.23),transparent 35%),#06101b}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(440px,100%);padding:29px;background:rgba(11,23,39,.95);border:1px solid #21334a;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-card .brand-lockup{padding:0 0 32px}.auth-copy h1{margin:0 0 8px;font-size:26px}.auth-copy p{margin:0 0 24px;color:var(--muted);line-height:1.55}.auth-form input{font-size:15px;padding:12px}.auth-foot{margin-top:21px;text-align:center;color:#64778f;font-size:11px}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.form-error{border:1px solid rgba(255,93,104,.3);background:rgba(255,93,104,.08);color:#ff9ba2;padding:10px 12px;border-radius:9px;margin-bottom:14px}
@media(max-width:980px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:21px 10px}.sidebar .brand-lockup div,.sidebar .nav-item:not(.active) b,.sidebar .nav-item{font-size:0}.sidebar .brand-lockup{padding-left:7px}.sidebar .nav-item span{font-size:17px}.sidebar .nav-item b{font-size:9px}.nav-title{font-size:0;justify-content:center}.main{padding:28px 22px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;z-index:50;bottom:0;top:auto;width:100%;height:62px;border-right:0;border-top:1px solid var(--line);padding:7px 12px;flex-direction:row}.sidebar .brand-lockup,.sidebar .nav-title,.sidebar-foot form{display:none}.sidebar nav{display:flex;flex-direction:row;justify-content:space-around;width:100%}.sidebar #brand-nav{display:none}.sidebar .nav-item,.sidebar .nav-item:not(.active){font-size:0;width:auto;padding:9px 15px}.sidebar-foot{margin:0;padding:0;border:0}.sidebar-foot .nav-item{display:none}.main{padding:22px 14px 85px}.topbar{align-items:start;flex-direction:column}.top-actions{justify-content:start}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metrics article{padding:15px}.metrics strong{font-size:25px}.card-head{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input,.filters select{width:50%}.grid-2,.grid-3{grid-template-columns:1fr}.modal form{padding:19px}}