.panelBrand{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;box-shadow:none;transform:none}button.panelBrand{width:100%;cursor:pointer}button.panelBrand:hover,button.panelBrand:active{transform:none;box-shadow:none;background:transparent}.panelBrand--sidebar{display:block;padding:12px 18px 10px;line-height:0;font-size:0}.panelBrand--auth{display:block;padding:0 0 22px;line-height:0;font-size:0;text-align:center}.panelBrand__clip{display:block;margin:0;padding:0;line-height:0;overflow:hidden}.panelBrand__logo{display:block;width:auto;max-width:100%;margin:0;padding:0;object-fit:contain;object-position:left center;vertical-align:top}.panelBrand--sidebar .panelBrand__logo{width:100%;max-height:96px;height:auto}.panelBrand--auth .panelBrand__logo{width:auto;max-width:min(100%,348px);max-height:106px;margin-inline:auto;object-position:center center}.panelBrand__fallback{display:inline-flex;align-items:center;gap:10px;min-width:0;line-height:1.2;font-size:13px;color:var(--text)}.panelBrand--auth .panelBrand__fallback{justify-content:center;width:100%}.panelBrand__mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--purple);color:#fff;font-size:13px;font-weight:900}.panelBrand__name{overflow:hidden;font-weight:800;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}.topbar{--topbar-height: var(--shell-header-height, 70px);--topbar-icon-size: 42px;--topbar-icon-svg: 20px;--topbar-search-max: 560px;--topbar-search-font: 15px;--topbar-search-font-active: 16px;--topbar-search-line: 1.45;--topbar-user-name-max: 150px;--topbar-user-avatar: 32px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:16px;min-height:var(--topbar-height);padding:0 var(--shell-content-padding-x, 30px);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(max-width:767px){.topbar{gap:9px;padding-inline:14px}}[data-theme=light] .topbar{border-bottom-color:#d8e1ef;background:#f8fafcdb;box-shadow:0 1px #ffffffbf}.topbarActions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbarSearch{position:relative;flex:1 1 auto;min-width:0;max-width:var(--topbar-search-max);z-index:2}.topbarSearch.isOpen{z-index:20}.topbarSearchField{position:relative;display:flex;align-items:center;min-height:var(--topbar-icon-size);padding:0 12px 0 40px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;transition:border-color .16s ease,background-color .16s ease}.topbarSearch.isOpen .topbarSearchField,.topbarSearchField:focus-within{border-color:color-mix(in srgb,var(--blue) 50%,var(--line));background:var(--surface);box-shadow:none}.topbarSearchIcon{position:absolute;left:14px;display:grid;place-items:center;color:var(--muted);pointer-events:none}.topbarSearchIcon .icon{color:var(--muted);opacity:.92}.topbarSearchInput{width:100%;min-width:0;height:auto;padding:0 56px 0 0;border:0;background:transparent;color:var(--text);font-size:var(--topbar-search-font);font-weight:500;line-height:var(--topbar-search-line);letter-spacing:-.01em;caret-color:var(--blue);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:font-size .16s ease,line-height .16s ease}.topbarSearchField:focus-within .topbarSearchInput,.topbarSearchInput:focus{font-size:var(--topbar-search-font-active);line-height:1.5}.topbarSearchInput:focus,.topbarSearchInput:focus-visible{border:0;outline:none;box-shadow:none}.topbarSearchInput::placeholder{color:var(--muted);font-size:var(--topbar-search-font);font-weight:500;opacity:.92}.topbarSearchField:focus-within .topbarSearchInput::placeholder{font-size:var(--topbar-search-font-active)}.topbarSearchInput::-webkit-search-cancel-button,.topbarSearchInput::-webkit-search-decoration,.topbarSearchInput::-webkit-search-results-button{display:none}.topbarSearchKbd{position:absolute;right:10px;min-width:52px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--text) 4%,var(--surface-2));color:var(--muted);font-size:10px;font-weight:700;line-height:1.2;text-align:center;pointer-events:none}.topbarSearch.isOpen .topbarSearchKbd,.topbarSearchField:focus-within .topbarSearchKbd{background:color-mix(in srgb,var(--text) 4%,var(--surface))}.topbarSearchResults{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;max-height:min(420px,calc(100vh - var(--topbar-height) - 24px));margin:0;padding:8px;overflow:auto;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.topbarSearchResult{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left;box-shadow:none}.topbarSearchResult:hover{border-color:var(--line-soft);background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.topbarSearchResultCopy{display:grid;gap:2px;min-width:0}.topbarSearchResultCopy strong{font-size:14px;font-weight:700}.topbarSearchResultCopy small{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.topbarIconBtn{position:relative;width:var(--topbar-icon-size);height:var(--topbar-icon-size);min-width:var(--topbar-icon-size);padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--text);font-size:18px;line-height:1;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.topbarIconBtn:hover,.topbarIconBtn:focus-visible,.topbarIconBtn.isActive{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--surface-2));transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--blue) 12%,transparent)}.topbarIconBtn .icon{color:currentColor}.topbarBellIcon{display:block;width:var(--topbar-icon-svg);height:var(--topbar-icon-svg);fill:currentColor;overflow:visible;transform:scaleY(-1)}.topbarNotification{position:relative}.topbarNotificationDot{position:absolute;top:10px;right:8px;width:5px;height:5px;border-radius:50%;background:#f5678a;pointer-events:none}.topbarNotificationPanel{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:min(420px,calc(100vw - 28px));padding:16px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,#050913);box-shadow:var(--shadow)}.topbarNotificationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.topbarNotificationHead h2{font-size:18px}.topbarNotificationList{display:grid;gap:8px;max-height:360px;overflow:auto}.topbarNotificationItem{width:100%;display:block;text-align:left;padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text)}.topbarNotificationItemHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbarNotificationBadge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line));font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.topbarNotificationDetailBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;padding:24px;background:#0408109e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbarNotificationDetail{width:min(520px,100%);padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.topbarNotificationDetailHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.topbarNotificationDetailHead h2{margin:4px 0 0;font-size:20px}.topbarNotificationDetailBody{color:var(--text);font-size:14px;line-height:1.6;white-space:pre-wrap}.topbarNotificationItem.isUnread{border-color:color-mix(in srgb,var(--blue) 30%,var(--line-soft));background:color-mix(in srgb,var(--blue) 8%,var(--surface-2))}.topbarNotificationItem p{margin:4px 0;color:var(--muted);font-size:13px}.topbarNotificationItem small,.topbarNotificationEmpty{color:var(--muted);font-size:12px}.topbarNotificationClose{width:100%;margin-top:12px;background:transparent;border:1px solid var(--line);color:var(--text)}.topbarUserBtn{min-height:44px;max-width:calc(var(--topbar-user-name-max) + var(--topbar-user-avatar) + 52px);display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:none}[data-theme=light] .topbarUserBtn{border-color:#d8e1ef;background:#fff}.topbarUserAvatar{width:var(--topbar-user-avatar);height:var(--topbar-user-avatar);flex:0 0 var(--topbar-user-avatar);display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),#6f42c1);color:#fff;font-size:13px;font-weight:800}.topbarUserName{max-width:var(--topbar-user-name-max);overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.topbarUserChevron{flex:0 0 auto;display:grid;place-items:center;color:var(--muted)}@media(max-width:960px){.topbar{display:grid;gap:12px;padding:14px 16px}.topbarSearch,.topbarActions{width:100%;max-width:none}.topbarActions{flex-wrap:wrap}.topbarUserName,.topbarUserChevron{display:none}.topbarUserBtn{max-width:none;padding-right:5px}}.panelSettingsPage{display:grid;gap:var(--shell-canvas-gap, 24px)}.panelSettingsPage .ps-hero{position:relative;min-height:144px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;color:var(--text);background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--purple) 16%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--purple) 8%,var(--surface)),var(--surface) 58%);border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));border-radius:18px;box-shadow:0 18px 42px color-mix(in srgb,#172033 9%,transparent)}.panelSettingsPage .ps-hero:after{content:"";position:absolute;right:-60px;bottom:-95px;width:250px;height:250px;border:1px solid color-mix(in srgb,var(--purple) 13%,transparent);border-radius:50%;pointer-events:none}.panelSettingsPage .ps-heroMain{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:17px}.panelSettingsPage .ps-heroIcon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:var(--purple);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--purple) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--purple) 28%,var(--line));border-radius:16px;box-shadow:0 12px 28px color-mix(in srgb,var(--purple) 15%,transparent)}.panelSettingsPage .ps-heroEyebrow{display:block;margin-bottom:4px;color:var(--purple);font-size:9px;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.panelSettingsPage .ps-hero h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.12}.panelSettingsPage .ps-hero p{max-width:720px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.panelSettingsPage .ps-heroOwner{position:relative;z-index:1;min-height:38px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 21%,var(--line));border-radius:999px;font-size:10px;font-weight:750;white-space:nowrap}.panelSettingsPage .ps-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.panelSettingsPage .ps-stat{position:relative;min-width:0;min-height:116px;padding:18px;display:flex;align-items:center;gap:14px;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 30px color-mix(in srgb,#172033 7%,transparent)}.panelSettingsPage .ps-stat:after{content:"";position:absolute;right:-31px;bottom:-46px;width:108px;height:108px;background:currentColor;border-radius:50%;opacity:.045}.panelSettingsPage .ps-statIcon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:var(--purple);background:color-mix(in srgb,var(--purple) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:13px}.panelSettingsPage .ps-statCopy{min-width:0;display:grid;gap:2px}.panelSettingsPage .ps-statCopy small{color:var(--muted);font-size:9px;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.panelSettingsPage .ps-statCopy strong{overflow:hidden;color:var(--text);font-size:16px;font-weight:820;letter-spacing:-.02em;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.panelSettingsPage .ps-statCopy span{overflow:hidden;color:var(--muted);font-size:9.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.panelSettingsPage .ps-stat.isSuccess .ps-statIcon{color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));border-color:color-mix(in srgb,var(--green) 22%,var(--line))}.panelSettingsPage .ps-stat.isWarning .ps-statIcon{color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface));border-color:color-mix(in srgb,var(--orange) 24%,var(--line))}.panelSettingsPage .ps-stat.isInfo .ps-statIcon{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,var(--surface));border-color:color-mix(in srgb,var(--cyan) 22%,var(--line))}.panelSettingsPage .ps-stat.isViolet .ps-statIcon{color:var(--purple);background:color-mix(in srgb,var(--purple) 10%,var(--surface));border-color:color-mix(in srgb,var(--purple) 23%,var(--line))}.panelSettingsPage .ps-nav{padding:9px;display:flex;align-items:stretch;gap:10px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px color-mix(in srgb,#172033 6%,transparent)}.panelSettingsPage .ps-navLabel{flex:0 0 auto;align-self:center;padding:0 12px;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.panelSettingsPage .ps-navLinks{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.panelSettingsPage .ps-nav a{min-height:37px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;color:var(--muted);background:var(--surface-2);border:1px solid transparent;border-radius:9px;font-size:9.5px;font-weight:720;text-decoration:none;white-space:nowrap;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.panelSettingsPage .ps-nav a:hover,.panelSettingsPage .ps-nav a:focus-visible{color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--surface));border-color:color-mix(in srgb,var(--purple) 20%,var(--line));outline:0;transform:translateY(-1px)}.panelSettingsPage .ps-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}.panelSettingsPage .ps-card{grid-column:span 6;min-width:0;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 38px color-mix(in srgb,#172033 7%,transparent)}.panelSettingsPage .ps-card.isWide{grid-column:1 / -1}.panelSettingsPage .ps-brandPanel{display:grid;gap:18px;padding:18px 20px 20px}.panelSettingsPage .ps-generalBar{display:grid;gap:7px;padding:16px 18px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:13px}.panelSettingsPage .ps-generalBarLabel{color:var(--text);font-size:12px;font-weight:700}.panelSettingsPage .ps-generalBarActions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.panelSettingsPage .ps-generalBarField{display:grid;gap:4px;min-width:0}.panelSettingsPage .ps-generalBarActions .ps-btn{min-width:170px;min-height:46px;align-self:start}.panelSettingsPage .ps-generalBar .ps-fieldHint{margin:2px 0 0}.panelSettingsPage .ps-cardHead{min-height:90px;padding:18px 20px;display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 5%,var(--surface)),var(--surface));border-bottom:1px solid var(--line-soft)}.panelSettingsPage .ps-cardHeadMain{min-width:0;display:flex;align-items:center;gap:13px}.panelSettingsPage .ps-cardIcon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:var(--purple);background:color-mix(in srgb,var(--purple) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:12px;box-shadow:0 9px 20px color-mix(in srgb,var(--purple) 10%,transparent)}.panelSettingsPage .ps-cardHead h2{margin:0 0 4px;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.25}.panelSettingsPage .ps-cardHead p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.panelSettingsPage .ps-form{display:grid;gap:14px;padding:18px 20px 20px}.panelSettingsPage .ps-formBlock{display:grid;gap:14px;padding:18px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:13px}.panelSettingsPage .ps-field{display:grid;gap:7px;min-width:0}.panelSettingsPage .ps-field label{color:var(--text);font-size:12px;font-weight:700}.panelSettingsPage .ps-field input,.panelSettingsPage .ps-field select,.panelSettingsPage .ps-field textarea{width:100%;min-height:46px;padding:10px 13px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.panelSettingsPage .ps-inputWrap{position:relative}.panelSettingsPage .ps-fieldMeta{display:flex;justify-content:flex-end;margin-top:-2px}.panelSettingsPage .ps-fieldCounter{color:var(--muted);font-size:11px;font-weight:650;line-height:1}.panelSettingsPage .ps-field textarea{min-height:96px;resize:vertical}.panelSettingsPage .ps-field input:focus,.panelSettingsPage .ps-field select:focus,.panelSettingsPage .ps-field textarea:focus{background:var(--surface);border-color:color-mix(in srgb,var(--purple) 50%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 10%,transparent);outline:0}.panelSettingsPage .ps-fieldHint{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.panelSettingsPage .ps-seoGrid,.panelSettingsPage .ps-smtpGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panelSettingsPage .ps-field.isFull{grid-column:1 / -1}.panelSettingsPage .ps-uploadGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 20px 20px}.panelSettingsPage .ps-uploadBox{min-width:0;padding:18px;display:flex;flex-direction:column;gap:15px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px}.panelSettingsPage .ps-uploadLabel{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.panelSettingsPage .ps-uploadLabel:before{content:"";width:7px;height:7px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 12%,transparent)}.panelSettingsPage .ps-preview{min-height:120px;padding:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--purple) 3%,var(--surface-2)));border:1px dashed color-mix(in srgb,var(--line) 80%,var(--purple));border-radius:12px}.panelSettingsPage .ps-preview img{max-width:100%;max-height:72px;object-fit:contain}.panelSettingsPage .ps-preview.isFavicon img{width:48px;height:48px}.panelSettingsPage .ps-previewEmpty{color:var(--muted);font-size:12px}.panelSettingsPage .ps-fileRow,.panelSettingsPage .ps-uploadActions{display:grid;gap:8px}.panelSettingsPage .ps-fileInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.panelSettingsPage .ps-fileTrigger{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--surface);border:1px dashed color-mix(in srgb,var(--purple) 28%,var(--line));border-radius:9px;font-size:12px;font-weight:700;cursor:pointer}.panelSettingsPage .ps-fileName{color:var(--muted);font-size:11px}.panelSettingsPage .ps-btn{min-height:44px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:720;line-height:1.2;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.panelSettingsPage .ps-btn:hover{transform:translateY(-1px)}.panelSettingsPage .ps-btn:disabled{opacity:.7;pointer-events:none}.panelSettingsPage .ps-uploadActions .ps-btn.isPrimary{color:#fff;background:var(--purple);border-color:var(--purple);opacity:1}.panelSettingsPage .ps-uploadActions .ps-btn.isPrimary:not(:disabled){color:#fff;text-shadow:none}.panelSettingsPage .ps-uploadActions .ps-btn.isPrimary:disabled{opacity:.55}.panelSettingsPage .ps-btn.isPrimary{color:#fff;background:var(--purple);border-color:var(--purple)}.panelSettingsPage .ps-btn.isPrimary:hover{box-shadow:0 9px 20px color-mix(in srgb,var(--purple) 22%,transparent)}.panelSettingsPage .ps-btn.isSecondary{color:var(--text);background:var(--surface-2);border-color:var(--line)}.panelSettingsPage .ps-btn.isDanger{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface));border-color:color-mix(in srgb,var(--red) 22%,var(--line))}.panelSettingsPage .ps-btn.isGhost{color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--surface));border-color:color-mix(in srgb,var(--purple) 20%,var(--line))}.panelSettingsPage .ps-policyList{display:grid;gap:10px}.panelSettingsPage .ps-policyItem{min-height:54px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:11px}.panelSettingsPage .ps-policyItem strong{display:block;font-size:12px;font-weight:740}.panelSettingsPage .ps-policyItem small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}.panelSettingsPage .ps-switch{position:relative;width:42px;height:24px;flex:0 0 42px;background:var(--line);border-radius:20px;cursor:pointer;transition:background-color .18s ease}.panelSettingsPage .ps-switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;transition:transform .18s ease}.panelSettingsPage .ps-switch.isOn{background:var(--purple)}.panelSettingsPage .ps-switch.isOn:after{transform:translate(18px)}.panelSettingsPage .ps-switch input{position:absolute;opacity:0;pointer-events:none}.panelSettingsPage .ps-testRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.panelSettingsPage .ps-notice{padding:14px 16px;display:flex;align-items:center;gap:10px;border-radius:12px;font-size:13px;font-weight:650}.panelSettingsPage .ps-notice.isSuccess{color:color-mix(in srgb,var(--green) 80%,var(--text));background:color-mix(in srgb,var(--green) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}.panelSettingsPage .ps-notice.isError{color:color-mix(in srgb,var(--red) 80%,var(--text));background:color-mix(in srgb,var(--red) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 24%,var(--line))}.panelSettingsPage .ps-cacheNotice{padding:16px 18px;display:flex;align-items:flex-start;gap:12px;color:var(--purple);background:color-mix(in srgb,var(--purple) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-radius:15px;box-shadow:0 14px 34px color-mix(in srgb,var(--purple) 8%,transparent)}.panelSettingsPage .ps-cacheNotice strong{display:block;margin-bottom:4px;font-size:12px}.panelSettingsPage .ps-cacheNotice p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.panelSettingsPage .ps-loading{padding:48px 20px;text-align:center;color:var(--muted)}.panelSettingsPage .ps-flash{position:fixed;z-index:1200;top:calc(var(--shell-header-height, 70px) + 16px);right:22px;width:min(420px,calc(100vw - 32px));margin:0;box-shadow:0 18px 44px #0f172a2e}.panelSettingsPage [id^=settings-]{scroll-margin-top:calc(var(--shell-header-height, 70px) + 22px)}@media(max-width:1180px){.panelSettingsPage .ps-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panelSettingsPage .ps-card{grid-column:1 / -1}}@media(max-width:720px){.panelSettingsPage .ps-hero{flex-direction:column;align-items:flex-start;padding:20px}.panelSettingsPage .ps-navLinks{grid-template-columns:repeat(2,minmax(0,1fr))}.panelSettingsPage .ps-generalBarActions{grid-template-columns:1fr}.panelSettingsPage .ps-generalBarActions .ps-btn{width:100%;min-width:0}.panelSettingsPage .ps-stats,.panelSettingsPage .ps-smtpGrid,.panelSettingsPage .ps-uploadGrid,.panelSettingsPage .ps-seoGrid{grid-template-columns:1fr}.panelSettingsPage .ps-navLabel{display:none}.panelSettingsPage .ps-testRow{grid-template-columns:1fr}.panelSettingsPage .ps-testRow .ps-btn{width:100%}}.notificationsPage{display:grid;gap:var(--shell-canvas-gap, 24px)}.notificationsPage .np-loading{padding:28px;color:var(--muted)}.notificationsPage .np-hero{position:relative;min-height:144px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;color:var(--text);background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--orange) 14%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--orange) 7%,var(--surface)),var(--surface) 58%);border:1px solid color-mix(in srgb,var(--orange) 22%,var(--line));border-radius:18px;box-shadow:0 18px 42px color-mix(in srgb,#172033 9%,transparent)}.notificationsPage .np-heroMain{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:17px}.notificationsPage .np-heroIcon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;color:var(--orange);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--orange) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));border-radius:16px}.notificationsPage .np-heroEyebrow{display:block;margin-bottom:4px;color:var(--orange);font-size:9px;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.notificationsPage .np-hero h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.035em}.notificationsPage .np-hero p{max-width:720px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.notificationsPage .np-heroOwner{position:relative;z-index:1;min-height:38px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--orange) 21%,var(--line));border-radius:999px;font-size:10px;font-weight:750;white-space:nowrap}.notificationsPage .np-flash{padding:12px 14px;border-radius:12px;font-size:13px;font-weight:650}.notificationsPage .np-flash--success{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}.notificationsPage .np-flash--error{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 24%,var(--line))}.notificationsPage .np-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.notificationsPage .np-stat{min-height:116px;padding:18px;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.notificationsPage .np-statIcon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2)}.notificationsPage .np-stat--primary .np-statIcon{color:var(--blue)}.notificationsPage .np-stat--success .np-statIcon{color:var(--green)}.notificationsPage .np-stat--muted .np-statIcon{color:var(--muted)}.notificationsPage .np-stat--violet .np-statIcon{color:var(--purple)}.notificationsPage .np-statCopy{min-width:0;display:grid;gap:2px}.notificationsPage .np-statCopy small{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.notificationsPage .np-statCopy strong,.notificationsPage .np-statText{font-size:24px;font-weight:800;line-height:1}.notificationsPage .np-statCopy span:last-child{color:var(--muted);font-size:11px}.notificationsPage .np-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.notificationsPage .np-cardHead{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line-soft)}.notificationsPage .np-cardBrand{display:flex;gap:14px;min-width:0}.notificationsPage .np-cardIcon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface-2));border-radius:12px}.notificationsPage .np-cardEyebrow{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:780;letter-spacing:.1em;text-transform:uppercase}.notificationsPage .np-cardHead h2{margin:0;font-size:20px;font-weight:780}.notificationsPage .np-cardHead p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.notificationsPage .np-cardActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notificationsPage .np-resultChip{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 88%,var(--surface));border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 1px color-mix(in srgb,#fff 4%,transparent)}.notificationsPage .np-resultChipLabel,.notificationsPage .np-resultChipSuffix{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.notificationsPage .np-resultChip strong{color:var(--text);font-size:18px;font-weight:800;line-height:1;letter-spacing:-.03em}.notificationsPage .np-toolbar{padding:16px 24px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;border-bottom:1px solid var(--line-soft)}.notificationsPage .np-search,.notificationsPage .np-filter{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;transition:border-color .18s ease,box-shadow .18s ease}.notificationsPage .np-search:focus-within,.notificationsPage .np-filter:focus-within{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}.notificationsPage .np-search input,.notificationsPage .np-filter select{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:14px;box-shadow:none;outline:none}.notificationsPage .np-search input:focus,.notificationsPage .np-filter select:focus{border:0;box-shadow:none;outline:none}.notificationsPage .np-empty{padding:48px 24px;text-align:center}.notificationsPage .np-emptyIcon{display:inline-grid;margin-bottom:12px;color:var(--muted);opacity:.7}.notificationsPage .np-empty strong{display:block;font-size:18px}.notificationsPage .np-empty p{margin:8px auto 0;max-width:420px;color:var(--muted);font-size:13px}.notificationsPage .np-tableWrap{overflow:auto}.notificationsPage .np-table{width:100%;border-collapse:collapse}.notificationsPage .np-table th,.notificationsPage .np-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}.notificationsPage .np-table th{color:var(--muted);font-size:11px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.notificationsPage .np-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.notificationsPage .np-titleCell{display:flex;align-items:flex-start;gap:12px;min-width:0}.notificationsPage .np-rowIcon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface-2));border-radius:8px}.notificationsPage .np-titleCell strong{display:block;font-size:14px}.notificationsPage .np-preview{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.notificationsPage .np-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:750}.notificationsPage .np-status--active{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 24%,var(--line))}.notificationsPage .np-status--inactive{color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.notificationsPage .np-date{color:var(--muted);font-size:12px;white-space:nowrap}.notificationsPage .np-tableActions{display:flex;gap:8px;justify-content:flex-end}.notificationsPage .np-tableActionsHead{text-align:right}.notificationsPage .np-btn{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:700}.notificationsPage .np-btn--primary{color:#fff;background:linear-gradient(135deg,var(--purple),color-mix(in srgb,var(--blue) 55%,var(--purple)));box-shadow:0 10px 24px color-mix(in srgb,var(--purple) 24%,transparent)}.notificationsPage .np-btn--ghost{color:var(--text);background:var(--surface-2);border-color:var(--line)}.notificationsPage .np-btn--danger{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface));border-color:color-mix(in srgb,var(--red) 24%,var(--line))}.notificationsPage .np-modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:24px;background:#0408109e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notificationsPage .np-modal{width:min(560px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.notificationsPage .np-modalHead{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft)}.notificationsPage .np-modalHead h2{margin:0;font-size:18px}.notificationsPage .np-modalClose{width:34px;height:34px;border-radius:8px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-size:22px;line-height:1}.notificationsPage .np-modalBody{padding:20px;display:grid;gap:14px}.notificationsPage .np-modalBody label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}.notificationsPage .np-modalBody input,.notificationsPage .np-modalBody textarea{width:100%;padding:11px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:500}.notificationsPage .np-checkLine{display:flex!important;align-items:center;gap:10px;color:var(--text)!important;font-size:13px!important}.notificationsPage .np-modalActions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}@media(max-width:1100px){.notificationsPage .np-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.notificationsPage .np-hero{flex-direction:column;align-items:flex-start}.notificationsPage .np-stats{grid-template-columns:1fr}.notificationsPage .np-cardHead,.notificationsPage .np-toolbar{grid-template-columns:1fr;display:grid}.notificationsPage .np-tableActions{flex-direction:column;align-items:stretch}}@layer tokens{:root,[data-theme=dark]{color-scheme:dark;--bg: #070b12;--surface: #0f1520;--surface-2: #151c28;--surface-3: #1b2431;--line: #263241;--line-soft: #1b2533;--text: #f3f7ff;--muted: #91a0b5;--blue: #3b82f6;--cyan: #22d3ee;--green: #19c37d;--purple: #7c5cff;--orange: #f59e0b;--red: #f43f5e;--shadow: 0 18px 46px rgba(0, 0, 0, .32);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .18);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .14), 0 18px 42px rgba(0, 0, 0, .24);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sm: 12px;--font-md: 14px;--font-lg: 18px;--font-xl: 24px;--shell-sidebar-width: 280px;--shell-header-height: 70px;--shell-content-max-width: 1680px;--shell-content-padding-x: 30px;--shell-content-padding-top: 30px;--shell-content-padding-bottom: 38px;--shell-aside-width: 292px;--shell-aside-width-md: 260px;--shell-canvas-gap: 24px}[data-theme=light]{color-scheme:light;--bg: #f6f8fc;--surface: #ffffff;--surface-2: #f1f5fb;--surface-3: #e8eef8;--line: #cdd7e6;--line-soft: #dde5f0;--text: #0d1728;--muted: #526174;--blue: #2563eb;--cyan: #0891b2;--green: #059669;--purple: #6d5dfc;--orange: #d97706;--red: #e11d48;--shadow: 0 18px 48px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .12), 0 22px 60px rgba(37, 99, 235, .12)}}*{box-sizing:border-box}:root,[data-theme=dark]{color-scheme:dark;--bg: #070b12;--surface: #0f1520;--surface-2: #151c28;--surface-3: #1b2431;--line: #263241;--line-soft: #192230;--text: #e5ecff;--muted: #94a3b8;--blue: #4f8cff;--cyan: #24c8db;--green: #23c98f;--purple: #8067f2;--orange: #f2a51d;--red: #f43f5e;--sidebar-bg: #151922;--sidebar-border: #303746;--nav-heading-bg: #1e2430;--nav-heading-text: #5f6778;--nav-link-text: #c8ceda;--nav-link-hover-text: #f4f6fa;--nav-link-hover-bg: rgba(255, 255, 255, .05);--nav-link-active-bg: #252b38;--nav-link-active-text: #ffffff;--nav-active-bar: #7c6cff;--shadow: 0 18px 56px rgba(0, 0, 0, .34);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .2);--shadow-glow: 0 16px 42px rgba(2, 6, 23, .26), 0 0 0 1px rgba(79, 140, 255, .16);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sm: 12px;--font-md: 14px;--font-lg: 18px;--font-xl: 24px}[data-theme=light]{color-scheme:light;--bg: #e8edf4;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2ff;--line: #d7deea;--line-soft: #e2e8f0;--text: #0f172a;--muted: #64748b;--blue: #2f6df6;--cyan: #0d9bb0;--green: #08966f;--purple: #6857ea;--orange: #c87900;--red: #e11d48;--sidebar-bg: #ffffff;--sidebar-border: #e4e8ee;--nav-heading-bg: #eef1f6;--nav-heading-text: #98a2b3;--nav-link-text: #475467;--nav-link-hover-text: #031e23;--nav-link-hover-bg: #f2efff;--nav-link-active-bg: #e9e3ff;--nav-link-active-text: #031e23;--nav-active-bar: #1b00ff;--shadow: 0 18px 48px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .12), 0 22px 60px rgba(37, 99, 235, .12)}[data-theme=light] body{background:radial-gradient(ellipse 80% 50% at 12% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 88% 8%,rgba(99,102,241,.06),transparent 50%),linear-gradient(168deg,#d8dee9,#e2e8f0 42%,#e8ecf4)}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 36%),radial-gradient(circle at 86% 0%,color-mix(in srgb,var(--green) 8%,transparent),transparent 30%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{border:0;border-radius:var(--radius-sm);padding:10px 14px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;cursor:pointer;font-weight:650;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;background:var(--surface);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}textarea{min-height:120px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,42px);margin-bottom:0;line-height:1.08;letter-spacing:-.02em}h2{margin-bottom:8px;line-height:1.18;letter-spacing:-.015em}label{display:grid;gap:7px;color:var(--text);font-size:14px;font-weight:650}.icon{flex:0 0 auto;display:block}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.withIcon,.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:8px}.iconButton{width:42px;height:42px;padding:0}.appShell{color:var(--text);background:radial-gradient(circle at 18% -12%,rgba(59,130,246,.12),transparent 34%),var(--bg)}[data-theme=light] .appShell{background:radial-gradient(ellipse 80% 50% at 12% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 88% 8%,rgba(99,102,241,.06),transparent 50%),linear-gradient(168deg,#d8dee9,#e2e8f0 42%,#e8ecf4)}.appSidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:none}.brandMark.static{cursor:default}.brandIcon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(34,211,238,.45);border-radius:var(--radius-sm);background:linear-gradient(135deg,#24c8db24,#f2a51d24);color:var(--cyan);font-weight:900}.brandMark>span:last-child{display:grid;gap:2px;min-width:0}.brandMark strong{display:block;overflow:hidden;color:var(--text);font-size:14px;line-height:1.05;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}.brandMark small{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.02em}.navGroups{overflow:auto;padding:0 4px 12px}.navTitle{margin:16px 8px 8px;padding:6px 10px;border-radius:8px;background:var(--nav-heading-bg);color:var(--nav-heading-text);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1;text-align:center;text-transform:uppercase}.navGroups>.navTitle:first-child{margin-top:6px}.navItem{position:relative;width:calc(100% - 8px);display:flex;align-items:center;gap:12px;min-height:44px;margin:2px 4px;padding:10px 14px 10px 16px;border-radius:8px;background:transparent;color:var(--nav-link-text);text-align:left;border:1px solid transparent;font-size:var(--font-md);font-weight:600;letter-spacing:0;box-shadow:none;transition:background-color .18s ease,color .18s ease}.navItem .icon{width:22px;height:22px;flex:0 0 22px;display:inline-grid;place-items:center;color:inherit;line-height:1}.navItem:hover,.navItem.isActive{color:var(--nav-link-hover-text);background:var(--nav-link-hover-bg);border-color:transparent}.navItem.isActive{color:var(--nav-link-active-text);background:var(--nav-link-active-bg)}.navItem.isActive:before{content:"";position:absolute;left:0;top:50%;width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--nav-active-bar);transform:translateY(-50%)}.sidebarFooter{display:grid;gap:10px;padding:12px 12px 14px;border-top:1px solid var(--sidebar-border);background:color-mix(in srgb,var(--sidebar-bg) 92%,var(--sidebar-border))}.userChip{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border:1px solid var(--sidebar-border);border-radius:12px;background:var(--surface);color:var(--text)}[data-theme=light] .userChip{box-shadow:none}.userChip strong,.userChip small{display:block}.userChip>span:nth-child(2){min-width:0;flex:1 1 auto}.userChip strong{overflow:hidden;font-size:14px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.userChip small{color:var(--muted);overflow:hidden;font-size:11px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.userChevron{flex:0 0 auto;color:var(--muted);font-size:18px;line-height:1}.avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#6d5dfc;color:#fff;font-size:15px;font-weight:800}.dangerButton{width:100%;min-height:42px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.45);color:#ff8799;border-radius:10px;font-size:13px;font-weight:700}[data-theme=light] .dangerButton{background:#fff1f3;border-color:#ff8fa3;color:#ff6c86}.topbarTitle h1{font-size:24px;font-weight:760;letter-spacing:-.02em}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.statusPill,.stateBadge{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--line-soft);border-radius:999px;padding:5px 10px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);color:var(--muted);font-size:12px;font-weight:720}.statusPill.ok,.stateBadge.online{border-color:#19c37d59;color:#45e59e;background:#19c37d1c}.stateBadge.offline,.stateBadge.pending{border-color:#f59e0b59;color:#fbbf24;background:#f59e0b1a}.stateBadge.installing{border-color:color-mix(in srgb,var(--blue) 42%,var(--purple));color:#bcd3ff;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--purple) 12%,transparent))}.stack{display:grid}.productHome{width:100%}.serviceListPanel{min-height:0}.panel,.metricCard,.serverCard,.installCard,.authBox,.authPanel{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 1px color-mix(in srgb,#ffffff 4%,transparent),var(--shadow-soft)}.panel{padding:20px}.panel:hover,.serverCard:hover,.metricCard:hover{border-color:color-mix(in srgb,var(--blue) 24%,var(--line));box-shadow:var(--shadow-glow)}.heroBand,.manageHero{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,.9fr) auto;align-items:center;justify-content:stretch;gap:18px;border:1px solid color-mix(in srgb,var(--purple) 28%,var(--line));border-radius:var(--radius-md);padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 10%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 94%,transparent)}.heroBand{grid-template-columns:auto minmax(0,1fr);justify-content:stretch;min-height:108px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 12%,transparent),transparent 46%),linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 78%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))}.manageHeroMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quickActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.heroIcon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-md);background:transparent;border:0;color:var(--cyan)}.heroBand h2{margin-bottom:4px;font-size:25px;font-weight:760;letter-spacing:-.02em}.heroBand p:not(.eyebrow){margin-bottom:0;color:var(--muted)}.kpiGrid{display:grid}.metricCard{position:relative;display:grid;align-content:space-between;padding:14px 18px 10px;overflow:hidden;min-height:116px;background:radial-gradient(circle at 0 28%,color-mix(in srgb,currentColor 18%,transparent),transparent 34%),radial-gradient(circle at 86% -24%,color-mix(in srgb,currentColor 20%,transparent),transparent 36%),radial-gradient(circle at 18% 118%,color-mix(in srgb,currentColor 10%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 68%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))}.metricCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:inherit;background:linear-gradient(180deg,transparent 8%,currentColor 35%,currentColor 68%,transparent 94%);box-shadow:0 0 26px color-mix(in srgb,currentColor 68%,transparent);opacity:.78;pointer-events:none}.metricCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 12% 0,color-mix(in srgb,currentColor 12%,transparent),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.055),transparent 42%)}.metricTop{display:flex;align-items:center;gap:9px;margin-bottom:8px;position:relative;z-index:1}.metricMark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;margin-top:0;border-radius:13px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 16%,transparent),transparent),color-mix(in srgb,var(--surface-2) 80%,transparent);color:currentColor;box-shadow:0 12px 26px color-mix(in srgb,currentColor 11%,transparent)}.metricMark .icon{width:22px;height:22px}.metricCard p{margin-bottom:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.metricCard strong{display:block;font-size:31px;line-height:1;font-weight:760;letter-spacing:-.035em}.metricValue{position:relative;z-index:1}.metricValue small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:660}.metricCard.isEmpty .metricValue small{color:var(--muted);font-size:11px;font-weight:720;letter-spacing:.01em}.metricLine{position:relative;z-index:1;height:20px;margin-top:6px;overflow:hidden;border-radius:10px;background:transparent}.metricLine i{display:block;position:absolute;right:0;bottom:5px;left:0;width:100%;height:2px;border-radius:inherit;background:currentColor;box-shadow:0 0 18px color-mix(in srgb,currentColor 42%,transparent)}.metricLine:before{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:color-mix(in srgb,currentColor 14%,var(--line))}.metricLine:after{content:"";position:absolute;top:1px;right:0;bottom:5px;left:0;background:linear-gradient(180deg,color-mix(in srgb,currentColor 36%,transparent),transparent);clip-path:polygon(0 78%,10% 72%,22% 80%,35% 54%,48% 78%,58% 68%,68% 82%,78% 62%,88% 76%,100% 42%,100% 100%,0 100%);opacity:.36}.metricCard.isEmpty .metricLine:after{clip-path:polygon(0 84%,18% 80%,36% 82%,54% 78%,72% 84%,100% 80%,100% 100%,0 100%);opacity:.14}.metricCard.blue{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));color:var(--blue)}.metricCard.green{border-color:color-mix(in srgb,var(--green) 48%,var(--line));color:var(--green)}.metricCard.purple{border-color:color-mix(in srgb,var(--purple) 48%,var(--line));color:var(--purple)}.metricCard.orange{border-color:color-mix(in srgb,var(--orange) 48%,var(--line));color:var(--orange)}.metricCard strong,.metricValue small{color:var(--text)}.metricValue small{color:var(--muted)}.metricTop .metricMark{display:grid;place-items:center;width:42px;height:42px;margin-top:0;color:inherit}.contentSplit{display:grid;align-items:start}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sectionHeader.compact{margin-bottom:10px}.sectionTitle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px}.sectionTitle>.icon{width:30px;height:30px;color:var(--muted)}.sectionTitle h2,.sectionTitle p{margin-bottom:0}.serverToolbar{display:grid;grid-template-columns:minmax(220px,1fr) 172px 172px;gap:10px;margin:-2px 0 16px}.serverSearch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#fff 3%,transparent),transparent),color-mix(in srgb,var(--surface-2) 84%,transparent);color:var(--muted)}.serverSearch:focus-within{border-color:color-mix(in srgb,var(--cyan) 46%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent)}.serverSearch input{height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none}.serverSearch input:focus{box-shadow:none}.serverToolbar select{min-height:42px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#fff 3%,transparent),transparent),color-mix(in srgb,var(--surface-2) 84%,transparent);font-size:12px;font-weight:760}.serviceEmptyInline{display:grid;place-items:center;gap:5px;min-height:138px;border:1px dashed var(--line-soft);border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.serviceEmptyInline strong{color:var(--text);font-size:14px}.serviceEmptyInline span{font-size:12px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ghostButton,.linkButton{background:color-mix(in srgb,var(--surface-2) 86%,transparent);border:1px solid var(--line-soft);color:var(--text);box-shadow:none}.primaryCreateButton{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 92%,#fff 0%),var(--purple));box-shadow:0 14px 30px color-mix(in srgb,var(--purple) 18%,transparent)}.primaryCreateButton .icon{flex:0 0 auto;width:20px;height:20px}.refreshButton .icon{transform-origin:50% 50%}.refreshButton.isRefreshing .icon{animation:spin .78s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.linkButton{background:transparent;border-color:transparent;color:#93c5fd}.createStrip{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0d1420}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#030712ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.newServerModal{width:min(760px,100%);max-height:min(900px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;overflow:hidden;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 9%,transparent),transparent 180px),color-mix(in srgb,var(--surface) 96%,#050913);box-shadow:0 26px 90px #00000070}.modalHeader,.modalFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line-soft)}.modalFooter{justify-content:flex-end;border-top:1px solid var(--line-soft);border-bottom:0;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.modalTitleGroup{display:flex;align-items:center;gap:14px}.modalTitleGroup h2,.modalTitleGroup p{margin-bottom:0}.modalTitleGroup p:not(.eyebrow){color:var(--muted)}.modalHeroIcon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--purple) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple);font-weight:820}.modalClose{width:46px;height:46px;padding:0;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--text);font-size:26px;line-height:1}.modalTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 18px}.modalTabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--muted);box-shadow:none}.modalTabs button.isActive{border-color:color-mix(in srgb,var(--purple) 52%,var(--line));background:color-mix(in srgb,var(--purple) 17%,var(--surface-2));color:var(--text)}.modalTabs span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--purple) 13%,transparent)}.modalProgress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:0 18px 12px;color:var(--purple)}.modalProgress span{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.modalProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--blue))}.modalStepHead{margin:0 18px 12px;padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 74%,transparent)}.modalStepHead h3,.modalStepHead p{margin-bottom:0}.modalStepHead p{margin-top:5px;color:var(--muted)}.modalSection{display:grid;gap:14px;overflow:auto;margin:0 18px 18px;padding:16px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.modalGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inputShell{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:stretch;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 92%,transparent)}.inputShell>span{display:grid;place-items:center;border-right:1px solid var(--line-soft);color:var(--muted);font-size:12px;font-weight:760}.inputShell input{border:0;border-radius:0;background:transparent}.fieldHint{margin:-5px 0 0;color:var(--muted);font-size:13px}.serverCards{display:grid;gap:14px}.serverCard{display:grid;align-items:center;padding:18px;box-shadow:none;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 96%,transparent)}.serverCard.isSelected{border-color:color-mix(in srgb,var(--purple) 54%,var(--line))}.serverIdentity{display:flex;align-items:center;gap:12px;min-width:0}.serverBadges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.setupBadge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:999px;padding:5px 9px;color:color-mix(in srgb,var(--blue) 42%,var(--muted));background:color-mix(in srgb,var(--blue) 7%,transparent);font-size:11px;font-weight:760}.setupBadge i{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.serverIdentity h3{margin-bottom:5px;font-size:17px;font-weight:760;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serverIdentity p{margin-bottom:8px;color:var(--muted);word-break:break-word}.serverLogo{width:48px;height:48px;padding:0;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 16%,var(--surface-2)),color-mix(in srgb,var(--cyan) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--orange) 24%,var(--line));color:var(--text);font-size:12px;box-shadow:none}.serverStats,.resourceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.resourceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat,.resource,.checkCard,.statusLine{border:1px solid var(--line-soft);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.statusLine .statusIcon{display:grid;place-items:center}.stat span,.resource span,.statusLine span{display:block;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.stat strong,.resource strong,.statusLine strong{display:block;margin-top:6px}.bar{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.serverActions{display:flex;gap:10px;justify-content:flex-end;align-items:center;white-space:nowrap}.systemPanel{display:grid;gap:9px;padding:16px}.statusLine{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:0;min-height:64px;padding:10px 12px}.statusLine.ok{border-color:#19c37d47}.statusLine.warn{border-color:#f59e0b4d}.statusLine.muted{border-color:var(--line-soft)}.successBox,.infoBox{border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:10px;padding:14px;background:color-mix(in srgb,var(--green) 11%,var(--surface));color:color-mix(in srgb,var(--green) 72%,var(--text));font-weight:720}.systemHeader{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding-bottom:6px}.systemHeader>.icon{color:var(--purple)}.systemHeader h2{margin-bottom:0;font-size:19px;font-weight:760}.statusIcon{display:grid;place-items:center;width:34px;height:34px;overflow:visible;border:1px solid var(--line-soft);border-radius:11px;color:var(--cyan);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.statusIcon .icon{display:block;width:17px;height:17px}.statusLine.warn .statusIcon{color:var(--orange)}.statusLine.ok .statusIcon{color:var(--green)}.statusLine.muted .statusIcon{color:var(--muted)}.statusCopy{display:grid!important;gap:3px;min-width:0}.statusCopy b{color:var(--text);font-size:11px;font-weight:780;letter-spacing:.025em;text-transform:none}.statusCopy small{color:var(--muted);font-size:10px;font-weight:620;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusLine strong{margin-top:0;max-width:108px;font-size:10px;line-height:1.25;font-weight:760;text-align:right;color:var(--text)}.statusLine.muted strong{color:var(--muted);font-size:10px;font-weight:720}.systemSummary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:4px;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:12px;padding:13px;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:color-mix(in srgb,var(--green) 72%,var(--text));font-size:12px;font-weight:620}.systemSummary.warn{border-color:color-mix(in srgb,var(--orange) 34%,var(--line));background:color-mix(in srgb,var(--orange) 9%,var(--surface));color:color-mix(in srgb,var(--orange) 72%,var(--text))}.systemSummary.muted{border-color:var(--line-soft);background:color-mix(in srgb,var(--surface-2) 76%,transparent);color:var(--text)}.systemSummary span{display:grid;gap:3px}.systemSummary strong{font-size:10px;line-height:1.3;font-weight:640;letter-spacing:0}.systemSummary small{color:var(--muted);font-size:9px;font-weight:560;line-height:1.35}.emptyState{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center;border:1px dashed #3a4860;border-radius:8px;background:#0d1420d9}.onboardingPanel{display:grid;gap:0;padding:18px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,transparent),transparent 45%),color-mix(in srgb,var(--surface) 96%,transparent)}.onboardingHero{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 28px;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line));border-radius:16px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--purple) 13%,transparent),transparent 52%),color-mix(in srgb,var(--surface-2) 72%,transparent)}.onboardingHero h2,.onboardingHero p{margin-bottom:0}.onboardingHero h2{font-size:24px;font-weight:780;letter-spacing:-.02em}.onboardingHero .eyebrow{color:var(--green)}.onboardingHero p{color:var(--muted);max-width:760px;line-height:1.6;font-size:14px}.onboardingMark{display:grid;place-items:center;width:72px;height:72px;border:0;color:var(--cyan);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 62%);font-weight:860;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--cyan) 32%,transparent))}.onboardingMark .icon{display:block;width:64px;height:64px}.accessState{min-height:440px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:34px;text-align:center;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-soft)}.accessIcon{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--orange) 44%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent);font-weight:900}.accessState p{max-width:560px;color:var(--muted);line-height:1.7}.emptyState p{max-width:560px;color:var(--muted)}.manageGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px}.tabBar{display:flex;gap:8px;overflow-x:auto;padding:6px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:none}.tabBar button{white-space:nowrap;background:transparent;color:var(--muted);box-shadow:none}.tabBar button.isActive{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 24%,transparent),color-mix(in srgb,var(--purple) 20%,transparent));color:#fff}.buttonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snapshotSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;color:var(--text);font-size:14px}.snapshotSummary span{border:1px solid var(--line-soft);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.notice{margin-bottom:16px;border:1px solid rgba(244,63,94,.45);border-radius:8px;padding:12px 14px;background:#f43f5e1c;color:#ff9caf}.formGrid{display:grid;gap:13px}.checkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.checkLine{display:flex;flex-direction:row;align-items:center}.checkLine input{width:auto}.code,.consoleOutput{border:1px solid #24334a;border-radius:8px;padding:14px;overflow:auto;background:#050913;color:#d7e7ff}.consoleOutput{min-height:360px;max-height:60vh;white-space:pre-wrap}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:11px;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:var(--text);background:var(--surface-2)}td{color:var(--muted)}tbody tr:hover td{background:color-mix(in srgb,var(--blue) 7%,transparent);color:var(--text)}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-2)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 14%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.auth,.installShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 30%),radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--purple) 10%,transparent),transparent 32%),var(--bg)}.authLoginPage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 105%,color-mix(in srgb,var(--purple) 22%,transparent),transparent 30%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 32%),linear-gradient(135deg,#0b0f1c,#080d18 52%,#07121b)}.authLoginPage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.26;background-image:linear-gradient(color-mix(in srgb,#fff 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#fff 5%,transparent) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);pointer-events:none}[data-theme=light] .authLoginPage{background:radial-gradient(circle at 18% 20%,rgba(124,108,255,.14),transparent 28%),radial-gradient(circle at 84% 76%,rgba(16,185,214,.18),transparent 30%),linear-gradient(135deg,#edf4fb,#f8fbff 48%,#e8f1fa)}[data-theme=light] .authLoginPage:before{opacity:.34;background-image:linear-gradient(rgba(102,112,133,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,112,133,.08) 1px,transparent 1px)}.authThemeButton{position:absolute;z-index:2;top:26px;right:26px;width:42px;height:42px;display:grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid var(--line-soft);border-radius:50%;box-shadow:0 14px 32px #00000029}.authCardFrame{position:relative;z-index:1;width:min(540px,100%);padding:1px;border-radius:22px;background:linear-gradient(145deg,#7c6cffa8,#1eadd947 46%,#ffffff2e);box-shadow:0 36px 100px #0000006b}.authCardFrame:before{content:"";position:absolute;z-index:-1;top:16%;right:10%;bottom:-8%;left:10%;background:#6d5cff3d;border-radius:32px;filter:blur(44px)}[data-theme=light] .authCardFrame{box-shadow:0 36px 90px #4051892e}.authLoginCard{width:100%;padding:46px 48px 36px;display:flex;flex-direction:column;color:var(--text);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid rgba(255,255,255,.12);border-radius:21px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}[data-theme=light] .authLoginCard{background:#ffffffd6;border-color:#ffffffc7;box-shadow:inset 0 1px #fffffff2}.authLoginCard:before{content:"";position:absolute;top:0;left:14%;right:14%;height:3px;background:linear-gradient(90deg,transparent,#6e5eff 25%,#24b7e8 74%,transparent);border-radius:0 0 10px 10px;box-shadow:0 0 18px #6758ff73}.authHead{margin-bottom:24px}.authHead h1{margin:0 0 8px;color:var(--text);font-size:clamp(28px,3vw,32px);font-weight:820;letter-spacing:-.035em;line-height:1.1}.authHead p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.authFields{display:grid;gap:15px}.authField{margin:0;display:grid;gap:7px}.authFieldLabel{color:var(--text);font-size:11px;font-weight:760}.authInputWrap{position:relative;display:block}.authInputWrap .icon{position:absolute;left:15px;top:50%;color:var(--muted);transform:translateY(-50%);pointer-events:none}.authInputWrap:focus-within .icon{color:var(--purple)}.authInputWrap input{width:100%;height:50px;padding:11px 14px 11px 46px;color:var(--text);background:color-mix(in srgb,var(--surface-2) 82%,transparent);border:1px solid var(--line-soft);border-radius:11px;box-shadow:inset 0 1px #ffffff14;font-size:13px;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}[data-theme=light] .authInputWrap input{background:#f5f7fb;box-shadow:inset 0 1px #fffffff2}.authInputWrap input:hover,.authInputWrap input:focus{background:color-mix(in srgb,var(--surface-2) 92%,transparent);border-color:color-mix(in srgb,var(--purple) 56%,var(--line-soft));box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 12%,transparent)}.authInputWrap input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.authOptions{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.authOptions label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700}.authOptions input{width:18px;height:18px;accent-color:var(--purple)}.authOptions button,.authBackButton{padding:0;color:var(--purple);background:transparent;border:0;box-shadow:none;font-size:11px;font-weight:760}.authNotice{margin-top:15px;border:1px solid var(--line-soft);border-radius:11px;padding:13px 14px;font-size:12px;font-weight:720;line-height:1.5}.authNotice.success{border-color:color-mix(in srgb,var(--green) 42%,transparent);color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.authNotice.warning{border-color:color-mix(in srgb,var(--orange) 42%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.authNotice.error{border-color:color-mix(in srgb,var(--red) 42%,transparent);color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.authActions{margin-top:27px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.authActions.single{grid-template-columns:1fr}.authButton{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:12px;font-weight:780}.authButton.secondary{color:var(--text);background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:1px solid var(--line-soft);box-shadow:none}.authButton.primary{color:#fff;background:linear-gradient(135deg,#4f8cff,#7c5cff);border:1px solid transparent;box-shadow:0 16px 32px #7c5cff4d}.authButton:disabled{opacity:.72;cursor:progress}.authBackButton{width:fit-content;margin:18px auto 0}.authAssurance{margin-top:22px;padding-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);border-top:1px solid var(--line-soft);font-size:10px;line-height:1.4;text-align:center}.authAssurance .icon{color:var(--green)}.authVersion{margin:12px 0 0;color:var(--muted);font-size:9px;letter-spacing:.05em;text-align:center}.installLayout{width:min(1120px,100%);display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.installAside{border:1px solid var(--line-soft);border-radius:14px;padding:22px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.installSteps{display:grid;gap:8px;margin-top:18px}.installSteps button{background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:1px solid var(--line-soft);color:var(--muted);text-align:left;box-shadow:none}.installSteps button.isActive{border-color:var(--blue);color:var(--text);background:color-mix(in srgb,var(--blue) 14%,var(--surface-2))}.installCard{min-height:520px;padding:26px}.installCard.compact{min-height:auto;width:min(560px,100%)}.installBadge{width:fit-content;border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);border-radius:999px;padding:6px 10px;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,transparent);font-size:12px;font-weight:780}.installActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.checkCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkCard span{display:block;color:var(--muted);font-size:12px;font-weight:760}.checkCard strong{display:block;margin-top:8px}.muted{color:var(--muted)}@media(max-width:1200px){.manageHero{grid-template-columns:1fr}}@media(max-width:860px){.sectionHeader,.heroBand{align-items:flex-start;flex-direction:column}.createStrip,.manageGrid,.installLayout,.auth,.modalTabs,.modalGrid2{grid-template-columns:1fr}.modalHeader,.modalFooter{align-items:stretch;flex-direction:column}.checkCards{grid-template-columns:1fr}}@layer layout{html{overflow-x:clip;scrollbar-gutter:stable}body,#root{max-width:100%;overflow-x:clip}.appShell{display:grid;width:100%;min-height:100vh;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr)}.appSidebar{position:sticky;top:0;width:var(--shell-sidebar-width);height:100vh;min-width:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.navGroups{min-height:0;overflow:auto}.appWorkspace{min-width:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.appWorkspace>.notice,.appWorkspace>.stack,.appWorkspace>.notificationsPage,.appWorkspace>.accessState{width:100%;max-width:var(--shell-content-max-width);min-width:0;margin-inline:auto;padding-inline:var(--shell-content-padding-x);box-sizing:border-box}.appWorkspace>.stack,.appWorkspace>.notificationsPage,.appWorkspace>.accessState{flex:1 1 auto;padding-top:var(--shell-content-padding-top);padding-bottom:var(--shell-content-padding-bottom)}.appWorkspace>.notice{margin-top:var(--shell-content-padding-top);margin-bottom:calc(var(--shell-content-padding-top) * -.5)}.stack,.productHome,.panel,.contentSplit,.serviceListPanel,.systemPanel,.heroBand,.manageHero,.onboardingPanel,.onboardingHero,.kpiGrid,.serverCards{min-width:0;max-width:100%}.stack{gap:var(--shell-canvas-gap)}.productHome{width:100%;max-width:var(--shell-content-max-width);margin-inline:auto}.kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.contentSplit{grid-template-columns:minmax(0,1fr) var(--shell-aside-width);gap:18px;align-items:start}.systemPanel{position:sticky;top:calc(var(--shell-header-height) + 18px)}.serverCard{grid-template-columns:minmax(225px,.92fr) minmax(330px,1.45fr) auto;grid-template-areas:"identity stats actions" "identity resources actions";gap:10px 14px;align-items:stretch}.serverIdentity{grid-area:identity}.serverStats{grid-area:stats}.resourceGrid{grid-area:resources}.serverActions{grid-area:actions;min-width:260px;padding-left:14px;border-left:1px solid var(--line-soft)}.serverToolbar{grid-template-columns:minmax(220px,1fr) 172px 172px}@media(max-width:1450px){.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.contentSplit{grid-template-columns:minmax(0,1fr) var(--shell-aside-width-md)}.serverCard{grid-template-columns:minmax(205px,.85fr) minmax(300px,1.3fr) 160px}.serverActions{min-width:160px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.contentSplit{grid-template-columns:1fr}.systemPanel{position:static;top:auto}}@media(max-width:991px){.appShell{grid-template-columns:1fr}.appSidebar{position:static;width:100%;height:auto}.appWorkspace>.notice,.appWorkspace>.stack,.appWorkspace>.accessState{padding-inline:22px}}@media(max-width:920px){.serverToolbar{align-items:flex-start;grid-template-columns:1fr}.serverCard{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity actions" "stats stats" "resources resources"}.serverActions{min-width:0;display:grid;grid-template-columns:repeat(2,auto);justify-content:end;padding-left:0;border-left:0}}@media(max-width:767px){.appWorkspace>.notice,.appWorkspace>.stack,.appWorkspace>.accessState{padding-inline:14px}.appWorkspace>.stack,.appWorkspace>.accessState{padding-top:20px;padding-bottom:28px}}@media(max-width:640px){.kpiGrid{grid-template-columns:1fr;gap:10px}.serverCard{grid-template-columns:1fr;grid-template-areas:"identity" "stats" "resources" "actions";padding:13px}.serverActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.panel{padding:14px}.heroBand{padding:16px;min-height:0}.heroIcon{width:52px;height:52px}.onboardingHero{padding:18px 16px}.onboardingMark{width:56px;height:56px}}}
