:root{--bg:#000;--bg-gradient:radial-gradient(ellipse at 50% 0%, #ffffff0a 0%, transparent 55%);--surface:#ffffff08;--surface-solid:#0d0d0d;--surface-hover:#161616;--border:#ffffff24;--border-hover:#ffffff52;--accent:#fff;--accent2:#ffffffbf;--accent-cyan:#fff;--accent-pink:#d4d4d4;--text:#fff;--text-muted:#b3b3b3;--text-dim:#ffffff80;--success:#22c55e;--error:#ef4444;--warning:#fbbf24;--terminal-green:#d7d7d7;--radius:14px;--radius-sm:10px;--radius-xs:8px;--font:"Inter", system-ui, -apple-system, sans-serif;--mono:"SF Mono", "Fira Code", "JetBrains Mono", monospace;--shadow-card:0 1px 2px #000000b3, 0 8px 30px #0009;--shadow-glow:0 0 20px #ffffff1a;--shadow-glow-cyan:0 0 20px #ffffff14;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);background-image:var(--bg-gradient);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}#root{width:100vw;height:100vh;overflow:hidden}::selection{color:#fff;background:#ffffff38}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 18px #fff6}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.xmd-dp{object-fit:cover;border:2px solid var(--accent);background:var(--surface);border-radius:50%;flex-shrink:0;width:42px;height:42px}.xmd-dp-fallback{color:var(--text);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.xmd-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:4px;margin-left:10px;display:flex}@media (width<=640px){.xmd-actions{flex-flow:wrap;width:100%;margin-top:8px;margin-left:0}}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}#sidebar{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;height:100vh;display:flex;position:relative}#sidebar:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}#main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}#content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.page{flex-direction:column;flex:1;gap:20px;animation:.3s fadeIn;display:none}.page.active{display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:16px 18px;display:flex}.logo-icon{width:28px;height:28px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:12px 10px 6px;font-size:10px;font-weight:600}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition);text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.nav-btn:hover{color:var(--text);background:#ffffff14}.nav-btn.active{color:var(--text);background:#ffffff1f;font-weight:600}.nav-btn.active:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-cyan));border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.server-list{flex-direction:column;gap:2px;max-height:300px;margin-top:4px;display:flex;overflow-y:auto}.empty-msg{color:var(--text-dim);padding:6px 10px;font-size:11px}.server-item{border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);transition:all var(--transition);text-align:left;width:100%;font-size:12px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.server-item:hover{color:var(--text);background:#ffffff14}.server-item.active{color:var(--text);background:#ffffff24;font-weight:600}.server-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.server-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.server-dot.running{background:var(--success);animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #22c55e80}.server-dot.stopped{background:#555}.btn-new{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--success), #16a34a);transition:all var(--transition);font-size:12px;font-weight:600;font-family:var(--font);text-align:left;border:none;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex;box-shadow:0 0 12px #22c55e4d}.btn-new:hover{transform:scale(1.02);box-shadow:0 0 24px #22c55e80}#topbar{border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:relative}#topbar:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:20%;right:20%}#topbar .left{align-items:center;gap:10px;display:flex}.hamburger{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--transition);background:0 0;border:none;padding:8px;display:none}.hamburger:hover{background:#ffffff14}#topbar .brand{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}#topbar .stats{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:16px;display:flex}#topbar .topbar-right{align-items:center;gap:10px;min-width:0;display:flex}#topbar .topbar-right .stats{scrollbar-width:none;max-width:100%;overflow-x:auto}.stat-chip{color:var(--text-muted);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;min-width:0;padding:4px 10px;font-size:11px;display:flex}.stat-label{font-weight:500}.stat-val{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.mini-bar{background:#ffffff0f;border-radius:2px;flex-shrink:0;width:48px;height:4px;overflow:hidden}.mini-bar .fill{background:linear-gradient(90deg, var(--accent), var(--accent-cyan));border-radius:2px;height:100%;transition:width .6s}.mini-bar .fill.warn{background:linear-gradient(90deg, var(--warning), var(--error))}.card{background:var(--surface-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);box-shadow:var(--shadow-card);padding:18px 20px;animation:.3s both slideUp}.card:hover{border-color:var(--border-hover)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.card-accent-line{background:linear-gradient(90deg, var(--accent), var(--accent-cyan), var(--accent-pink));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-header{align-items:center;gap:6px;display:flex}.stat-header .label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.stat-card .value{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer;color:#0000!important}.btn{border-radius:var(--radius-xs);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-accent{color:#fff;background:linear-gradient(135deg,#fff,#666);border-color:#0000;box-shadow:0 0 14px #ffffff4d}.btn-accent:hover{box-shadow:0 0 24px #ffffff80}.btn-success{background:linear-gradient(135deg, var(--success), #16a34a);color:#fff;box-shadow:0 0 14px #22c55e4d}.btn-success:hover{box-shadow:0 0 24px #22c55e80}.btn-danger{background:linear-gradient(135deg, var(--error), #dc2626);color:#fff;box-shadow:0 0 14px #ef44444d}.btn-warning{background:linear-gradient(135deg, var(--warning), #d97706);color:#000;box-shadow:0 0 14px #f59e0b4d}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #ffffff14}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff08}.btn-sm{padding:6px 12px;font-size:11px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=text],input[type=search],input:not([type]){border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:var(--font);transition:all var(--transition);background:#ffffff0a;outline:none;width:100%;padding:9px 12px;font-size:13px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffffff1a}input.mono{font-family:var(--mono)}.input-row{align-items:center;gap:8px;display:flex}.input-row input{flex:1}.terminal-input{font-family:var(--mono)!important;font-size:12px!important}.form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-group label{color:var(--text-muted);font-size:12px;font-weight:500}.form-error{color:var(--error);margin-top:4px;font-size:12px}.form-hint{color:var(--text-dim);margin-bottom:4px;font-size:11px}.settings-divider{border-top:1px solid var(--border);margin:12px 0;padding-top:12px}.terminal-box{border-radius:var(--radius-sm);font-family:var(--mono);color:var(--terminal-green);white-space:pre-wrap;word-break:break-all;scroll-behavior:smooth;background:#0c0c0c;border:1px solid #ffffff0f;min-height:100px;max-height:300px;padding:14px 16px;font-size:12px;line-height:1.6;overflow-y:auto}.terminal-box.full{flex:1;min-height:350px;max-height:none}.terminal-card{flex-direction:column;flex:1;gap:10px;display:flex}.card-title{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.terminal-badge{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;background:#ffffff26;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.quick-terminal .card-title{margin-bottom:10px}.xterm-box{border-radius:var(--radius-sm);background:#0a0a0a;border:1px solid #ffffff0f;flex:1;min-height:350px;padding:6px;overflow:hidden}.xterm-box .xterm{height:100%}.xterm-box .xterm-viewport{width:100%!important}.tabs{background:#ffffff08;border-radius:8px;gap:4px;width:fit-content;margin-bottom:4px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);transition:all var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;display:flex}.tab-btn.active{background:var(--surface-solid);color:var(--text);box-shadow:0 1px 4px #0000004d}.tab-content{flex-direction:column;flex:1;gap:12px;display:none}.tab-content.active{display:flex}.server-header{position:relative;overflow:hidden}.server-header:before{content:"";background:linear-gradient(90deg, var(--success), var(--accent-cyan), var(--accent));opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.server-header-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.server-dot-lg{border-radius:50%;flex-shrink:0;width:10px;height:10px}.server-dot-lg.running{background:var(--success);animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #22c55e99}.server-dot-lg.stopped{background:#555}.server-name-display{flex-direction:column;flex:1;gap:2px;display:flex}.server-name-text{color:var(--text);font-size:16px;font-weight:700}.server-cmd{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.server-actions{flex-wrap:wrap;gap:6px;display:flex}.server-resources{border-top:1px solid var(--border);color:var(--text-muted);gap:20px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.server-resources strong{color:var(--text);font-weight:600}.file-table{flex:1;min-height:150px;overflow-y:auto}.file-row{border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:all .1s;display:flex}.file-row:hover{background:#ffffff12}.file-icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.file-name{word-break:break-all;flex:1;font-size:13px;font-weight:500}.file-name.folder{color:var(--accent);font-weight:600}.file-size{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:70px;font-size:12px}.file-nav input{flex:1}.upload-btn{cursor:pointer;position:relative}.console-card{flex-direction:column;flex:1;gap:8px;display:flex}#toastContainer{z-index:999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-sm);color:var(--text);pointer-events:auto;background:#1d1d1d;border:1px solid #ffffff40;align-items:center;gap:8px;max-width:360px;padding:12px 18px;font-size:13px;font-weight:500;animation:.25s slideIn;display:flex;box-shadow:0 8px 24px #00000080}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.warning{border-left:3px solid var(--warning)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:420px;max-width:90vw;padding:0;animation:.25s slideUp;display:flex;box-shadow:0 20px 60px #0009}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.modal-close:hover{color:var(--text);background:#ffffff0d}.modal-body{padding:18px 20px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.empty-state{color:var(--text-dim);text-align:center;padding:24px;font-size:13px}.sidebar-backdrop{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.login-page{background:var(--bg);background-image:radial-gradient(at 50% 30%,#ffffff0f 0%,#0000 60%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background:repeating-linear-gradient(0deg,#0000,#0000 40px,#ffffff05 40px 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#ffffff05 40px 41px);position:absolute;inset:0;overflow:hidden}.login-card{z-index:1;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:20px;width:360px;max-width:90vw;padding:40px 36px 32px;animation:.4s slideUp;display:flex;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #ffffff0d}.login-logo{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.login-logo svg{-webkit-text-fill-color:initial;color:var(--accent)}.login-subtitle{color:var(--text-muted);margin-top:-8px;font-size:13px}.login-input-group{border:1px solid var(--border);border-radius:var(--radius-xs);transition:border-color var(--transition);background:#ffffff0a;align-items:center;gap:10px;padding:0 12px;display:flex}.login-input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ffffff1a}.login-input-group svg{color:var(--text-dim);flex-shrink:0}.login-input-group input{color:var(--text);width:100%;font-size:14px;font-family:var(--font);background:0 0;border:none;outline:none;padding:12px 0}.login-input-group input::placeholder{color:var(--text-dim)}.login-error{color:var(--error);text-align:center;margin-top:-8px;font-size:12px}.login-btn{justify-content:center;width:100%;margin-top:4px;padding:12px!important;font-size:14px!important}.topbar-right{align-items:center;gap:12px;display:flex}.logout-btn{color:var(--text-muted)!important;border-color:#ffffff0f!important}.logout-btn:hover{color:var(--error)!important;border-color:#ef44444d!important}.monitor-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.monitor-item:last-child{border-bottom:none}.monitor-info{flex:1;min-width:0}.monitor-status{text-align:center;flex-shrink:0;min-width:60px}.monitor-actions{flex-shrink:0;gap:4px;display:flex}.hero{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 15% 0,#ffffff12 0%,#0000 55%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-cyan), var(--accent-pink));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.hero-copy{z-index:1;min-width:260px;position:relative}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.hero-title{color:var(--text);letter-spacing:-.02em;font-size:26px;font-weight:800}.grad-text{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);margin-top:8px;font-size:13px}.hero-tiles{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;min-width:168px;padding:12px 14px}.tile-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.tile-head strong{font-variant-numeric:tabular-nums;font-size:12px}.tile .sparkline{display:block}.uptime-track{background:#ffffff0f;border-radius:3px;height:6px;margin-top:14px;overflow:hidden}.uptime-fill{background:linear-gradient(90deg, var(--success), #16a34a);border-radius:3px;height:100%}.grid-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-head .card-title{margin-bottom:0}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.page-head h2{white-space:nowrap;margin:0;font-size:18px;font-weight:700}.page-head-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.page-head-meta .meta-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.page-head-meta .meta-text{white-space:nowrap}.page-head-action{margin-left:auto}.live-pill{letter-spacing:.08em;color:var(--success);background:#22c55e1a;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.pill-error{color:var(--error);background:#ef44441a;border-color:#ef444440}.pulse-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}.mesh-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.mesh-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-family:var(--font);transition:all var(--transition);background:#ffffff05;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.mesh-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.mesh-card.up{border-left:3px solid var(--success)}.mesh-card.down{opacity:.72;border-left:3px solid #555}.mesh-card-top{align-items:center;gap:8px;display:flex}.mesh-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:700;overflow:hidden}.mesh-status{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px;font-weight:600}.mesh-card.up .mesh-status{color:var(--success)}.mesh-card.down .mesh-status{color:var(--text-dim)}.mesh-domain{color:var(--accent-cyan);font-size:11px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mesh-domain.dim{color:var(--text-dim)}.mesh-cmd{color:var(--text-dim);font-size:10px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mesh-metrics{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mesh-metrics span{color:var(--text-muted);font-size:9.5px;font-family:var(--mono);border:1px solid var(--border);white-space:nowrap;background:#ffffff08;border-radius:6px;padding:2px 6px}.mesh-card.up .mesh-metrics span{color:var(--text)}.feed{flex-direction:column;gap:2px;max-height:360px;display:flex;overflow-y:auto}.feed-item{border-radius:var(--radius-xs);color:var(--text-muted);align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;animation:.3s fadeIn;display:flex}.feed-item:hover{color:var(--text);background:#ffffff0f}.feed-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.feed-dot.start{background:var(--success);box-shadow:0 0 8px #22c55e66}.feed-dot.stop{background:var(--error)}.feed-dot.cmd{background:var(--accent)}.feed-dot.svc{background:var(--accent-cyan)}.feed-dot.pay{background:var(--success)}.feed-dot.gateway,.feed-dot.sync{background:var(--warning)}.feed-dot.auth{background:var(--accent)}.feed-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feed-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10.5px}.feed-large{max-height:520px}.feed-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;min-width:56px;font-size:9.5px;font-weight:700}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.filter-pill:hover{color:var(--text);border-color:#fff3}.filter-pill.active{color:var(--accent);background:#8b5cf61f;border-color:#8b5cf680}.pill-count{color:var(--text-dim);background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:10px}.hero-compact{padding-bottom:14px}.hero-compact .hero-copy{max-width:none}.badge-count{color:var(--accent2);font-variant-numeric:tabular-nums;background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:12px;display:flex}.mesh-state{color:var(--text-muted);align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot.ok{background:var(--success);box-shadow:0 0 8px #22c55e80}.dot.off{background:#555}.live-chip .pulse-dot{background:var(--error);box-shadow:0 0 8px #ef444480}.stat-card.mini{padding:14px 16px}.value.with-bar{margin-bottom:8px}.bar{background:#ffffff0f;border-radius:3px;height:5px;margin-top:2px;overflow:hidden}.bar .fill{border-radius:3px;height:100%;transition:width .6s}.clock{font-variant-numeric:tabular-nums}.clock svg{color:var(--text-dim)}.login-split{width:100vw;height:100vh;display:flex;overflow:hidden}.login-brand{border-right:1px solid var(--border);background:linear-gradient(160deg,#000 0%,#101010 55%,#050505 100%);flex-direction:column;flex:1.15;justify-content:space-between;min-width:0;padding:40px 44px;display:flex;position:relative;overflow:hidden}.login-brand-grid{background:repeating-linear-gradient(0deg,#0000,#0000 38px,#ffffff08 38px 39px),repeating-linear-gradient(90deg,#0000,#0000 38px,#ffffff08 38px 39px);position:absolute;inset:0}.login-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:#ffffff24;width:340px;height:340px;top:-130px;right:-90px}.orb-2{background:#ffffff17;width:300px;height:300px;bottom:-150px;left:-70px}.login-brand-inner{z-index:1;position:relative}.login-brand-head{align-items:center;gap:12px;display:flex}.login-brand-name{letter-spacing:.1em;background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.login-brand-hero{max-width:420px;margin-top:64px}.login-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-flex}.login-brand-hero h1{letter-spacing:-.02em;color:var(--text);font-size:42px;font-weight:800;line-height:1.06}.login-brand-hero p{color:var(--text-muted);margin-top:14px;font-size:14px;line-height:1.65}.login-brand-feats{flex-direction:column;gap:10px;margin-top:32px;display:flex}.login-feat{width:fit-content;color:var(--text);border:1px solid var(--border);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.login-brand-foot{z-index:1;color:var(--text-dim);letter-spacing:.04em;font-size:11px;position:relative}.login-panel{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.login-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.35;height:1px;position:absolute;top:0;left:0;right:0}.login-box{text-align:center;flex-direction:column;align-items:center;width:360px;max-width:100%;animation:.4s slideUp;display:flex}.login-box-badge{color:var(--accent);justify-content:center;align-items:center;margin-bottom:22px;display:flex}.login-box h2{color:var(--text);font-size:22px;font-weight:800}.login-box-sub{color:var(--text-muted);margin-top:6px;margin-bottom:26px;font-size:13px}.login-box form{text-align:left;width:100%}.login-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-box .login-input-group{margin-bottom:16px}.login-box .login-btn{justify-content:center;gap:8px;width:100%;margin-top:2px;padding:12px!important;font-size:14px!important}.login-box-foot{color:var(--text-dim);margin-top:24px;font-size:11px}@media (width<=768px){#sidebar{z-index:100;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0);box-shadow:8px 0 30px #0009}.hamburger{display:block}.grid-2{grid-template-columns:1fr}.hero{padding:18px}.hero-title{font-size:21px}.hero-tiles{width:100%}.tile{flex:45%;min-width:130px}.card-grid{grid-template-columns:1fr 1fr;gap:10px}#topbar{padding:0 12px}#topbar .stats{gap:6px}.stat-chip{padding:3px 8px;font-size:10px}#content{gap:12px;padding:12px}.stat-card .value{font-size:17px}.terminal-box{max-height:180px;font-size:10px}.file-size,.route-server{display:none}.server-resources{flex-wrap:wrap;gap:12px}.input-row{flex-wrap:wrap}.tabs{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tab-btn{white-space:nowrap}.modal{max-width:95vw}.feed-item{flex-wrap:wrap;row-gap:3px}.feed-dot{order:0}.feed-kind{order:1;min-width:0}.feed-time{order:2;margin-left:auto;font-size:10px}.feed-text{white-space:normal;text-overflow:clip;flex:1 0 100%;order:3;line-height:1.35;overflow:visible}.page-head{gap:8px 10px}.page-head-meta{flex:auto}.btn{min-height:36px}.btn-sm{min-height:34px}.filter-pill{align-items:center;min-height:34px;display:inline-flex}.nav-btn,.server-item{min-height:42px}.monitor-item{flex-wrap:wrap;gap:8px}.monitor-info{flex:100%}.monitor-actions{flex:1;justify-content:flex-start}.server-actions .btn{padding:4px 8px;font-size:11px}}@media (width<=900px){.login-brand{display:none}.login-panel{min-height:100vh}}@media (width<=1100px) and (width>=901px){.login-brand{padding:30px 32px}.login-brand-hero h1{font-size:34px}.login-brand-hero{margin-top:48px}}@media (width<=480px){.card-grid{grid-template-columns:1fr;gap:10px}#content{gap:10px;padding:10px}.card{padding:14px 15px}.feed-item{padding:9px 8px}.input-row{flex-direction:column;align-items:stretch;gap:8px}.input-row input,.input-row select{width:100%;min-height:42px}.input-row .btn{justify-content:center;width:100%;min-height:42px}.stat-chip .stat-label{display:none}.stat-chip{padding:2px 6px}.mini-bar{width:30px}#topbar .stats{gap:4px}.modal{border-radius:0;width:100vw;max-width:100vw}.modal-header,.modal-body{padding:14px 16px}.modal-actions{padding:10px 16px}.server-actions{flex-wrap:wrap}.server-actions .btn{min-height:36px;padding:6px 10px;font-size:10px}.file-nav{flex-wrap:wrap}.file-nav .btn{padding:6px 8px;font-size:10px}.tabs{gap:4px;padding:4px;overflow-x:auto}.tab-btn{white-space:nowrap;padding:6px 12px;font-size:11px}.monitor-item{gap:6px;padding:10px 14px}.monitor-status{min-width:50px}.monitor-status div{font-size:11px!important}.monitor-actions{flex-wrap:wrap;gap:3px}.monitor-actions .btn{min-height:36px;padding:5px 8px;font-size:10px}.login-card{padding:24px 20px}.server-name-text{font-size:14px}.config-box{max-height:200px;font-size:10px}.login-box .login-btn{min-height:46px}.login-box .login-input-group input{min-height:46px;font-size:15px}}