:root{--app-height: 100vh;--ink: #111936;--muted: #667092;--blue: #6c8cff;--blue-deep: #2f55c7;--gold: #e6b852;--gold-soft: #fff2c5;--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .88);--line: rgba(102, 128, 190, .2);--shadow: 0 26px 90px rgba(51, 72, 130, .16);color:var(--ink);background:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button,a{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}a{color:var(--blue-deep);font-weight:750}h1,h2,p{margin:0}.appShell{background:linear-gradient(90deg,#f8fcff52,#f8fcffa8),radial-gradient(circle at 78% 0%,rgba(255,226,150,.42),transparent 28%),linear-gradient(135deg,#f6fbff,#eaf3ff 42%,#fdf8ed);display:grid;grid-template-columns:272px 1fr;height:100vh;height:100dvh;height:var(--app-height);overflow:hidden;position:relative}.ambientHero{height:100%;inset:0;object-fit:cover;object-position:60% center;opacity:.34;pointer-events:none;position:absolute;width:100%}.appShell:after,.loginPage:after{background:linear-gradient(90deg,#f7fbff4d,#f7fbff29 42%,#f7fbff0a);content:"";inset:0;pointer-events:none;position:absolute}.sidebar,.workspace{position:relative;z-index:1}.sidebar{-webkit-backdrop-filter:blur(30px) saturate(1.16);backdrop-filter:blur(30px) saturate(1.16);background:linear-gradient(180deg,#ffffff7a,#ffffff42);border-right:1px solid rgba(255,255,255,.72);box-shadow:14px 0 58px #4c60971f;display:flex;flex-direction:column;gap:28px;min-height:0;overflow-y:auto;padding:30px 18px}.brandLogo{display:block;height:auto;max-width:232px;object-fit:contain;object-position:center;width:100%}.brandLogo.large{max-width:min(430px,100%)}.sidebar>.brandLogo{background:#ffffff94;border:1px solid rgba(255,255,255,.82);border-radius:24px;box-shadow:0 18px 46px #56669824;padding:10px}.loginPanel .brandLogo,.sidebar>.brandLogo{filter:saturate(1.03) contrast(1.02)}.mainNav{display:grid;gap:8px}.mainNav button,.quietButton,.textButton,.rowActions button,.keyActions button,.keyActions a,.actionCard button{appearance:none;border:0;cursor:pointer;text-decoration:none}.mainNav button{background:transparent;border-radius:18px;color:#3e4a73;font-size:15px;font-weight:800;padding:13px 14px;text-align:left}.mainNav button:hover,.mainNav button.active{background:#ffffffd6;box-shadow:0 12px 28px #556faa1f;color:var(--blue-deep);transform:translate(2px)}.mainNav button.active{border:1px solid rgba(230,184,82,.36)}.sidebarStatus{background:linear-gradient(145deg,#ffffffb3,#f5f9ff73);border:1px solid rgba(255,255,255,.72);border-radius:22px;display:grid;gap:5px;margin-top:auto;padding:16px}.sidebarStatus span,.metric span,.accountRows span,.searchBox span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.sidebarStatus strong{color:var(--ink);font-size:15px}.sidebarStatus small,.metric small{color:#7d87a7;font-size:12px}.workspace{min-width:0;overflow-x:hidden;overflow-y:auto;padding:32px}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.pageTitle{flex:1;min-width:0}.pageTitle h1,.loginHeadline h1{color:#15204b;font-size:clamp(32px,4vw,58px);font-weight:850;letter-spacing:0;line-height:.98}.pageTitle p,.loginHeadline p,.panelHeader p,.formPanel p,.guideHead p{color:var(--muted);font-size:14px;line-height:1.5;margin-top:8px}.topActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.quietButton,.textButton,.rowActions button,.keyActions button,.keyActions a,.actionCard button{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid rgba(115,139,198,.18);border-radius:999px;color:#263768;display:inline-flex;font-size:13px;font-weight:850;justify-content:center;min-height:38px;padding:0 14px;white-space:nowrap}.quietButton:hover,.rowActions button:hover,.keyActions button:hover,.keyActions a:hover,.actionCard button:hover{background:#fff;box-shadow:0 12px 26px #556faa29;transform:translateY(-1px)}.quietButton.danger,.dangerText{color:#a2414a!important}.primaryButton{appearance:none;background:linear-gradient(135deg,#fff6ca,#edbc4d 48%,#d79e2f);border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 16px 34px #d8a12b42;color:#3a2a07;cursor:pointer;font-weight:900;min-height:46px;padding:0 22px}.primaryButton:hover{box-shadow:0 20px 42px #d8a12b57;transform:translateY(-1px)}.primaryButton:disabled,button:disabled{cursor:not-allowed;opacity:.54}.iconButton{align-items:center;background:#ffffffbf;border:1px solid var(--line);border-radius:14px;display:none;height:44px;justify-content:center;width:44px}.iconButton span{background:#243768;border-radius:99px;display:block;height:2px;position:absolute;width:18px}.iconButton span:first-child{transform:translateY(-4px)}.iconButton span:last-child{transform:translateY(4px)}.mobileClose{display:none}.glassPanel{-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);background:var(--panel);border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:var(--shadow)}.heroDashboard{align-items:end;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);margin-bottom:22px;min-height:265px}.heroCopy{padding:44px 0}.heroCopy h2{color:#15204b;font-size:clamp(44px,7vw,96px);font-weight:800;letter-spacing:0;line-height:.92;max-width:780px}.heroCopy p{color:#526086;font-size:18px;line-height:1.6;margin-top:18px;max-width:560px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;gap:8px;min-height:142px;padding:20px}.metric strong{color:#15204b;font-size:clamp(24px,3vw,38px);line-height:1}.notice{border-radius:18px;font-size:14px;font-weight:750;margin-bottom:14px;padding:13px 16px}.errorNotice{background:#ffe4e4f0;border:1px solid rgba(199,77,84,.22);color:#8d2b34}.toastNotice{background:#ebfff0f0;border:1px solid rgba(75,165,93,.22);color:#286b38}.toastNotice.warn{background:#fff6def0;color:#8a6214}.panelHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panelHeader h2,.formPanel h2,.guideCard h2,.accountPanel h2,.serverGrid h2,.profileKeys h2,.credentialsPanel h2{color:#15204b;font-size:22px;letter-spacing:0;line-height:1.15}.tablePanel,.profileKeys,.accountPanel,.formPanel,.credentialsPanel,.serverGrid>.glassPanel{padding:22px}.searchBox{display:grid;gap:7px;min-width:min(320px,45vw)}input,textarea{background:#ffffffd1;border:1px solid rgba(97,122,184,.22);border-radius:14px;color:var(--ink);outline:none;padding:13px 14px;width:100%}textarea{min-height:108px;resize:vertical}input:focus,textarea:focus{border-color:#5977e794;box-shadow:0 0 0 4px #6c8cff21}.clientList{display:grid;gap:14px}.clientCard{background:#ffffff8c;border:1px solid rgba(118,142,200,.14);border-radius:18px;padding:16px}.clientCard.created{border-color:#e6b8529e;box-shadow:0 0 0 4px #e6b8521f}.clientMain,.keyItem,.serverCard{align-items:center;display:flex;gap:14px;justify-content:space-between}.clientMain strong,.keyItem strong,.keyIdentity strong,.serverCard strong{color:#17244f;display:block;font-size:16px}.clientMain span,.keyItem span,.keyIdentity span,.serverCard span,.muted{color:var(--muted);display:block;font-size:13px;line-height:1.45;margin-top:4px}.clientStats{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.clientStats span{background:#ffffff9e;border:1px solid rgba(116,139,198,.13);border-radius:14px;color:var(--muted);font-size:12px;padding:10px}.clientStats b{color:#17244f;display:block;font-size:14px;margin-top:3px}.rowActions,.keyActions{display:flex;flex-wrap:wrap;gap:8px}.keyList{border-top:1px solid rgba(116,139,198,.14);display:grid;gap:10px;margin-top:14px;padding-top:14px}.keyItem{background:linear-gradient(135deg,#ffffff9e,#f4f8ff75);border:1px solid rgba(116,139,198,.12);border-radius:16px;padding:12px}.statusPill{border-radius:999px;font-size:12px;font-weight:900;padding:7px 11px}.statusPill.on{background:#e1faebe6;color:#287243}.statusPill.off{background:#ffe8e8e6;color:#9d3841}.profileGrid,.formGrid,.serverGrid,.guideGrid{display:grid;gap:18px}.formGrid{grid-template-columns:minmax(0,560px) minmax(280px,.65fr)}.profileGrid{grid-template-columns:minmax(260px,.35fr) minmax(0,1fr)}.profileKeys{grid-column:span 1}.formPanel form{display:grid;gap:13px;margin-top:18px}.formPanel label,.loginPanel label{color:#485375;display:grid;font-size:13px;font-weight:850;gap:7px}.accountRows{display:grid;gap:10px;margin-top:18px}.accountRows div{align-items:center;background:#ffffff94;border:1px solid rgba(116,139,198,.12);border-radius:15px;display:flex;justify-content:space-between;padding:13px}.accountRows strong{color:#17244f;font-size:15px}.profileKeyCard{background:#ffffff85;border:1px solid rgba(116,139,198,.12);border-radius:18px;display:grid;gap:16px;margin-top:14px;padding:16px}.actionCards{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.actionCard{background:#ffffff9e;border:1px solid rgba(116,139,198,.13);border-radius:16px;display:grid;gap:14px;padding:14px}.actionCard.primaryAction{background:linear-gradient(145deg,#fff6cbdb,#ffffffa8);border-color:#e6b85257}.actionCard strong{color:#17244f;display:block}.actionCard span{color:var(--muted);display:block;font-size:12px;line-height:1.4;margin-top:4px}.actionCard>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.guideGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideCard{padding:22px}.guideCard.wide{grid-column:1 / -1}.guideHead{align-items:center;display:flex;gap:14px;margin-bottom:18px}.guideHead>span{align-items:center;background:linear-gradient(135deg,#7292ff,#f0bf50);border-radius:16px;color:#fff;display:inline-flex;font-size:22px;font-weight:950;height:48px;justify-content:center;width:48px}.guideCard ol{color:#344064;display:grid;gap:10px;line-height:1.55;margin:0;padding-left:22px}.serverGrid{grid-template-columns:minmax(0,1fr)}.serverList,.logStack{display:grid;gap:12px;margin-top:16px}.serverCard{align-items:stretch;background:#ffffff94;border:1px solid rgba(116,139,198,.12);border-radius:16px;display:grid;padding:14px}code,pre{background:#121b3deb;border-radius:12px;color:#edf3ff;display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow:auto;padding:11px}.logBlock strong{color:#17244f;display:block;margin-bottom:8px}.manualCopy{display:grid;gap:12px;margin-bottom:16px;padding:16px}.manualCopy>div{align-items:center;display:flex;justify-content:space-between}.manualCopy textarea{min-height:150px}.credentialsPanel{align-content:start;display:grid;gap:12px}.emptyState{color:var(--muted);font-weight:750;padding:24px;text-align:center}.loginPage{align-items:center;background:radial-gradient(circle at 68% 18%,rgba(255,231,166,.34),transparent 30%),linear-gradient(135deg,#eaf5ff,#f8fbff 44%,#fff2d2);display:grid;justify-items:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:34px;position:relative}.loginArt{height:100%;inset:0;object-fit:cover;object-position:center;opacity:.92;position:absolute;width:100%}.loginPanel{-webkit-backdrop-filter:blur(34px) saturate(1.18);backdrop-filter:blur(34px) saturate(1.18);background:linear-gradient(145deg,#ffffff9e,#ffffff52);border-color:#ffffffd1;border-radius:32px;display:grid;gap:20px;justify-self:center;max-width:min(510px,calc(100vw - 32px));padding:24px 24px 30px;position:relative;width:100%;z-index:1}.loginPanel .brandLogo{justify-self:center;margin-bottom:4px;border-radius:26px;box-shadow:0 20px 70px #5564981f}@media(max-width:1100px){.appShell{grid-template-columns:236px 1fr}.workspace{padding:24px}.heroDashboard,.profileGrid,.formGrid{grid-template-columns:1fr}.heroCopy{padding:20px 0}.actionCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){body{overflow:hidden}.appShell{grid-template-columns:1fr}.ambientHero{opacity:.36;width:100%}.sidebar{background:#ffffff4d;height:100%;left:0;max-width:310px;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:86vw;z-index:5}.menuOpen .sidebar{transform:translate(0)}.mobileClose,.iconButton{display:inline-flex}.mobileClose{align-items:center;background:#ffffffb8;border:1px solid var(--line);border-radius:999px;color:#263768;cursor:pointer;justify-content:center;line-height:1;font-weight:850;min-height:46px;padding:0 18px 2px}.workspace{padding:18px}.topbar{align-items:flex-start;flex-wrap:wrap}.pageTitle{flex-basis:calc(100% - 62px)}.topActions{justify-content:flex-start;width:100%}.metrics,.clientStats,.guideGrid{grid-template-columns:1fr}.panelHeader,.clientMain,.keyItem{align-items:flex-start;flex-direction:column}.searchBox{min-width:0;width:100%}.actionCards{grid-template-columns:1fr}.loginPage{padding:18px}.loginArt{opacity:.42;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}