:root{--lp-primary: #1e90ff;--lp-primary-soft: rgba(30, 144, 255, .12);--lp-bg: #0a0f14;--lp-card: #111927;--lp-card-2: #0d182a;--lp-input-bg: #0b1524;--lp-border: #1e293b;--lp-border-soft: #16202f;--lp-text: #e2e8f0;--lp-muted: #94a3b8;--lp-faint: #64748b;--lp-success: #22c55e;--lp-warning: #f59e0b;--lp-danger: #ef4444;--lp-ok-bg: rgba(34, 197, 94, .12);--lp-warn-bg: rgba(245, 158, 11, .12);--lp-danger-bg: rgba(239, 68, 68, .12);--lp-glow: 0 0 22px rgba(30, 144, 255, .35);--lp-radius: 12px;--lp-radius-sm: 8px;--lp-font: "Inter", "SF Pro Display", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--lp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--lp-bg);color:var(--lp-text);font-family:var(--lp-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:var(--lp-primary);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--lp-bg)}::-webkit-scrollbar-thumb{background:#1c2a3f;border-radius:6px;border:2px solid var(--lp-bg)}::-webkit-scrollbar-thumb:hover{background:#27405f}input,select,textarea,button{font-family:var(--lp-font)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--lp-input-bg) inset;-webkit-text-fill-color:var(--lp-text)}.lp-shell{display:flex;min-height:100vh}.lp-main{flex:1;margin-left:232px;min-width:0}.lp-content{padding:26px 28px 40px;max-width:1440px}.lp-sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;gap:8px;padding:18px 14px;background:linear-gradient(180deg,#0b1520 0%,var(--lp-bg) 100%);border-right:1px solid var(--lp-border);z-index:40}.lp-logo{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}.lp-logo-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#14497d,var(--lp-card-2));border:1px solid rgba(30,144,255,.4);box-shadow:var(--lp-glow);color:var(--lp-primary)}.lp-logo-name{font-size:15px;font-weight:700;letter-spacing:.4px;color:#fff}.lp-logo-sub{font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--lp-faint)}.lp-nav{display:flex;flex-direction:column;gap:2px}.lp-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--lp-radius-sm);color:var(--lp-muted);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;position:relative;transition:background .15s ease,color .15s ease}.lp-nav-item:hover{background:#1e90ff12;color:var(--lp-text)}.lp-nav-item.active{background:linear-gradient(90deg,#1e90ff33,#1e90ff08);color:#fff}.lp-nav-item.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--lp-primary);box-shadow:0 0 12px #1e90ffcc}.lp-nav-item.disabled{opacity:.45;cursor:default}.lp-nav-item.disabled:hover{background:transparent;color:var(--lp-muted)}.lp-nav-soon{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--lp-faint);border:1px solid var(--lp-border);border-radius:4px;padding:1px 5px}.lp-topbar{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0a0f14db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lp-border)}.lp-brand{display:flex;align-items:center;gap:8px;color:var(--lp-muted);font-size:12.5px;font-weight:600;letter-spacing:.6px}.lp-brand svg{color:var(--lp-primary);filter:drop-shadow(0 0 6px rgba(30,144,255,.6))}.lp-topbar-right{display:flex;align-items:center;gap:10px}.lp-user-chip{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--lp-card-2);border:1px solid var(--lp-border)}.lp-user-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lp-primary-soft);color:var(--lp-primary);font-size:13px;font-weight:700}.lp-user-meta{display:flex;flex-direction:column;line-height:1.15}.lp-user-name{font-size:12.5px;font-weight:600;color:var(--lp-text)}.lp-user-role{font-size:10.5px;color:var(--lp-faint)}.lp-status-dot{width:8px;height:8px;border-radius:50%;background:var(--lp-success);box-shadow:0 0 8px #22c55ee6}.lp-chat-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:52px;height:52px;border-radius:50%;border:1px solid rgba(30,144,255,.5);background:radial-gradient(circle at 35% 30%,#14497d,var(--lp-card-2));color:var(--lp-primary);box-shadow:var(--lp-glow);display:grid;place-items:center;cursor:pointer}.lp-chat-toggle:hover{transform:scale(1.05)}.chat-drawer{position:fixed;inset:0 0 0 auto;width:400px;max-width:94vw;z-index:70;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1520 0%,var(--lp-bg) 100%);border-left:1px solid var(--lp-border);box-shadow:-30px 0 80px #00000080;animation:chat-slide .22s ease}@keyframes chat-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--lp-border)}.chat-head-title{font-size:14px;font-weight:700;color:#fff}.chat-head-sub{font-size:10.5px;color:var(--lp-faint);text-transform:uppercase;letter-spacing:.8px}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:86%;padding:10px 13px;border-radius:12px;font-size:13.2px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg.user{align-self:flex-end;background:linear-gradient(160deg,#1e90ff40,#1e90ff14);border:1px solid rgba(30,144,255,.35);color:#fff}.chat-msg.assistant{align-self:flex-start;background:var(--lp-card);border:1px solid var(--lp-border);color:var(--lp-text)}.chat-msg.error{align-self:flex-start;background:var(--lp-danger-bg);border:1px solid rgba(239,68,68,.4);color:var(--lp-danger);font-size:12.5px}.chat-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:12px 14px}.chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--lp-primary);animation:chat-blink 1.1s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.chat-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--lp-border-soft)}.chat-input-row{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--lp-border-soft)}.chat-input-row .lp-input{flex:1}.chat-pill{font-size:11.5px;font-weight:600;color:var(--lp-muted);border:1px solid var(--lp-border);background:var(--lp-card-2);border-radius:999px;padding:5px 11px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chat-pill:hover{border-color:#1e90ff73;color:var(--lp-text)}.lp-table-clickable tbody tr{cursor:pointer}.lp-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.lp-filterbar .lp-input{max-width:320px}.lp-chip{border:1px solid var(--lp-border);background:var(--lp-card-2);color:var(--lp-muted);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer}.lp-chip.active{background:var(--lp-primary-soft);border-color:#1e90ff80;color:var(--lp-primary)}.lp-config-pre{background:var(--lp-input-bg);border:1px solid var(--lp-border);border-radius:10px;padding:14px;font-family:var(--lp-mono);font-size:12px;color:var(--lp-text);max-height:420px;overflow:auto;white-space:pre}.lp-src-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;background:var(--lp-card-2);border:1px solid var(--lp-border);color:var(--lp-muted)}.lp-src-status.ok{color:var(--lp-success);border-color:#22c55e59}.lp-src-status.warn{color:var(--lp-warning);border-color:#f59e0b59}@media (max-width: 960px){.lp-sidebar{display:none}.lp-main{margin-left:0}.chat-drawer{width:100%}}button.lp-metric-card{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}button.lp-metric-card:disabled{cursor:default;opacity:.7}.lp-bottom-nav{display:none}@media (max-width: 960px){.lp-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--lp-card);border-top:1px solid var(--lp-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.lp-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 12px;background:none;border:none;color:var(--lp-faint);font-size:11px;line-height:1.2;cursor:pointer}.lp-bottom-nav-item.active{color:var(--lp-primary)}.lp-bottom-nav-item.active svg{filter:drop-shadow(0 0 6px rgba(30,144,255,.5))}.lp-main{padding-bottom:66px}}.lp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.lp-metric-card{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(160deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);transition:transform .15s ease,border-color .15s ease}.lp-metric-card:hover{transform:translateY(-2px);border-color:#1e90ff73}.lp-metric-icon{width:46px;height:46px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:var(--lp-primary-soft);color:var(--lp-primary);box-shadow:inset 0 0 18px #1e90ff1f}.lp-metric-icon.ok{background:var(--lp-ok-bg);color:var(--lp-success);box-shadow:inset 0 0 18px #22c55e1a}.lp-metric-icon.warn{background:var(--lp-warn-bg);color:var(--lp-warning);box-shadow:inset 0 0 18px #f59e0b1a}.lp-metric-icon.bad{background:var(--lp-danger-bg);color:var(--lp-danger);box-shadow:inset 0 0 18px #ef44441a}.lp-metric-icon.key{background:#a78bfa1f;color:#a78bfa;box-shadow:inset 0 0 18px #a78bfa1a}.lp-metric-value{font-size:26px;font-weight:700;color:#fff;line-height:1.15}.lp-metric-label{font-size:12.5px;color:var(--lp-muted)}.lp-page-header{margin-bottom:22px}.lp-page-title{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.lp-page-sub{font-size:13px;color:var(--lp-muted);margin-top:2px}.lp-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 14px}.lp-section-title{font-size:16px;font-weight:600;color:var(--lp-text);display:flex;align-items:center;gap:8px}.lp-section-title svg{color:var(--lp-primary)}.lp-server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.lp-card{background:linear-gradient(165deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:20px}.lp-server-card{display:flex;flex-direction:column;gap:12px;background:linear-gradient(165deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:18px;transition:transform .15s ease,border-color .15s ease}.lp-server-card:hover{transform:translateY(-2px);border-color:#1e90ff66}.lp-server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lp-server-name{font-size:15px;font-weight:600;color:#fff}.lp-server-ip{font-family:var(--lp-mono);font-size:12px;color:var(--lp-muted);margin-top:2px}.lp-server-meta{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--lp-border-soft)}.lp-meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.lp-meta-item .lp-meta-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--lp-faint)}.lp-meta-item .lp-meta-value{font-size:12.5px;font-weight:500;color:var(--lp-text);overflow-wrap:anywhere}.lp-server-actions{display:flex;gap:8px;flex-wrap:wrap}.lp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.lp-badge.ok{background:var(--lp-ok-bg);color:var(--lp-success)}.lp-badge.warn{background:var(--lp-warn-bg);color:var(--lp-warning)}.lp-badge.bad{background:var(--lp-danger-bg);color:var(--lp-danger)}.lp-badge.info{background:var(--lp-primary-soft);color:var(--lp-primary)}.lp-badge.muted{background:#64748b26;color:var(--lp-muted)}.lp-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.lp-dot.ok{background:var(--lp-success);box-shadow:0 0 8px #22c55ee6}.lp-dot.bad{background:var(--lp-danger);box-shadow:0 0 8px #ef4444e6}.lp-dot.warn{background:var(--lp-warning);box-shadow:0 0 8px #f59e0be6}.lp-peer-card{background:linear-gradient(165deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:14px 16px;margin-bottom:10px}.lp-peer-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lp-peer-name{font-size:14px;font-weight:600;color:#fff}.lp-peer-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px 18px;margin:10px 0 12px}.lp-peer-meta .lp-meta-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--lp-faint)}.lp-peer-meta .lp-meta-value{font-size:12.5px;color:var(--lp-text)}.lp-note{font-size:12px;color:var(--lp-faint)}.lp-empty{color:var(--lp-muted);font-size:13.5px;padding:24px 0}.lp-error-text{color:var(--lp-danger);font-size:13px}.lp-success-text{color:var(--lp-success);font-size:13px}.lp-mono{font-family:var(--lp-mono);font-size:12.5px;color:var(--lp-muted)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--lp-radius-sm);border:1px solid var(--lp-border);background:var(--lp-card-2);color:var(--lp-text);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.lp-btn:hover{background:#152238;border-color:#2c3d57}.lp-btn:disabled{opacity:.5;cursor:not-allowed}.lp-btn-primary{background:var(--lp-primary);border-color:var(--lp-primary);color:#fff;box-shadow:0 0 18px #1e90ff4d}.lp-btn-primary:hover{background:#3b9eff;border-color:#3b9eff}.lp-btn-ghost{background:transparent;color:var(--lp-muted);border-color:transparent}.lp-btn-ghost:hover{background:#1e90ff14;color:var(--lp-text)}.lp-btn-danger{background:transparent;border-color:transparent;color:var(--lp-danger)}.lp-btn-danger:hover{background:var(--lp-danger-bg);border-color:#ef444466}.lp-btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.lp-form-card{background:linear-gradient(165deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);padding:20px;max-width:560px;margin-bottom:18px}.lp-form-card h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:14px}.lp-field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.lp-label{font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--lp-muted)}.lp-input{width:100%;padding:8px 12px;border-radius:var(--lp-radius-sm);border:1px solid var(--lp-border);background:var(--lp-input-bg);color:var(--lp-text);font-size:13.5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.lp-input:focus{border-color:var(--lp-primary);box-shadow:0 0 0 3px #1e90ff2e}.lp-input:disabled{opacity:.6}.lp-hint{font-size:11.5px;color:var(--lp-faint)}.lp-form-row{display:flex;gap:10px;flex-wrap:wrap}.lp-textarea{width:100%;padding:8px 12px;border-radius:var(--lp-radius-sm);border:1px solid var(--lp-border);background:var(--lp-input-bg);color:var(--lp-text);font-size:13px;outline:none;resize:vertical;min-height:90px;font-family:var(--lp-mono)}.lp-textarea:focus{border-color:var(--lp-primary);box-shadow:0 0 0 3px #1e90ff2e}.lp-table{width:100%;border-collapse:collapse;background:linear-gradient(165deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:var(--lp-radius);overflow:hidden}.lp-table th{text-align:left;padding:11px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--lp-faint);border-bottom:1px solid var(--lp-border)}.lp-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--lp-border-soft)}.lp-table tbody tr:last-child td{border-bottom:none}.lp-table tbody tr:hover{background:#1e90ff0a}.lp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lp-dialog{width:100%;max-width:430px;background:var(--lp-card);border:1px solid var(--lp-border);border-radius:14px;padding:24px;box-shadow:0 24px 70px #0000008c}.lp-dialog-wide{max-width:660px}.lp-dialog h2,.lp-dialog h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 10px}.lp-dialog p{font-size:13px;color:var(--lp-muted);margin-bottom:10px}.lp-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.lp-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 550px at 50% -10%,rgba(30,144,255,.13),transparent 60%),var(--lp-bg)}.lp-auth-card{width:100%;max-width:390px;text-align:center;padding:30px;background:linear-gradient(170deg,var(--lp-card),var(--lp-card-2));border:1px solid var(--lp-border);border-radius:16px;box-shadow:0 30px 80px #00000080}.lp-auth-logo{width:58px;height:58px;margin:0 auto 12px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#14497d,var(--lp-card-2));border:1px solid rgba(30,144,255,.45);box-shadow:var(--lp-glow);color:var(--lp-primary)}.lp-auth-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.lp-auth-sub{font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--lp-faint);margin:2px 0 20px}.lp-auth-card .lp-field{text-align:left}.lp-auth-alt{margin-top:16px;font-size:12.5px;color:var(--lp-muted)}.lp-auth-alt button{margin-left:4px}@keyframes leopard-spin{to{transform:rotate(360deg)}}.lp-spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(30,144,255,.15);border-top-color:var(--lp-primary);animation:leopard-spin .7s linear infinite;vertical-align:middle}