:root{color-scheme:dark;--bg: #071225;--bg-deep: #041028;--sidebar: #05142d;--panel: rgba(17, 31, 56, .72);--panel-soft: rgba(18, 33, 60, .58);--panel-strong: rgba(22, 39, 69, .92);--line: rgba(132, 157, 197, .22);--line-strong: rgba(145, 172, 217, .34);--text: #f4f7ff;--muted: #98a7c3;--muted-2: #71819e;--blue: #1686ff;--blue-2: #3b68ff;--violet: #7652ff;--cyan: #13d8e8;--green: #27d17f;--green-soft: rgba(39, 209, 127, .14);--red: #ef4444;--shadow: 0 24px 60px rgba(0, 0, 0, .28);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--sidebar-w: 296px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 79% 9%,rgba(42,71,130,.18),transparent 31%),radial-gradient(circle at 22% 26%,rgba(0,123,255,.08),transparent 34%),linear-gradient(135deg,#061027,#071326 45%,#081226);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 80%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 80%)}button,input,select,textarea{font:inherit}button{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 21px 18px;background:radial-gradient(circle at 5% 20%,rgba(7,111,255,.12),transparent 35%),linear-gradient(180deg,#05142dfa,#041126fa);border-right:1px solid rgba(122,151,198,.19);box-shadow:inset -1px 0 #ffffff04;z-index:20;display:flex;flex-direction:column}.brand-switcher,.profile-card{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(180deg,#172744b8,#0d1c348c);box-shadow:inset 0 1px #ffffff06;position:relative}.brand-switcher{height:62px;display:flex;align-items:center;gap:14px;padding:0 17px;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#eef7ff 0,#eef7ff 17%,#cae4ff 18%,#cae4ff 48%,#7bbcff 49%,#7bbcff);box-shadow:0 0 0 3px #6ab2ff14,0 8px 18px #00000040;flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:12px;height:22px;border-radius:4px;transform:rotate(45deg) skewY(-8deg)}.brand-mark:before{left:10px;background:linear-gradient(180deg,#4f5dff,#326ed6)}.brand-mark:after{right:9px;background:linear-gradient(180deg,#4264ff,#1a2f94);opacity:.96}.brand-name{font-weight:700;letter-spacing:.01em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.chevron{width:18px;height:18px;opacity:.9;flex:0 0 auto}.dropdown-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-strong);box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:13px}.dropdown-item:hover{background:#4269a829}.nav{margin-top:28px;display:flex;flex-direction:column;gap:4px}.nav-item{height:50px;display:flex;align-items:center;gap:16px;padding:0 17px;border-radius:8px;color:#f2f5fc;text-decoration:none;position:relative;transition:.18s ease;font-size:14px;font-weight:560;border:0;background:transparent;width:100%;cursor:pointer}.nav-item svg{width:22px;height:22px;stroke-width:1.8}.nav-item:hover{background:#4269a81a}.nav-item.active{background:linear-gradient(90deg,#1f478385,#1b32588f);box-shadow:inset 0 1px #ffffff05}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;background:linear-gradient(180deg,#33a0ff,#166bff);box-shadow:0 0 14px #2387ff85}.nav-item-label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.nav-divider{height:1px;margin:13px 8px;background:linear-gradient(90deg,transparent,rgba(126,153,193,.23),transparent)}.profile-card{min-height:68px;padding:10px 13px;display:flex;align-items:center;gap:12px;cursor:pointer}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#4892ff7a,#0e2248e6 55%);position:relative;overflow:hidden;flex-shrink:0;font-size:13px;font-weight:700}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #0a1b35;position:absolute;right:1px;bottom:1px}.profile-copy{min-width:0;flex:1;text-align:left}.profile-name{font-weight:680;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:var(--muted);font-size:12px;margin-top:2px}.shell{min-width:0;padding:0 0 15px}.topbar{height:90px;padding:16px 18px;border:1px solid rgba(126,153,197,.24);border-top:0;border-radius:0 0 13px 13px;background:linear-gradient(180deg,#0c1a30eb,#0b182dc2);box-shadow:inset 0 1px #ffffff05,0 12px 28px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:18px}.server-info{display:flex;align-items:center;gap:16px;min-width:0}.server-icon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#243467e0,#0e2348eb);box-shadow:inset 0 1px #ffffff0d;position:relative;overflow:hidden;flex-shrink:0}.server-icon:before{content:"";width:25px;height:25px;transform:rotate(30deg);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,#6355ff 0,#6355ff 45%,#1f92ff 46%,#1f92ff);box-shadow:0 0 25px #4959ff80}.server-meta{min-width:0}.eyebrow{color:var(--muted);font-size:12px;margin-bottom:4px}.server-title-row{display:flex;align-items:center;gap:16px;min-width:0}.server-title{font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-text{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:7px}.top-actions{display:flex;align-items:center;gap:20px}.outline-button{height:44px;border:1px solid var(--line-strong);background:#0b192f8f;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.18s ease;font-size:13px;font-weight:650}.outline-button:hover{border-color:#5a97ffad;background:#152c50bd}.outline-button:disabled{cursor:not-allowed;opacity:.55}.outline-button:disabled:hover{border-color:var(--line-strong);background:#0b192f8f}.icon-button{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:9px;position:relative}.icon-button:hover{background:#3f5b892e}.icon-button svg{width:22px;height:22px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-button:disabled:hover{background:transparent}.top-avatar-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;border:0;background:transparent;position:relative}.top-avatar{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#1b3158,#0a172f 72%);position:relative;font-size:15px}.top-avatar .status-dot{right:-1px;bottom:-1px;box-shadow:0 0 0 3px #071427}.mobile-menu{display:none}main{padding:28px 1px 0 20px}.page-grid{display:grid;grid-template-columns:minmax(530px,1.62fr) minmax(360px,.95fr);gap:30px;align-items:start}.page-title{font-size:30px;margin:0;letter-spacing:-.035em;line-height:1.15}.subtitle{color:var(--muted);margin:8px 0 18px;max-width:680px;line-height:1.5;font-size:15px}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#162642ba,#0d1a31c2),radial-gradient(circle at 80% 10%,rgba(75,89,154,.08),transparent 35%);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff05,var(--shadow)}.form-panel{padding:26px 30px 27px}.module-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.module-row strong{font-size:15px}.field{margin-bottom:26px}.field label,.events-title{display:block;font-size:14px;font-weight:650;margin-bottom:9px}.text-input,.text-select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:7px;background:#08162b8c;color:var(--text);outline:none;padding:9px 16px;font-size:15px;transition:.18s ease;box-shadow:inset 0 1px #ffffff04}textarea.text-input{resize:vertical;line-height:1.5}.text-input:focus,.text-select:focus{border-color:#347ff3;box-shadow:0 0 0 3px #2b7df621}.text-input::placeholder{color:var(--muted-2)}.helper{color:var(--muted);font-size:12px;margin-top:7px}.events-copy{color:var(--muted);font-size:12px;margin:-3px 0 15px}.event-list{display:flex;flex-direction:column;gap:8px}.event-label{font-size:14px}.event-card{border:1px solid rgba(120,150,198,.22);border-radius:8px;background:#0d1c348f;padding:10px 15px;transition:.18s ease}.event-card:hover{border-color:#709be56b;background:#122340b8}.event-card-head{min-height:34px;display:grid;grid-template-columns:auto 30px 1fr;gap:12px;align-items:center}.event-card-head svg{width:20px;height:20px;stroke-width:1.8}.event-card-body{display:grid;grid-template-columns:1fr 64px;gap:12px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid rgba(120,150,198,.14)}.color-input{width:100%;height:42px;padding:3px;border:1px solid var(--line-strong);border-radius:7px;background:#08162b8c;cursor:pointer}.command-list{display:flex;flex-direction:column;gap:14px}.command-card{border:1px solid rgba(120,150,198,.22);border-radius:10px;background:#0d1c348f;padding:16px;display:flex;flex-direction:column;gap:14px}.command-card-head{display:flex;align-items:center;gap:8px}.command-card-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;padding:6px 4px;border-radius:8px}.command-card-toggle:hover{background:#3f5b8924}.command-card-toggle .chevron{transition:transform .15s ease;flex-shrink:0}.command-card-name{font-weight:650;font-size:14px;white-space:nowrap;flex-shrink:0}.command-card-desc{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-card-body{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid rgba(120,150,198,.14)}.command-card-row{display:flex;gap:12px}.command-card-row>.field{flex:1;margin-bottom:0}.command-card-row>.field-color{flex:0 0 84px}.role-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;min-height:26px;align-items:center}.role-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 6px 0 10px;border-radius:999px;background:#0d1c34b8;border:1px solid rgba(120,150,198,.35);font-size:13px;font-weight:600}.role-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-chip button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.role-chip button:hover{background:#3f5b8947}.collapsible-section{border:1px solid rgba(120,150,198,.22);border-radius:10px;background:#0d1c348f;padding:4px 16px;margin-bottom:14px}.collapsible-toggle{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;padding:13px 0}.collapsible-toggle .chevron{transition:transform .15s ease;flex-shrink:0}.collapsible-title{font-weight:650;font-size:14px;white-space:nowrap;flex-shrink:0}.collapsible-desc{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-body{display:flex;flex-direction:column;gap:14px;padding-top:2px;padding-bottom:16px;border-top:1px solid rgba(120,150,198,.14)}.switch{width:46px;height:25px;border-radius:999px;border:1px solid rgba(92,147,255,.64);background:linear-gradient(180deg,#187eea,#0b5ecb);padding:2px;cursor:pointer;position:relative;transition:.22s ease;box-shadow:inset 0 1px 3px #00000047,0 0 12px #2382ff2e;flex:0 0 auto}.switch:after{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:#f8fbff;box-shadow:0 2px 6px #00000052;transition:.22s ease}.switch.off{background:#45546d80;border-color:#8092ae59;box-shadow:inset 0 1px 3px #00000040}.switch.off:after{right:24px;background:#c3ccda}.switch-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.switch-row-label{font-size:14px;font-weight:600}.save-button{margin-top:18px;height:44px;min-width:148px;padding:0 18px;border-radius:8px;border:1px solid rgba(71,163,255,.62);background:linear-gradient(100deg,#4c32f1,#0b94ef);box-shadow:0 9px 22px #145dde38,inset 0 1px #ffffff2e;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-weight:650;cursor:pointer;transition:transform .16s ease,filter .16s ease}.save-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.save-button svg{width:18px;height:18px}.icon-text-button{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 10px;border-radius:7px;font-size:13px}.icon-text-button:hover{background:#4269a824;color:var(--text)}.icon-text-button svg{width:18px;height:18px}.right-column{display:flex;flex-direction:column;gap:18px}.stat-panel{padding:25px 27px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.panel-title{font-size:17px;font-weight:700;letter-spacing:-.015em}.placeholder-note{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px;line-height:1.5;padding:6px 0 2px}.placeholder-note svg{width:20px;height:20px;flex-shrink:0;color:var(--muted)}.log-event-list{display:flex;flex-direction:column}.log-event-row{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid rgba(120,150,198,.14)}.log-event-row:last-child{border-bottom:none}.log-event-row svg{width:18px;height:18px;margin-top:2px;flex-shrink:0;color:var(--muted)}.log-event-body{min-width:0;flex:1}.log-event-desc{font-size:14px;line-height:1.5;word-break:break-word}.log-event-meta{color:var(--muted);font-size:12px;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:0 20px;min-width:0}.metric:first-child{padding-left:0}.metric+.metric{border-left:1px solid rgba(115,142,183,.16)}.metric-value{font-size:21px;font-weight:600;letter-spacing:-.02em}.metric-label{color:var(--muted);font-size:11px;margin-top:5px;white-space:nowrap}.status-panel{padding:25px 27px}.status-body{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:26px;margin-top:16px}.status-ring{width:94px;height:94px;border-radius:50%;padding:2px;display:grid;place-items:center}.status-ring.on{background:conic-gradient(from 20deg,#3bdeee,#6e4bff 62%,#3bb7ff 92%,#3bdeee);box-shadow:0 0 22px #505dff4f}.status-ring.off{background:#9aa7be47}.status-ring-inner{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 28%,#1c3258f2,#0b182efa);display:grid;place-items:center}.status-ring-inner svg{width:47px;height:47px;stroke:#20d2b5;stroke-width:1.9}.status-ring.off .status-ring-inner svg{stroke:var(--muted)}.status-copy h3{font-size:16px;margin:0 0 9px}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;background:var(--green-soft);border:1px solid rgba(39,209,127,.25);color:#50e69a;font-size:12px;font-weight:650}.badge.off{background:#9aa7be21;border-color:#9aa7be38;color:#b2bfd3}.status-copy p{color:var(--muted);font-size:13px;line-height:1.55;margin:10px 0 0}.health-panel{padding:21px 22px 20px}.health-panel .panel-title{margin-bottom:9px}.health-list{display:flex;flex-direction:column}.health-row{min-height:54px;display:grid;grid-template-columns:37px 1fr auto 25px;align-items:center;gap:12px;border-bottom:1px solid rgba(112,139,180,.15)}.health-row:last-child{border-bottom:0}.health-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6c48ce6e,#26346385);color:#e5ddff}.health-icon svg{width:17px;height:17px}.health-label{font-size:13px}.health-value{font-size:12px;color:#dde5f4}.health-ok{width:19px;height:19px;border-radius:50%;border:1px solid rgba(45,222,132,.62);display:grid;place-items:center;color:var(--green);box-shadow:0 0 12px #27d17f24}.health-ok svg{width:13px;height:13px}.health-ok.fail{border-color:#ef44449e;color:var(--red);box-shadow:0 0 12px #ef444424}.health-ok.unknown{border-color:#9aa7be66;color:var(--muted);box-shadow:none}.tip-bar{margin-top:22px;min-height:68px;padding:14px 22px 14px 28px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#12213ba6,#0c1930a8);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tip-copy{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:13px}.tip-copy strong{color:var(--text)}.info-icon{width:20px;height:20px;color:#168cff;flex:0 0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.module-card{padding:20px 22px 22px;cursor:pointer;transition:.18s ease;text-align:left;border:1px solid var(--line)}.module-card:hover{border-color:#5a97ff80;transform:translateY(-1px)}.module-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.module-card-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.module-card-icon svg{width:20px;height:20px}.module-card-title{font-weight:650;font-size:14px}.module-card-desc{color:var(--muted);font-size:13px;line-height:1.5}.simple-panel{padding:40px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:480px;margin:40px auto}.simple-panel svg{width:40px;height:40px;color:var(--blue)}.help-section{padding:18px 22px;margin-bottom:12px}.help-section h3{margin:0 0 6px;font-size:15px}.help-section p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.error-banner{border:1px solid rgba(239,68,68,.4);background:#3c121280;color:#ffd7d7;border-radius:var(--radius-md);padding:12px 16px;font-size:13px;margin-bottom:16px}.warning-banner{border:1px solid rgba(245,158,11,.4);background:#38280a80;color:#ffe4b8;border-radius:var(--radius-md);padding:12px 16px;font-size:13px}.toast{position:fixed;right:26px;bottom:24px;min-width:280px;padding:14px 16px;border-radius:10px;border:1px solid rgba(71,203,136,.3);background:#09221ff5;color:#dcffec;box-shadow:0 18px 50px #00000059;transform:translateY(120%);opacity:0;transition:.3s ease;z-index:100;display:flex;align-items:center;gap:10px;font-size:13px;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.center-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}@media(max-width:1180px){:root{--sidebar-w: 250px}.page-grid{grid-template-columns:minmax(500px,1fr) 360px;gap:20px}.metric{padding:0 12px}.form-panel{padding:24px}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;transform:translate(-103%);transition:transform .25s ease;width:280px;box-shadow:22px 0 50px #00000073}.sidebar.open{transform:translate(0)}.shell{padding-right:15px}.topbar{border-radius:0}.mobile-menu{display:grid}.server-info{margin-right:auto}main{padding:22px 18px 18px}.page-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.right-column .health-panel{grid-column:1 / -1}}@media(max-width:700px){.topbar{height:78px;padding:12px 14px}.server-icon{width:42px;height:42px}.eyebrow,.hint-text{display:none}.server-title{max-width:180px}.outline-button.back{display:none}.top-actions{gap:8px}.page-title{font-size:26px}.subtitle{font-size:14px}.form-panel{padding:20px 16px}.event-card-head{grid-template-columns:auto 26px 1fr}.event-card{padding:10px 12px}.right-column{display:flex}.status-body{grid-template-columns:95px 1fr;gap:18px}.tip-bar{align-items:flex-start;flex-direction:column}.tip-bar .outline-button{width:100%}.metric-label{white-space:normal}}@media(max-width:480px){main{padding-left:12px;padding-right:12px}.server-title{max-width:120px}.page-grid{gap:16px}.form-panel,.stat-panel,.status-panel,.health-panel{border-radius:12px}.status-body{grid-template-columns:1fr}.status-ring{margin:0 auto}.metrics{gap:0}.metric-value{font-size:18px}.event-label{font-size:13px}.event-card-body{grid-template-columns:1fr}.command-card-row{flex-direction:column}.command-card-row>.field-color{flex-basis:auto}}