:root{color-scheme:light;font-family:Inter,Arial,sans-serif;--cabinet-canvas: #f6f8fb;--cabinet-surface: #ffffff;--cabinet-surface-muted: #f9fbff;--cabinet-border: #dbe3ef;--cabinet-border-strong: #c8d3e3;--cabinet-divider: #eef2f7;--cabinet-text-primary: #122033;--cabinet-text-muted: #53657d;--cabinet-header-bg: #1265B8;--cabinet-accent: #0a56db;--cabinet-accent-soft: #e7f0ff;--cabinet-focus-ring: rgba(10, 86, 219, .18);--cabinet-button-secondary-bg: #ffffff;--cabinet-button-secondary-text: #122033;--cabinet-button-secondary-border: #c8d3e3;--cabinet-button-secondary-hover-bg: #f5f8fd;--cabinet-input-bg: #ffffff;--cabinet-shadow: 0 8px 30px rgba(18, 32, 51, .05);--cabinet-status-error: #b42318;--cabinet-status-success: #027a48;--cabinet-status-info: #53657d;--cabinet-status-warning: #b54708}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--cabinet-canvas: #1e1e1e;--cabinet-surface: #252526;--cabinet-surface-muted: #2d2d30;--cabinet-border: #3f3f46;--cabinet-border-strong: #52525b;--cabinet-divider: #3a3a40;--cabinet-text-primary: #ffffff;--cabinet-text-muted: #d4d4d8;--cabinet-header-bg: #1265B8;--cabinet-accent: #4ea1ff;--cabinet-accent-soft: rgba(78, 161, 255, .16);--cabinet-focus-ring: rgba(78, 161, 255, .24);--cabinet-button-secondary-bg: #2d2d30;--cabinet-button-secondary-text: #ffffff;--cabinet-button-secondary-border: #52525b;--cabinet-button-secondary-hover-bg: #36363a;--cabinet-input-bg: #18181b;--cabinet-shadow: 0 18px 42px -28px rgba(0, 0, 0, .72);--cabinet-status-error: #fca5a5;--cabinet-status-success: #86efac;--cabinet-status-info: #d4d4d8;--cabinet-status-warning: #fcd34d}}body{margin:0;min-height:100vh;background:var(--cabinet-canvas);color:var(--cabinet-text-primary);width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;visibility:var(--body-visibility, hidden);transition:background-color .18s ease,color .18s ease,border-color .18s ease}main{max-width:1160px;margin:0 auto;padding-top:14px;padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}h1,h2,h3,p{margin:0}.hero,.gridCard,.panel,.surfaceCard,.sectionCardLink{background:var(--cabinet-surface);border:1px solid var(--cabinet-border);border-radius:18px;box-shadow:var(--cabinet-shadow)}.hero{padding:18px;margin-bottom:0}.cabinetAppShell{display:grid;gap:14px}.cabinetHeader{background:var(--cabinet-header-bg);border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:var(--cabinet-shadow)}.cabinetHeaderInner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px}.cabinetHeaderBrand{display:inline-flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.cabinetHeaderLogo{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;padding:5px}.cabinetHeaderName{color:#fff;font-size:clamp(18px,3.2vw,24px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.cabinetHeaderActions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.headerIconAction{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:0}.headerIconAction:hover{background:#fff3;border-color:#ffffff6b}.headerIconAction svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.headerIconAction svg.fillIcon{fill:currentColor;stroke:none}.cabinetTopbar{display:grid;gap:16px;align-items:center}.cabinetBrandBlock{min-width:0}.cabinetBrandRow{display:flex;align-items:center;gap:14px;margin-top:10px}.cabinetBrandLogo{width:52px;height:52px;flex-shrink:0;object-fit:contain;padding:7px;border-radius:14px;border:1px solid var(--cabinet-border);background:var(--cabinet-surface-muted)}.cabinetBrandCopy{min-width:0}.cabinetBrandCopy .cabinetTopbarTitle{margin-top:0}.cabinetTopbarEyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cabinet-text-muted)}.cabinetTopbarTitle{margin-top:4px;font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.03em}.cabinetTopbarMeta{margin-top:4px;color:var(--cabinet-text-muted);line-height:1.4}.cabinetTopbarActions{display:flex;flex-wrap:wrap;gap:12px}[data-cabinet-root]:not([data-ready]) .heroStrip,[data-cabinet-root]:not([data-ready]) .dashboardSquareGrid{visibility:hidden}.heroStrip{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px 18px}.heroStripLeft{flex:1 1 200px;min-width:0;display:grid;gap:4px}.heroStripMeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:2px}.heroStripTitle{font-size:clamp(20px,3vw,26px);font-weight:700;letter-spacing:-.02em;margin:0}.heroStripSummary{font-size:14px;line-height:1.4;margin:0}.heroStripRight{flex:0 0 auto;display:grid;gap:8px;min-width:0}.dashboardIdentity{font-size:13px;color:var(--cabinet-text-muted);line-height:1.4}.cabinetHeroSummary{display:flex;gap:10px;flex-wrap:wrap}.surfaceCard{padding:10px 14px;min-width:100px}.summaryCardLabel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cabinet-text-muted)}.summaryCardValue{margin-top:4px;font-size:14px;font-weight:600;line-height:1.3;color:var(--cabinet-text-primary)}.heroActionCard{padding:18px;border-radius:16px;background:linear-gradient(135deg,var(--cabinet-accent-soft),rgba(255,255,255,0));border:1px solid var(--cabinet-border)}.heroActionLabel{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cabinet-text-muted)}.heroNextStep{margin-top:8px;font-size:clamp(18px,2.8vw,24px);font-weight:700;line-height:1.3}.sectionHeader{display:grid;gap:8px;margin-bottom:16px}.sectionHeaderTitle{font-size:20px;font-weight:700;letter-spacing:-.02em}.sectionCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sectionCardLink{display:block;padding:18px;color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.sectionCardLink:hover{transform:translateY(-1px);border-color:var(--cabinet-accent)}.sectionCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectionCardArrow{color:var(--cabinet-text-muted);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.detailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}.dashboardSquareGrid{display:grid;grid-template-columns:1fr;gap:14px}.dashboardSquareCard{min-height:320px}.gridCard{padding:18px}.panel{padding:18px;scroll-margin-top:24px}.stack>*+*{margin-top:10px}.muted{color:var(--cabinet-text-muted)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--cabinet-accent-soft);color:var(--cabinet-accent);font-size:12px;font-weight:600}.statusPill{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--cabinet-accent-soft);color:var(--cabinet-accent);font-size:13px;font-weight:700}.statusPill:before{content:"";width:8px;height:8px;border-radius:999px;background:#9ca3af}.statusPill[data-presence=online]:before{background:#16a34a}.statusPill[data-presence=offline]:before{background:#dc2626}.field{display:flex;flex-direction:column;gap:8px}.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.fieldLabel{font-size:14px;font-weight:600}.input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--cabinet-border-strong);border-radius:12px;background:var(--cabinet-input-bg);color:var(--cabinet-text-primary);font:inherit}.input::placeholder{color:var(--cabinet-text-muted)}.input:focus{outline:2px solid var(--cabinet-focus-ring);border-color:var(--cabinet-accent)}.inputTextArea{min-height:144px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button,.buttonSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}.button{background:var(--cabinet-accent);color:#fff}.buttonSecondary{background:var(--cabinet-button-secondary-bg);color:var(--cabinet-button-secondary-text);border-color:var(--cabinet-button-secondary-border)}.button:hover{filter:brightness(1.06)}.buttonSecondary:hover{background:var(--cabinet-button-secondary-hover-bg);border-color:var(--cabinet-accent);color:var(--cabinet-accent)}.button:disabled{opacity:.7;cursor:wait}.buttonSecondary:disabled{opacity:.6;cursor:not-allowed}.statusText{min-height:20px;font-size:14px}.statusText[data-state=error]{color:var(--cabinet-status-error)}.statusText[data-state=success]{color:var(--cabinet-status-success)}.statusText[data-state=info]{color:var(--cabinet-status-info)}.panelNotice{padding:16px 18px;border-radius:16px;border:1px solid var(--cabinet-border);background:var(--cabinet-surface-muted)}.panelNoticeTitle{font-weight:700}.panelNoticeBody{margin-top:6px;color:var(--cabinet-text-muted);line-height:1.6}.panelNotice[data-tone=warning]{border-color:#b547082e;background:#fff4e5cc}.panelNotice[data-tone=warning] .panelNoticeTitle{color:var(--cabinet-status-warning)}.panelNotice[data-tone=success]{border-color:#027a482e;background:#ecfdf3e6}.panelNotice[data-tone=success] .panelNoticeTitle{color:var(--cabinet-status-success)}@media(prefers-color-scheme:dark){.panelNotice[data-tone=warning]{background:#b547081f}.panelNotice[data-tone=success]{background:#027a4824}}.keyValueList{display:grid;gap:12px}.keyValueRow{padding-top:12px;border-top:1px solid var(--cabinet-divider)}.keyValueRow:first-child{padding-top:0;border-top:0}.keyValueLabel{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cabinet-text-muted);margin-bottom:4px}.keyValueValue{line-height:1.5;word-break:break-word}.keyValueValueGroup{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.keyValueValueGroup>.keyValueValue,.keyValueValueGroup>.inlineValueLink{flex:1 1 220px;min-width:0}.inlineValueLink{display:inline-block;word-break:break-word}.summaryCardValue .inlineValueLink{color:inherit;text-decoration:none}.summaryCardValue .inlineValueLink:hover,.keyValueValueGroup .inlineValueLink:hover,.keyValueList .inlineValueLink:hover{text-decoration:underline}.inlineActionButton{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--cabinet-button-secondary-border);background:var(--cabinet-button-secondary-bg);color:var(--cabinet-button-secondary-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.inlineActionButton:hover{background:var(--cabinet-button-secondary-hover-bg);border-color:var(--cabinet-accent);color:var(--cabinet-accent)}.inlineActionButton:disabled{opacity:.75;cursor:default}.infoCardList{display:grid;gap:10px}.infoCard{padding:12px 14px;border:1px solid var(--cabinet-border);border-radius:14px;background:var(--cabinet-surface-muted)}.infoCardTitle{font-weight:600}.infoCardMeta{margin-top:6px;color:var(--cabinet-text-muted);line-height:1.5;word-break:break-word}.infoCard .actions{margin-top:12px}.infoCard .button,.infoCard .buttonSecondary{min-height:38px;padding:0 14px}.divider{height:1px;background:var(--cabinet-divider)}.sectionLabel{font-size:13px;font-weight:700;color:var(--cabinet-text-primary)}.accessMembersScroller{max-height:286px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--cabinet-border-strong) transparent}.accessMembersScroller::-webkit-scrollbar{width:6px}.accessMembersScroller::-webkit-scrollbar-thumb{border-radius:999px;background:var(--cabinet-border-strong)}.accessMembersScroller::-webkit-scrollbar-track{background:transparent}.accessMemberList{display:grid}.accessMemberRow{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:40px;padding:8px 0;border-top:1px solid var(--cabinet-divider)}.accessMemberRow:first-child{border-top:0}.accessMemberRow.isBlocked{opacity:.78}.accessMemberDate,.accessMemberDevices{font-size:13px;color:var(--cabinet-text-muted)}.accessMemberUsername{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accessMemberActions{display:inline-flex;align-items:center;gap:6px}.memberIconButton{width:30px;height:30px;border-radius:9px;border:1px solid var(--cabinet-button-secondary-border);background:var(--cabinet-button-secondary-bg);color:var(--cabinet-button-secondary-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.memberIconButton:hover{background:var(--cabinet-button-secondary-hover-bg);border-color:var(--cabinet-accent);color:var(--cabinet-accent)}.memberIconButton:disabled{opacity:.65;cursor:not-allowed}.subscriptionInlineGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subscriptionInlineItem{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:var(--cabinet-surface-muted);border:1px solid var(--cabinet-divider)}.subscriptionInlineLabel{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cabinet-text-muted)}.subscriptionInlineValue{font-size:14px;font-weight:600;color:var(--cabinet-text-primary);line-height:1.3}.summaryCardWithAction{padding:10px 14px;min-width:100px}.summaryCardRow{display:flex;align-items:center;gap:6px;margin-top:4px}.summaryCardRow .summaryCardValue{margin-top:0;flex:1 1 0;min-width:0}.summaryCardEditBtn{flex-shrink:0;width:24px;height:24px;border-radius:7px;border:1px solid var(--cabinet-border);background:transparent;color:var(--cabinet-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .14s ease,border-color .14s ease,background .14s ease}.summaryCardEditBtn:hover{color:var(--cabinet-accent);border-color:var(--cabinet-accent);background:var(--cabinet-accent-soft)}.summaryCardEditBtn svg{width:12px;height:12px}.passwordPopupOverlay{position:fixed;inset:0;background:#0000006b;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.passwordPopupOverlay[hidden]{display:none}.passwordPopup{background:var(--cabinet-surface);border:1px solid var(--cabinet-border);border-radius:18px;box-shadow:var(--cabinet-shadow);padding:24px;width:100%;max-width:420px;display:grid;gap:14px}.passwordPopupTitle{font-size:18px;font-weight:700;margin:0}.passwordPopupHint{font-size:14px;line-height:1.55;margin:0}.passwordPopupActions{display:flex;gap:10px;justify-content:flex-end}.activationSplash{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--cabinet-text-primary);color:var(--cabinet-surface);padding:12px 22px;border-radius:14px;font-size:15px;font-weight:600;max-width:calc(100vw - 24px);white-space:normal;overflow-wrap:anywhere;text-align:center;z-index:9999;box-shadow:0 8px 24px #00000038;animation:splashIn .18s ease}@keyframes splashIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.botFeatureList{display:grid;gap:8px}.botFeatureRow{padding:10px 12px;border:1px solid var(--cabinet-border);border-radius:12px;background:var(--cabinet-surface-muted)}.botFeatureTitle{font-size:14px;font-weight:600}.botFeatureText{margin-top:4px;color:var(--cabinet-text-muted);line-height:1.4}a{color:var(--cabinet-accent)}@media(min-width:900px){.cabinetTopbar{grid-template-columns:minmax(0,1fr) auto}.dashboardSquareGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.subscriptionInlineGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:899px){.subscriptionInlineGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.cabinetHeaderInner{gap:10px}.cabinetHeaderName{white-space:normal;overflow-wrap:anywhere;line-height:1.15}.cabinetHeroSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.heroStripRight{width:100%}.dashboardSquareCard{min-height:0}.dashboardSquareGrid>#cabinet-apps{order:1}.dashboardSquareGrid>#cabinet-access{order:2}.dashboardSquareGrid>#cabinet-billing{order:3}.cabinetHeroSummary>.surfaceCard{min-width:0}.cabinetHeroSummary>.surfaceCard:last-child{grid-column:1 / -1}.summaryCardValue{overflow-wrap:anywhere}.accessMemberRow{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"date devices actions actions" "username username username username";align-items:start}.accessMemberDate{grid-area:date}.accessMemberDevices{grid-area:devices}.accessMemberUsername{grid-area:username;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.accessMemberActions{grid-area:actions;justify-self:end}.accessMembersScroller{max-height:none;padding-right:0}}@media(max-width:430px){main{padding-top:12px;padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(22px + env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.cabinetHeaderInner{padding:10px 12px;gap:8px}.cabinetHeaderLogo,.headerIconAction{width:38px;height:38px}.cabinetHeaderName{font-size:clamp(15px,4.5vw,18px);letter-spacing:.05em}.hero,.panel,.gridCard{padding:14px}.cabinetHeroSummary{gap:8px}.cabinetHeroSummary>.surfaceCard,.summaryCardWithAction{padding:9px 10px}.summaryCardLabel{font-size:10px;letter-spacing:.04em}.summaryCardValue{font-size:13px}.accessMemberRow{gap:8px;row-gap:6px;padding:10px 0}.accessMemberDate,.accessMemberDevices{font-size:12px}.memberIconButton{width:28px;height:28px;border-radius:8px;font-size:12px}.button,.buttonSecondary{min-height:40px;padding:0 12px;font-size:14px;line-height:1.2}}@media(max-width:360px){.cabinetHeaderName{font-size:clamp(14px,4.2vw,16px);letter-spacing:.04em}.summaryCardLabel{letter-spacing:.03em}.summaryCardValue{font-size:12px;line-height:1.25}}