@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}:root{color:#17202f;font-synthesis:none;text-rendering:optimizelegibility;--primary:#3157d5;--primary-dark:#2748b7;--primary-soft:#edf1ff;--text:#17202f;--muted:#738096;--border:#e5e9f0;--surface:#fff;--background:#f6f8fb;--success:#168a58;--success-soft:#e9f8f0;--danger:#d94343;--danger-soft:#fff0f0;--shadow:0 10px 30px #2334530f;background:#f6f8fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:250px;min-height:100vh;padding:25px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:11px;padding:4px 10px 30px;display:flex}.brand-mark,.login-logo{color:#fff;background:linear-gradient(135deg,#3157d5,#7186ea);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;display:flex;box-shadow:0 7px 18px #3157d540}.brand-name{letter-spacing:-.3px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.brand-subtitle{color:#98a1b1;margin-top:2px;font-size:11px}.nav{flex-direction:column;gap:5px;display:flex}.nav-label{color:#a3acbb;letter-spacing:1.1px;padding:12px 12px 7px;font-size:10px;font-weight:700}.nav-label-spaced{margin-top:15px}.nav-item{color:#6e7a8e;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;font-size:13px;transition:all .2s;display:flex}.nav-item:hover{color:var(--primary);background:#f7f8fd}.nav-item-active{color:var(--primary);background:var(--primary-soft);font-weight:600}.sidebar-bottom{margin-top:auto}.connection-card{border:1px solid var(--border);background:#f8fafc;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:flex}.status-dot,.service-dot{background:#a8b0bd;border-radius:50%;flex:none;width:8px;height:8px}.status-online,.service-dot.online{background:#20a568;box-shadow:0 0 0 4px #20a5681a}.status-offline,.service-dot.offline{background:#df4949}.connection-title{font-size:11px;font-weight:700}.connection-status{color:var(--muted);margin-top:2px;font-size:10px}.logout-button{color:#7a8597;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;font-size:13px;display:flex}.logout-button:hover{color:var(--danger);background:#fff2f2}.main{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--border);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:86px;padding:0 38px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif;font-size:20px}.topbar p{color:var(--muted);margin:5px 0 0;font-size:12px}.topbar-right{align-items:center;gap:17px;display:flex}.icon-button{border:1px solid var(--border);color:#748095;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-button:hover{color:var(--primary);border-color:#ccd4eb}.admin-profile{border-left:1px solid var(--border);align-items:center;gap:10px;padding-left:16px;display:flex}.admin-profile>div:last-child{flex-direction:column;display:flex}.admin-profile strong{font-size:12px}.admin-profile span{color:var(--muted);margin-top:2px;font-size:10px}.avatar,.mini-avatar{color:var(--primary);background:#edf1ff;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar{border-radius:50%;width:34px;height:34px;font-size:11px}.content{max-width:1480px;margin:0 auto;padding:32px 38px 60px}.eyebrow{color:var(--primary);letter-spacing:1.3px;font-size:10px;font-weight:700}.welcome{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.welcome h2{letter-spacing:-.7px;margin:7px 0 4px;font-family:Manrope,sans-serif;font-size:23px}.welcome p{color:var(--muted);margin:0;font-size:12px}.primary-button,.secondary-button,.danger-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 15px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{color:#fff;background:var(--primary);box-shadow:0 5px 14px #3157d52e}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);color:#59667b;background:#fff}.secondary-button:hover{color:var(--primary);border-color:#ccd4eb}.danger-button{background:var(--danger-soft);color:var(--danger)}.danger-button:hover{background:#ffe4e4}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.full-button{width:100%;margin-top:8px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);min-height:106px;box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:14px;padding:20px;display:flex}.stat-icon{width:44px;height:44px;color:var(--primary);background:var(--primary-soft);border-radius:10px;justify-content:center;align-items:center;display:flex}.health-icon{color:var(--success);background:var(--success-soft)}.stat-card>div:last-child{flex-direction:column;display:flex}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{letter-spacing:-.5px;margin-top:4px;font-family:Manrope,sans-serif;font-size:24px}.status-value{font-size:18px!important}.two-column,.page-grid{grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px;display:grid}.three-column{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;overflow:hidden}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:20px 21px;display:flex}.panel-header h3{letter-spacing:-.2px;margin:0;font-family:Manrope,sans-serif;font-size:14px}.panel-header p{color:var(--muted);margin:4px 0 0;font-size:11px}.quick-actions{padding:6px 10px 10px}.quick-actions button{text-align:left;width:100%;min-height:68px;color:var(--text);background:0 0;border:0;border-bottom:1px solid #f0f2f5;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;padding:9px 10px;display:grid}.quick-actions button:last-child{border-bottom:0}.quick-actions button:hover{background:#fafbfe}.quick-icon{background:var(--primary-soft);width:37px;height:37px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;display:flex}.quick-icon.danger{background:var(--danger-soft);color:var(--danger)}.quick-actions button>div:nth-child(2){flex-direction:column;display:flex}.quick-actions strong{font-size:12px}.quick-actions span{color:var(--muted);margin-top:3px;font-size:10px}.quick-actions>button>svg{color:#aeb6c3}.service-row{justify-content:space-between;align-items:center;padding:22px 21px;display:flex}.service-name{align-items:center;gap:11px;display:flex}.service-logo{width:38px;height:38px;color:var(--primary);background:#f0f3ff;border-radius:9px;justify-content:center;align-items:center;font-family:Manrope,sans-serif;font-weight:800;display:flex}.service-name>div{flex-direction:column;display:flex}.service-name strong{font-size:12px}.service-name span{color:var(--muted);margin-top:3px;font-size:10px}.service-meta{border-top:1px solid #f0f2f5;justify-content:space-between;padding:13px 21px;font-size:11px;display:flex}.service-meta span{color:var(--muted)}.service-meta strong{font-weight:600}.pill{border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.pill-success{color:var(--success);background:var(--success-soft)}.pill-danger{color:var(--danger);background:var(--danger-soft)}.pill-neutral{color:#677386;background:#f0f2f5}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#8993a3;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);background:#fafbfc;padding:12px 20px;font-size:9px;font-weight:700}td{color:#657186;border-bottom:1px solid #eef1f4;padding:14px 20px}tbody tr:last-child td{border-bottom:0}.user-cell{align-items:center;gap:9px;display:flex}.user-cell strong{color:var(--text);font-size:11px}.mini-avatar{border-radius:7px;width:28px;height:28px;font-size:9px}code{color:var(--primary);background:var(--primary-soft);border-radius:5px;padding:4px 7px;font-family:DM Sans,sans-serif;font-size:10px}.form-panel{padding-bottom:22px}.form-panel form{padding:21px}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.field>span{color:#59667a;font-size:11px;font-weight:600}.field em{color:var(--danger);margin-left:3px;font-style:normal}.field input,.field select{height:40px;color:var(--text);background:#fff;border:1px solid #dfe4eb;border-radius:7px;outline:none;padding:0 11px;font-size:12px;transition:all .2s}.field input::placeholder{color:#b0b8c4}.field input:focus,.field select:focus{border-color:#8da1e9;box-shadow:0 0 0 3px #3157d514}.form-footer{justify-content:flex-end;padding-top:5px;display:flex}.info-panel{padding:28px}.info-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:19px;display:flex}.info-panel h3{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:17px}.info-panel>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.info-list{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.info-list div{color:#59667a;align-items:center;gap:9px;margin-bottom:13px;font-size:11px;display:flex}.info-list svg{color:var(--success)}.header-actions{gap:8px;display:flex}.permission-result{border-radius:8px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;display:flex}.permission-result>div{flex-direction:column;display:flex}.permission-result strong{font-size:11px}.permission-result span{margin-top:3px;font-size:10px}.result-success{background:var(--success-soft);color:var(--success)}.result-danger{background:var(--danger-soft);color:var(--danger)}.loading-state{height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.spinner{border:2px solid #e2e7f0;border-top-color:var(--primary);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{height:190px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>div{background:#f1f3f7;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.empty-state strong{color:#667286;font-size:12px}.empty-state span{margin-top:4px;font-size:10px}.master-art{background:var(--primary-soft);width:62px;height:62px;color:var(--primary);border-radius:15px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.code-preview{border:1px solid var(--border);background:#fafbfc;border-radius:8px;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;padding:14px;font-size:10px;display:grid}.code-preview span{color:var(--muted)}.code-preview strong{color:var(--primary)}.health-layout{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.health-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:40px;display:flex}.health-visual{margin-bottom:25px}.health-circle{color:#8d96a6;background:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.health-circle svg{width:31px;height:31px}.health-online{color:var(--success);background:var(--success-soft);box-shadow:0 0 0 10px #168a580d}.health-offline{color:var(--danger);background:var(--danger-soft)}.health-main h2{margin:8px 0;font-family:Manrope,sans-serif;font-size:21px}.health-main p{color:var(--muted);max-width:460px;margin:0 0 22px;font-size:12px;line-height:1.7}.config-list{padding:6px 21px 21px}.config-list>div{border-bottom:1px solid #eef1f4;justify-content:space-between;gap:20px;padding:17px 0;display:flex}.config-list>div:last-child{border-bottom:0}.config-list span{color:var(--muted);font-size:11px}.config-list strong{text-align:right;word-break:break-all;font-size:11px}.toast{z-index:100;border:1px solid var(--border);background:#fff;border-radius:10px;align-items:flex-start;gap:11px;min-width:310px;max-width:430px;padding:14px;animation:.25s toast-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 16px 45px #1c2a4329}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast>div:nth-child(2){flex-direction:column;flex:1;display:flex}.toast strong{font-size:11px}.toast span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.toast>button{color:#9da5b1;background:0 0;border:0;font-size:18px;line-height:1}.login-shell{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex;position:relative;overflow:hidden}.login-background{background:radial-gradient(circle at 15% 20%,#3157d517,#0000 30%),radial-gradient(circle at 85% 75%,#6075d017,#0000 32%);position:absolute;inset:0}.login-card{z-index:1;background:#fffffff5;border:1px solid #e2e7ef;border-radius:17px;width:430px;padding:43px;position:relative;box-shadow:0 30px 80px #2737551f}.login-logo{border-radius:13px;width:48px;height:48px;margin-bottom:30px;font-size:23px}.login-eyebrow{color:var(--primary);letter-spacing:1.7px;font-size:10px;font-weight:800}.login-card h1{letter-spacing:-1px;margin:7px 0 9px;font-family:Manrope,sans-serif;font-size:29px}.login-description{color:var(--muted);margin:0 0 28px;font-size:12px;line-height:1.7}.login-button{justify-content:space-between;width:100%;height:47px;padding:0 17px}.login-security{color:#929bab;justify-content:center;align-items:center;gap:6px;margin-top:19px;font-size:10px;display:flex}@media (width<=1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.three-column{grid-template-columns:1fr}}@media (width<=900px){.sidebar{width:215px}.main{width:calc(100% - 215px);margin-left:215px}.two-column,.page-grid,.health-layout{grid-template-columns:1fr}.content{padding:25px 22px 45px}.topbar{padding:0 22px}}@media (width<=700px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;min-height:auto;padding:15px;position:relative}.app-shell{display:block}.main{width:100%;margin-left:0}.sidebar-bottom{display:none}.nav{flex-direction:row;overflow-x:auto}.nav-label{display:none}.nav-item{flex:none;width:auto}.brand{padding-bottom:15px}.topbar{height:auto;padding:20px;position:relative}.topbar-right{display:none}.welcome{flex-direction:column;align-items:flex-start;gap:15px}.stat-grid,.form-grid{grid-template-columns:1fr}.login-card{width:100%;padding:30px}.header-actions{flex-direction:column}.toast{min-width:0;left:15px;right:15px}}