.primaryAction,.secondaryAction{white-space:nowrap;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.primaryAction{color:var(--on-accent);background:var(--accent);box-shadow:0 12px 26px color-mix(in srgb, var(--accent) 18%, transparent);border:0}.secondaryAction{border:1px solid var(--outline-variant);color:var(--accent-text);background:0 0}.primaryAction:hover,.secondaryAction:hover{transform:translateY(-1px)}.primaryAction.small,.secondaryAction.small{border-radius:999px;min-height:34px;padding:0 14px;font-size:.8rem}.secondaryAction.subtle{border-color:color-mix(in srgb, var(--outline-variant) 30%, transparent);color:var(--text-variant)}.secondaryAction.subtle:hover{border-color:var(--accent);color:var(--accent-text);background:color-mix(in srgb, var(--accent) 6%, transparent)}.dangerTextButton{border:1px solid color-mix(in srgb, var(--error) 30%, transparent);min-height:34px;color:var(--error);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.8rem;font-weight:800;transition:all .16s;display:inline-flex}.dangerTextButton:hover{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, transparent);transform:translateY(-1px)}@media (width<=640px){.secondaryAction,.primaryAction{justify-content:center;width:100%}}.landingPage{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-container) 12%, transparent) 0%, transparent 60%), var(--background);min-height:100vh;transition:background .3s;overflow-x:hidden}.landingHeader,.landingMain{width:min(100% - 32px,1280px);margin:0 auto}.landingHeader{z-index:30;border-radius:0 0 var(--radius-panel) var(--radius-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f9fbe0;border:1px solid #191c1e0d;justify-content:space-between;align-items:center;gap:18px;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #191c1e0a}html[data-theme=dark] .landingHeader{background:#1a1c20e0;border-color:#37393ebd;box-shadow:0 8px 28px #0000004d}.landingMain{padding-bottom:72px}.landingBrand{color:var(--accent-text);background:0 0;border:0;flex:none;align-items:center;gap:12px;font-weight:800;display:inline-flex}.appIcon{width:34px;height:34px;color:var(--on-accent);background:var(--accent);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.landingNav{min-width:0;color:var(--text-variant);align-items:center;gap:30px;font-size:.95rem;font-weight:700;display:flex}.landingNav a{text-decoration:none}.landingNav a:hover{color:var(--accent-text)}@media (width<=1080px){.landingHeader{border-radius:0;width:100%}.landingNav{display:none}}@media (width<=640px){.landingHeader{padding:0 14px}.landingBrand strong{display:none}}@media (width<=720px){.landingMain{width:100%;max-width:100vw;padding-left:16px;padding-right:16px}.landingHeader{border-radius:0;width:100vw;max-width:100vw;height:62px;margin:0;padding:0 16px}}.cardHeader button{color:var(--text-variant);background:0 0;border:0;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s}.pageHeader h1{letter-spacing:-.01em;margin:8px 0 0;font-size:2.2rem;line-height:1.18}.glassPanel,.portalCard{border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #191c1e0d}html[data-theme=dark] .glassPanel,html[data-theme=dark] .portalCard{background:#1a1c20d1;border-color:#37393ebd}.previewHeader,.cardHeader,.deviceTitleRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.previewHeader h3,.cardHeader h2{margin:0;font-size:1.18rem}.previewHeader p,.cardHeader p,.pageHeader p,.deviceBody p,.deviceBody small{color:var(--text-variant);margin:0;line-height:1.55}.requiredPill,.warningPill{min-height:24px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 10%, transparent);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-size:.7rem;font-weight:800;display:inline-flex}.warningPill{color:var(--terminal-accent);background:color-mix(in srgb, var(--terminal-accent) 18%, transparent)}.pageHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pageHeader h1{margin:0 0 6px}.portalCard{padding:20px}.cardHeader{margin-bottom:16px}.cardHeader button{min-height:36px;color:var(--accent-text);border-radius:8px;padding:0 10px;font-weight:800}@media (width<=820px){.pageHeader,.cardHeader{flex-direction:column;align-items:stretch}}@media (width<=640px){.previewHeader{flex-direction:column;align-items:flex-start}}.symbolIcon{vertical-align:middle;justify-content:center;align-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:800;line-height:1;display:inline-flex}.authControls{justify-items:center;gap:8px;display:inline-grid}.authControls.compact{flex-wrap:nowrap;align-items:center;display:inline-flex}.authButtonRow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.authControls span{color:var(--text-variant);font-size:.78rem;font-weight:800}.authLegalConsent{max-width:360px;color:var(--text-variant);text-align:left;align-items:flex-start;gap:8px;font-size:.78rem;font-weight:800;line-height:1.4;display:inline-flex}.authLegalConsent input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:1px 0 0}.authLegalNotice{max-width:360px;color:var(--text-variant);text-align:center;margin:0;font-size:.72rem;font-weight:700;line-height:1.45}.authLegalNotice a{color:var(--accent-text);font-weight:900;text-decoration:none}.authControls button:disabled{cursor:not-allowed;opacity:.46;transform:none}@media (width<=640px){.authControls{justify-content:center;width:100%}}.protectedPage{min-height:100vh}.protectedHeader{justify-content:space-between;align-items:center;width:min(100% - 32px,1280px);height:64px;margin:0 auto;padding:0 24px;display:flex}.protectedMain{place-items:center;min-height:calc(100vh - 64px);padding:32px 16px 80px;display:grid}.protectedPanel{text-align:center;justify-items:center;width:min(100%,480px);padding:34px;display:grid}.protectedIcon{width:48px;height:48px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.protectedPanel h1{margin:0 0 8px;font-size:2rem}.protectedPanel p{max-width:340px;color:var(--text-variant);margin:0 0 24px;line-height:1.45}.protectedActions{justify-items:center;gap:12px;width:100%;display:grid}.sideNav{z-index:40;width:var(--sidebar-width);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f9fbdb;border-right:1px solid #191c1e0f;flex-direction:column;padding:32px 16px;display:flex;position:fixed;inset:0 auto 0 0}html[data-theme=dark] .sideNav{background:#111317e6;border-right-color:#37393ebd}.sideBrand{width:100%;color:var(--accent-text);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px 28px;font-weight:800;display:inline-flex}.brandGlyph{width:34px;height:34px;color:var(--on-accent);background:var(--accent);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.sideBrand small,.sideProfile small{color:#3b4a47ad;text-transform:uppercase;margin-top:2px;font-size:.7rem;font-weight:800;display:block}html[data-theme=dark] .sideBrand small,html[data-theme=dark] .sideProfile small{color:#b9c0c4bd}.sideNavItems{gap:6px;display:grid}.sideNavGroupLabel{color:var(--muted);margin:14px 14px 4px;font-size:.72rem;font-weight:850}.sideNavItem{border-radius:0 var(--radius-card) var(--radius-card) 0;min-height:48px;color:var(--text-variant);text-align:left;background:0 0;border:0;border-left:4px solid #0000;align-items:center;gap:12px;padding:0 14px;font-weight:800;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s;display:flex}.sideNavItem:hover{transform:translateY(-1px)}.sideNavItem.active{border-left-color:var(--accent-text);color:var(--accent-text);background:color-mix(in srgb, var(--accent) 7%, transparent)}html[data-theme=dark] .sideNavItem.active{background:#00ffc21f}.sideLegalLinks{flex-wrap:wrap;gap:8px 12px;margin-top:18px;padding:0 14px;display:flex}.sideLegalLinks a{color:var(--text-variant);font-size:.72rem;font-weight:850;text-decoration:none}.sideLegalLinks a:hover{color:var(--accent-text)}.sideProfile{color:var(--text-variant);align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}@media (width<=820px){.sideNav{width:100%;min-height:auto;padding:14px 16px;position:sticky;inset:0 0 auto}.sideBrand{padding:0 0 12px}.sideNavItems{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.sideNavItems::-webkit-scrollbar{display:none}.sideNavItem{border-radius:var(--radius-card);border-bottom:3px solid #0000;border-left-color:#0000;flex:none;justify-content:center;min-width:128px}.sideNavGroupLabel{display:none}.sideNavItem.active{border-left-color:#0000;border-bottom-color:var(--accent-text)}.sideLegalLinks{margin-top:12px;padding:0}.sideProfile{display:none}}.topBar{top:0;right:0;left:var(--sidebar-width);z-index:35;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f9fbd1;border-bottom:1px solid #191c1e0f;justify-content:space-between;align-items:center;min-height:64px;padding:0 40px;display:flex;position:fixed}html[data-theme=dark] .topBar{background:#111317db;border-bottom-color:#37393ebd}.topStatus{color:var(--text-variant);align-items:center;gap:12px;font-size:.8rem;display:flex}.topStatus strong{color:var(--accent-text)}.statusDot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;position:relative}html[data-theme=dark] .statusDot{box-shadow:0 0 0 6px #00ffc229}.topActions{align-items:center;gap:12px;display:flex}.topActions button{width:40px;height:40px;color:var(--text-variant);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.topActions button:hover{transform:translateY(-1px)}.topActions .authControls{justify-content:flex-end}.topActions .authControls button{width:auto;padding:0 14px}.avatarBadge{color:#fff;background:var(--accent);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:inline-flex;overflow:hidden}.avatarBadge.hasImage{background:var(--surface-low)}.avatarBadge img{object-fit:cover;width:100%;height:100%}@media (width<=820px){.topBar{min-height:auto;padding:12px 16px;position:sticky;top:0;left:0}}@media (width<=640px){.topStatus span:last-child{display:none}}.appChrome{background:var(--surface);min-height:100vh}.workspace{margin-left:var(--sidebar-width);min-width:0;padding:104px 40px 48px;overflow-x:hidden}@media (width<=820px){.workspace{margin-left:0;padding:24px 16px 40px}}.portalSkeleton,.portalSkeletonLine,.portalSkeletonCircle{background:linear-gradient(90deg, color-mix(in srgb, var(--outline-variant) 16%, transparent), color-mix(in srgb, var(--outline-variant) 7%, transparent), color-mix(in srgb, var(--outline-variant) 16%, transparent));background-size:220% 100%;animation:1.35s ease-in-out infinite portalSkeletonPulse;position:relative;overflow:hidden}.portalSkeleton{border-radius:10px}.portalSkeletonLine{border-radius:999px;width:100%;height:12px;display:block}.portalSkeletonCircle{border-radius:999px;flex:none;width:42px;height:42px}.portalSkeletonText{gap:8px;width:100%;display:grid}.portalSkeletonRows{gap:10px;display:grid}.portalSkeletonRow{align-items:center;gap:12px;min-width:0;display:flex}.portalVisuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portalSkeletonPulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.portalSkeleton,.portalSkeletonLine,.portalSkeletonCircle{animation:none}}.connectDeviceWrap{place-items:center;min-height:min(620px,100vh - 160px);display:grid}.connectDevicePanel{text-align:center;border:1px solid var(--outline-variant,#0000000f);background:var(--surface-container-lowest,#fff);width:min(100%,520px);box-shadow:var(--shadow-card);border-radius:16px;justify-items:center;gap:18px;padding:40px;transition:all .3s;display:grid}html[data-theme=dark] .connectDevicePanel{background:#1a1c20d1;border-color:#37393ebd}.connectDevicePanel h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.connectDevicePanel p{max-width:34rem;color:var(--text-variant);margin:0;font-size:.95rem;line-height:1.6}.connectDeviceIcon{width:72px;height:72px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 14%, var(--surface-container-low,#eceef0));border-radius:20px;place-items:center;transition:all .3s;display:inline-grid;box-shadow:0 8px 20px #006a6214}html[data-theme=dark] .connectDeviceIcon{background:color-mix(in srgb, var(--accent) 14%, #ffffff05);box-shadow:0 8px 20px #0003}.connectDeviceIcon.warning{color:var(--error,#ba1a1a);background:color-mix(in srgb, var(--error) 12%, var(--surface-container-low,#eceef0));box-shadow:0 8px 20px #ba1a1a14}html[data-theme=dark] .connectDeviceIcon.warning{background:color-mix(in srgb, var(--error) 18%, #ffffff05);box-shadow:0 8px 20px #0003}.connectDeviceIcon .symbolIcon{font-size:2.2rem}.connectDeviceIconSkeleton{border-radius:20px;width:72px;height:72px}.connectDeviceCopySkeleton{justify-items:center;gap:10px;width:100%;display:grid}.connectDeviceActions{flex-direction:column;gap:12px;width:100%;margin-top:10px;display:flex}.connectDeviceActions a,.connectDeviceActions button{border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:0 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.connectDeviceActionSkeleton{border-radius:8px;width:100%;height:48px}.connectDeviceActions .primaryAction{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);border:none}.connectDeviceActions .primaryAction:hover{background:color-mix(in srgb, var(--accent) 85%, black);transform:translateY(-1px)}.connectDeviceActions .secondaryAction{background:var(--surface-container-low,#eceef0);color:var(--text);border:1px solid var(--outline-variant,#bacac6)}.connectDeviceActions .secondaryAction:hover{background:var(--surface-container-high,#e0e3e5);transform:translateY(-1px)}.legalPage{background:var(--surface);min-height:100vh}.legalHeader{gap:16px}.legalNav{justify-content:center}.legalMain{width:min(100% - 32px,1280px);margin:0 auto;padding:72px 0 96px}.legalDocument{gap:28px;width:min(100%,860px);margin:0 auto;display:grid}.legalHero{border-bottom:1px solid #191c1e14;gap:12px;padding-bottom:28px;display:grid}html[data-theme=dark] .legalHero{border-bottom-color:#37393ebd}.legalHero span{color:var(--accent-text);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;font-weight:800}.legalHero h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.legalHero p{max-width:720px;color:var(--text-variant);margin:0;font-size:1rem;line-height:1.65}.legalHero small{color:var(--text-variant);font-weight:800}.legalSections{gap:24px;display:grid}.legalSection{gap:10px;display:grid}.legalSection h2{margin:0;font-size:1.18rem}.legalSection p{color:var(--text-variant);margin:0;font-size:.94rem;line-height:1.72}.legalActions{flex-wrap:wrap;gap:10px;padding-top:10px;display:flex}@media (width<=640px){.legalHeader .primaryAction.small{width:auto;padding:0 12px}}.memberDashboardStack{gap:20px;width:100%;display:grid}.memberSummaryGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.memberMetric{background:color-mix(in srgb, var(--surface-container-low) 40%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}html[data-theme=light] .memberMetric{background:#ffffff73}.memberMetric:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.memberMetric .symbolIcon{color:var(--accent);margin-bottom:8px;font-size:1.5rem}.memberMetric span{color:var(--text-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:700}.memberMetric strong{color:var(--text);letter-spacing:-.01em;margin-top:6px;font-size:1.55rem;font-weight:900}.memberMetricSkeleton{pointer-events:none}.memberMetricSkeleton:hover,.memberDashboardRowSkeleton:hover{box-shadow:none;transform:none}.memberMetricIconSkeleton{width:34px;height:34px;margin-bottom:8px}.memberMetricValueSkeleton{height:24px;margin-top:6px}.memberDashboardWorkspace.one-col-layout{flex-direction:column;gap:20px;width:100%;display:flex}.memberDashboardPanel{background:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 16%, transparent);border-radius:16px;gap:16px;width:100%;padding:24px;display:grid}html[data-theme=light] .memberDashboardPanel{background:#ffffffa6}.memberDashboardPanelHeader{border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);flex-direction:column;align-items:stretch;gap:16px;padding-bottom:18px;display:flex}.memberDashboardPanelHeader h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:850}.memberDashboardPanelHeader p{color:var(--text-variant);margin:6px 0 0;font-size:.84rem;line-height:1.4}.memberDashboardControls{align-items:center;gap:10px;width:100%;display:flex}.memberDashboardControls .adminInput{flex:1;min-width:120px}.memberDashboardControls .adminSelect{flex:0 0 160px;width:160px}.memberDashboardRows{gap:10px;display:grid}.memberDashboardPanelSkeleton{pointer-events:none}.memberDashboardInputSkeleton{border-radius:10px;flex:260px;height:44px}.memberDashboardSelectSkeleton{border-radius:10px;flex:0 0 160px;height:44px}.memberDashboardRow{border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);background:color-mix(in srgb, var(--surface-container-low) 20%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}html[data-theme=light] .memberDashboardRow{background:#ffffff59}.memberDashboardRow:hover{border-color:color-mix(in srgb, var(--outline-variant) 32%, transparent);box-shadow:0 4px 16px #0000000a}.memberDashboardRow.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 12%, transparent)}.memberDashboardRowSkeleton{cursor:default}.memberCheckboxSkeleton{border-radius:4px;flex:none;width:16px;height:16px}.memberSelectCheckbox{cursor:pointer;margin-right:8px}.memberDashboardIdentity{flex:280px;align-items:center;gap:14px;min-width:0;display:flex}.memberDashboardIdentity h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.98rem;font-weight:800}.memberDashboardIdentity p{color:var(--text-variant);text-transform:uppercase;margin:3px 0 0;font-size:.78rem;font-weight:700}.memberDashboardStats{flex:200px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;min-width:0;display:grid}.memberDashboardStats span{border:1px solid color-mix(in srgb, var(--outline-variant) 8%, transparent);background:var(--surface-container-low);overflow-wrap:break-word;border-radius:8px;min-width:0;padding:8px 12px}.memberDashboardStatSkeleton{border-radius:8px;height:58px}.memberDashboardStats strong{color:var(--text);overflow-wrap:anywhere;font-size:.9rem;font-weight:850;display:block}.memberBackupStatus{background:color-mix(in srgb, var(--surface-container) 82%, transparent);border-radius:999px;width:fit-content;max-width:100%;padding:3px 8px}.memberBackupStatus.backed_up{color:var(--success,#047857)}.memberBackupStatus.waiting_for_backup{color:var(--warning,#d97706)}.memberBackupStatus.no_device{color:var(--text-variant)}.memberDashboardStats small{color:var(--text-variant);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:.65rem;font-weight:800;display:block}.memberDashboardPagination{color:var(--text-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;font-size:.82rem;font-weight:600;display:flex}.memberDashboardSelectionHint{color:var(--text-variant);font-size:.76rem;font-weight:700}.memberSelectionPanel.horizontal-layout{background:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 16%, transparent);border-radius:16px;flex-direction:column;width:100%;padding:24px;display:flex}html[data-theme=light] .memberSelectionPanel.horizontal-layout{background:#ffffffa6}.panelHeaderRow{border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.panelHeaderRow h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:850}.clearBtn{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:.82rem;font-weight:800;transition:background .2s}.clearBtn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.memberDetailMainSplit{flex-wrap:wrap;align-items:center;gap:24px;width:100%;margin-bottom:24px;display:flex}.singleMemberDetailView .selectedMemberMeta{background:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 8%, transparent);border-radius:12px;flex:none;align-items:center;gap:14px;padding:12px 20px;display:flex}.singleMemberDetailView .selectedMemberMeta h4{color:var(--text);margin:0;font-size:1rem;font-weight:800}.singleMemberDetailView .selectedMemberMeta p{color:var(--text-variant);text-transform:uppercase;margin:3px 0 0;font-size:.76rem;font-weight:700}.memberMetricDetails.grid-layout{flex:1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;min-width:280px;display:grid}.memberMetricDetails.grid-layout .metricSubRow,.selectedMemberUsageGrid .metricSubRow{background:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 8%, transparent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;display:flex}.memberMetricDetails.grid-layout .metricSubRow span,.selectedMemberUsageGrid .metricSubRow span{color:var(--text-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:800}.memberMetricDetails.grid-layout .metricSubRow strong,.selectedMemberUsageGrid .metricSubRow strong{color:var(--text);font-size:1.05rem;font-weight:850}.selectedMemberUsagePanel{border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);background:color-mix(in srgb, var(--surface-container-low) 48%, transparent);border-radius:12px;gap:14px;padding:16px;display:grid}.selectedMemberUsagePanel.partial{border-color:color-mix(in srgb, var(--warning,#d97706) 40%, transparent)}.selectedMemberUsagePanel.locked{border-color:color-mix(in srgb, var(--warning,#d97706) 44%, transparent);background:color-mix(in srgb, var(--warning,#d97706) 5%, var(--surface-container-low))}.selectedMemberUsagePanel.error{border-color:#b4231866}.selectedMemberUsageHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.selectedMemberUsageHeader h4{color:var(--text);margin:0;font-size:.96rem;font-weight:850}.selectedMemberUsageHeader p{color:var(--text-variant);margin:4px 0 0;font-size:.8rem;line-height:1.45}.selectedMemberUsageGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.compareSubtext{color:var(--text-variant);margin:0 0 16px;font-size:.82rem;font-weight:600}.compareChartRows.horizontal{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;display:grid}.compareBarRow{background:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 8%, transparent);border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.compareLabels{justify-content:space-between;align-items:center;display:flex}.compareName{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.82rem;font-weight:750;overflow:hidden}.compareValue{color:var(--accent);font-size:.84rem;font-weight:800}.compareBarTrack{background:color-mix(in srgb, var(--surface-container-highest) 75%, transparent);border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.compareBarFill{width:var(--member-compare-width,0%);background:linear-gradient(90deg, var(--accent) 0%, var(--tertiary) 100%);border-radius:99px;height:100%;transition:width .5s}.compareMeta{color:var(--text-variant);font-size:.72rem;font-weight:650}@media (width<=1024px){.memberSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.memberSummaryGrid{grid-template-columns:1fr}.memberDashboardRow{flex-direction:column;align-items:stretch;gap:12px}.memberDashboardStats{grid-template-columns:1fr}.memberDashboardPanelHeader{gap:12px}.memberDashboardControls{flex-direction:column;align-items:stretch}.memberDashboardControls .adminSelect{flex:auto;width:100%}.memberDashboardSelectSkeleton{flex-basis:auto;width:100%}}.adminStack{gap:20px;width:100%;display:grid}.adminOverviewGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px;display:grid}.adminMetric{background:color-mix(in srgb, var(--surface-container-low) 40%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);text-align:left;border-radius:14px;min-width:0;padding:22px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000005}html[data-theme=light] .adminMetric{background:#ffffff73}.adminMetric:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.adminMetric strong{color:var(--text);letter-spacing:0;margin-top:10px;font-size:2.2rem;font-weight:900;line-height:1;display:block}.adminSection{background:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 16%, transparent);border-radius:16px;gap:20px;padding:28px;display:grid}html[data-theme=light] .adminSection{background:#ffffffa6}.adminSectionHeader{border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:16px;display:flex}.adminSectionHeader h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:850}.adminSectionHeader p,.adminEmptyText,.adminHelpText{color:var(--text-variant);margin:0;font-size:.88rem;line-height:1.6}.adminEmptyText{text-align:center;opacity:.8;padding:32px 0;font-weight:500}.adminInviteForm{align-items:center;gap:12px;margin-top:4px;display:flex}.adminInput,.adminSelect{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--outline-variant) 25%, transparent);height:44px;color:var(--text);background:var(--surface-container-high);vertical-align:middle;border-radius:10px;padding:0 16px;font-size:.88rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.adminInput:focus,.adminSelect:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.adminInput{flex:260px;min-width:min(320px,100%)}.adminSelect{cursor:pointer;flex:none}.adminSecondaryText{color:var(--text-variant);text-transform:uppercase;letter-spacing:.05em;opacity:.72;margin-top:4px;font-size:.82rem;font-weight:700;display:block}.adminStatusPill{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;align-items:center;min-height:24px;padding:0 12px;font-size:.7rem;font-weight:800;display:inline-flex}.adminStatusPill.pending,.adminStatusPill[data-status=pending]{color:#ff9800;background:#ff98001f;border-color:#ff980033}.adminStatusPill.accepted,.adminStatusPill[data-status=accepted]{color:#4caf50;background:#4caf501f;border-color:#4caf5033}.adminStatusPill.revoked,.adminStatusPill.expired,.adminStatusPill[data-status=revoked],.adminStatusPill[data-status=expired]{color:#f44336;background:#f443361f;border-color:#f4433633}.adminTableWrap{border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);background:var(--surface-container-low,#00000005);border-radius:12px;width:100%;overflow-x:auto}.adminTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.adminTable th,.adminTable td{border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 8%, transparent);padding:14px 18px}.adminTable th{background:color-mix(in srgb, var(--surface-container-high) 60%, transparent);color:var(--text-variant);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:900}.adminTable tbody tr:last-child td{border-bottom:0}.adminTable tbody tr:hover{background:color-mix(in srgb, var(--accent) 3%, transparent)}.adminTable td{color:var(--text);vertical-align:middle;font-weight:550}.adminPrimaryText{color:var(--text);font-weight:800;display:block}.adminSecondaryText{color:var(--text-variant);text-transform:uppercase;margin-top:2px;font-size:.74rem;font-weight:800;display:block}.adminInlineForm{align-items:center;gap:8px;display:flex}.adminInlineForm .adminInput{border-radius:6px;flex:1;min-width:140px;height:32px;padding:0 10px;font-size:.82rem}.adminInlineForm button{white-space:nowrap}.adminInviteList,.adminMemberList{gap:12px;margin-top:8px;display:grid}.adminInviteItem,.adminMemberItem{border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);background:color-mix(in srgb, var(--surface-container-low) 20%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}html[data-theme=light] .adminInviteItem,html[data-theme=light] .adminMemberItem{background:#ffffff59}.adminInviteItem:hover,.adminMemberItem:hover{border-color:color-mix(in srgb, var(--outline-variant) 24%, transparent);box-shadow:0 4px 16px #0000000a}.adminInviteItem>div:first-child,.adminMemberIdentity{flex:280px;min-width:0}.adminInviteItem h3,.adminMemberItem h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:800}.adminInviteItem p,.adminMemberItem p{color:var(--text-variant);margin:6px 0 0;font-size:.82rem;line-height:1.5}.adminMemberIdentity{align-items:center;gap:14px;display:flex}.adminAvatar{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, #1e8ce5 100%);width:44px;height:44px;box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex}.adminMemberStats,.adminCompactMeta{flex:200px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;min-width:0;display:grid}.adminMemberStats span,.adminCompactMeta div{border:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);background:var(--surface-container-low);overflow-wrap:break-word;border-radius:10px;min-width:0;padding:10px 12px}.adminMemberStats strong,.adminCompactMeta dd{color:var(--text);font-size:.95rem;font-weight:850}.adminMemberStats small,.adminCompactMeta dt{color:var(--text-variant);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:.65rem;font-weight:800}.adminCompactMeta dd{margin:4px 0 0}.adminMemberActions,.adminActions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.adminHelpText{opacity:.8;margin-top:4px;font-size:.8rem}.adminIconButton{align-items:center;gap:8px;display:inline-flex}.adminMemberActions .adminSecondaryText{color:#ff5722;text-transform:none;letter-spacing:0;opacity:1;background:#ff572214;border:1px solid #ff572226;border-radius:8px;margin-top:0;padding:6px 12px;font-size:.72rem;font-weight:800}@media (width<=960px){.adminOverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminInviteItem,.adminMemberItem{gap:14px}}@media (width<=640px){.adminOverviewGrid,.adminMemberStats,.adminCompactMeta,.adminInviteMeta{grid-template-columns:1fr}.adminSectionHeader{flex-direction:column;align-items:flex-start;gap:8px}.adminInviteForm{flex-direction:column;align-items:stretch}.adminSelect,.adminInviteForm button{width:100%;min-height:52px}}.adminGuideSteps{display:none}.adminInviteResult{background:#4caf500f;border:1px dashed #4caf50;border-radius:12px;gap:14px;margin-top:10px;padding:20px;display:grid}html[data-theme=dark] .adminInviteResult{background:#4caf500a;border-color:#4caf5066}.adminInviteResultHeader{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adminInviteResultHeader strong{color:var(--text);font-size:1rem;font-weight:800}.adminInviteMeta{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.adminInviteMeta div{border:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);background:var(--surface-container-low);border-radius:10px;min-width:0;padding:12px}.adminInviteMeta dt{color:var(--text-variant);text-transform:uppercase;font-size:.7rem;font-weight:800}.adminInviteMeta dd{color:var(--text);margin:4px 0 0;font-weight:800}.adminInviteLinkRow{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.adminInviteLinkRow code{background:var(--surface-container-high);min-width:0;color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);border-radius:8px;flex:280px;padding:12px;font-size:.82rem}.adminInviteResult .adminHelpText{background:#ff980014;border:1px solid #ff980029;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-weight:700;display:inline-flex;color:#ff9800!important}.adminPanel{align-items:flex-start;gap:16px;max-width:980px;display:flex}.adminPanel>.symbolIcon{color:#fff;background:var(--accent);border-radius:8px;flex:none;width:42px;height:42px}.adminPanel h2{margin:0 0 8px;font-size:1.05rem}.adminPanel p{color:var(--text-variant);margin:0;line-height:1.5}.adminPanel.denied>.symbolIcon{background:var(--tertiary)}.adminActionError{border-color:color-mix(in srgb, var(--error,#ba1a1a) 28%, var(--border));background:color-mix(in srgb, var(--error,#ba1a1a) 6%, var(--surface))}.adminActionError>.symbolIcon{background:var(--error,#ba1a1a)}.adminLoadingStack{gap:20px;display:grid}.adminSkeletonSection{pointer-events:none}.adminSkeletonSection .adminSectionHeader{margin-bottom:0}.adminLoadingHeader{align-items:stretch}.adminMetricSkeleton{gap:12px;min-height:108px;display:grid}.adminMetricSkeletonValue{height:30px}.adminInviteSkeletonForm{align-items:center;gap:12px;display:flex}.adminInputSkeleton{border-radius:10px;flex:260px;height:44px}.adminButtonSkeleton{border-radius:10px;flex:none;width:148px;height:44px}.adminSkeletonItem{cursor:default}.adminSkeletonItem:hover{box-shadow:none;border-color:color-mix(in srgb, var(--outline-variant) 12%, transparent)}.adminPillSkeleton{border-radius:999px;width:96px;height:28px}.adminStatSkeleton{border-radius:10px;height:58px}@media (width<=640px){.adminInviteSkeletonForm{flex-direction:column;align-items:stretch}.adminButtonSkeleton{width:100%}}.dashboardDataState{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.dashboardDataState strong{margin-bottom:4px;font-size:.92rem;display:block}.dashboardDataState p{color:var(--text-variant);margin:0;font-size:.84rem}.dashboardDataStateLoading{min-height:76px}.dashboardDataStateSkeletonText{flex:auto;gap:9px;min-width:0;display:grid}.dashboardDataStateSkeletonAction{border-radius:8px;flex:none;width:86px;height:32px}@media (width<=640px){.dashboardDataStateLoading{flex-direction:column;align-items:stretch}.dashboardDataStateSkeletonAction{width:118px}}.monthlyTrendCard{width:100%;box-shadow:var(--shadow-card), inset 0 1px 0 #fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffbf 100%);border:1px solid #006a6214;margin-bottom:20px;position:relative;overflow:hidden}html[data-theme=dark] .monthlyTrendCard{box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0d;background:linear-gradient(135deg,#1a1c20d9 0%,#121418e6 100%);border:1px solid #ffffff0d}.trendChartWrapper{width:100%;margin-top:12px;position:relative}.trendTooltip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:10;background:#191c1eeb;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;font-size:.76rem;animation:.12s ease-out fadeInTooltip;display:flex;position:absolute;top:10px;right:16px;box-shadow:0 4px 12px #00000026}html[data-theme=dark] .trendTooltip{background:#121418f2;border-color:#ffffff14}.tooltipSelectedBadge{background:var(--accent);color:var(--on-accent);border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.62rem;font-weight:850}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.monthlySummaryCard{gap:8px;min-width:0;display:grid}.monthlySummaryCard .kpiIcon{margin-bottom:6px}.monthlySummaryCard small{color:var(--accent-text);text-transform:uppercase;font-size:.74rem;font-weight:800}.monthlySummaryCard strong{overflow-wrap:anywhere;min-width:0;font-size:1.55rem}.monthlySummaryCard p{color:var(--text-variant);margin:0;font-size:.84rem}.monthlyCalendarCard{min-width:0}.monthlyWeekdays,.monthlyCalendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.monthlyWeekdays{color:var(--text-variant);text-align:center;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800}.monthlyDayCell{border-radius:var(--radius-card);min-width:0;min-height:128px;color:var(--text);background:var(--surface-low);text-align:left;border:1px solid #191c1e0d;grid-template-rows:auto 1fr auto auto;align-items:start;padding:10px;transition:all .16s;display:grid;position:relative;overflow:hidden}.monthlyDayCell:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--outline-variant,#00000014));transform:translateY(-1.5px);box-shadow:0 6px 16px #0000000a}html[data-theme=dark] .monthlyDayCell{border-color:#37393ebd}.monthlyDayCell.outside{opacity:.42}.monthlyDayCell.active{border-color:color-mix(in srgb, var(--accent) 45%, white);background:color-mix(in srgb, var(--accent) 8%, transparent)}.monthlyDayNumber{color:var(--text-variant);font-size:.78rem;font-weight:800}.monthlyDayCell strong{z-index:1;min-width:0;color:var(--accent-text);overflow-wrap:anywhere;align-self:end;font-size:.95rem;position:relative}.monthlyDayCell small{z-index:1;min-width:0;color:var(--text-variant);margin:3px 0 8px;font-size:.66rem;font-weight:800;line-height:1.15;position:relative}.monthlyDayMeta{gap:2px;display:grid}.monthlyDayMeta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.monthlyToolStack{background:#191c1e0f;border-radius:999px;align-self:end;width:100%;height:8px;display:flex;overflow:hidden}.monthlyToolStack span{min-width:0}@media (width<=640px){.monthlyWeekdays,.monthlyCalendarGrid{gap:5px}.monthlyDayCell{min-height:96px;padding:8px}.monthlyDayCell strong{font-size:.78rem}.monthlyDayCell small{display:none}}.rangeControl{border-radius:var(--radius-panel);background:var(--surface-low);border:1px solid #191c1e0d;gap:3px;padding:5px;display:flex}.rangeControl button{min-height:34px;color:var(--text-variant);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:.8rem;font-weight:800;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s}.rangeControl button:hover{transform:translateY(-1px)}.rangeControl button.active{color:#fff;background:var(--accent);box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 16%, transparent)}html[data-theme=dark] .rangeControl button.active{color:var(--on-accent);box-shadow:0 8px 18px #00ffc233}.dashboardDateControls{justify-content:flex-end;align-items:center;gap:10px;display:flex}.dateQuickPicker{border-radius:var(--radius-panel);background:var(--surface-low);border:1px solid #191c1e0d;gap:2px;min-width:150px;padding:5px 8px;display:grid}html[data-theme=dark] .dateQuickPicker{border-color:#37393ebd}.dateQuickPicker span{color:var(--text-variant);text-transform:uppercase;font-size:.62rem;font-weight:900;line-height:1}.dateQuickPicker input{min-height:28px;color:var(--text);font:inherit;background:0 0;border:0;font-size:.82rem;font-weight:850}.dashboardScopeControl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.dashboardFilterBar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.dashboardScopeControl button{min-height:56px}.dashboardFilterBar button,.dashboardScopeControl button{border-radius:var(--radius-card);min-width:0;color:var(--text-variant);text-align:left;background:#ffffff9e;border:1px solid #191c1e0d;justify-content:space-between;align-items:center;gap:14px;padding:0 16px;font-weight:800;display:flex}html[data-theme=dark] .dashboardFilterBar button,html[data-theme=dark] .dashboardScopeControl button{background:#1a1c20bd;border-color:#37393ebd}html[data-theme=dark] .dashboardFilterBar small,html[data-theme=dark] .dashboardScopeControl small{color:#b9c0c4bd}.dashboardFilterBar button{min-height:50px}.dashboardFilterBar button.active,.dashboardScopeControl button.active{border-color:color-mix(in srgb, var(--accent) 35%, white);color:var(--accent-text);background:color-mix(in srgb, var(--accent) 8%, transparent)}.dashboardFilterBar span,.dashboardFilterBar small,.dashboardScopeControl span,.dashboardScopeControl small{min-width:0}.dashboardFilterBar small,.dashboardScopeControl small{color:#3b4a47a3;text-align:right;font-size:.72rem}@media (width<=1080px){.dashboardScopeControl{grid-template-columns:1fr}.dashboardFilterBar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.rangeControl,.dashboardDateControls{overflow-x:auto}.dashboardDateControls{justify-content:flex-start;width:100%}.dateQuickPicker{flex:none}.dashboardFilterBar button,.dashboardScopeControl button{flex-direction:column;justify-content:center;align-items:flex-start}.dashboardFilterBar small,.dashboardScopeControl small{text-align:left}}.monthlyBreakdown{border-top:1px solid #191c1e0f;gap:12px;padding-top:18px;display:grid}.monthlyBreakdown+.monthlyBreakdown{margin-top:18px}.monthlyBreakdown h3{margin:0;font-size:.92rem}.monthlyBreakdown p{color:var(--text-variant);margin:0;font-size:.84rem}.monthlyBreakdownRows{gap:12px;display:grid}.monthlyRankingRows{gap:8px;display:grid}.monthlyRankingRows button{width:100%;color:var(--text);background:var(--surface-low);text-align:left;border:1px solid #191c1e0d;border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px;display:grid}html[data-theme=dark] .monthlyRankingRows button{border-color:#37393ebd}.monthlyRankingRows button.active{border-color:color-mix(in srgb, var(--accent) 42%, white);background:color-mix(in srgb, var(--accent) 8%, transparent)}.monthlyRankingRows button>span{width:24px;height:24px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:999px;grid-row:span 2;justify-content:center;align-items:center;font-size:.72rem;font-weight:900;display:inline-flex}.monthlyRankingRows strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;overflow:hidden}.monthlyRankingRows small{color:var(--text-variant);font-size:.68rem;font-weight:800}.monthlyRankingRows b{color:var(--accent-text);grid-row:span 2;font-size:.8rem}.monthlyBreakdownRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.monthlyBreakdownRow span{min-width:0;color:var(--text-variant);align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.monthlyBreakdownRow span i{border-radius:999px;flex:none;width:9px;height:9px}.monthlyBreakdownRow strong{color:var(--accent-text);font-size:.82rem}.monthlyBreakdownRow small{color:var(--text-variant);text-transform:uppercase;grid-column:1/-1;font-size:.7rem;font-weight:800}.monthlyBreakdownRow em,.monthlyBreakdownRow em b{border-radius:999px;height:6px;display:block}.monthlyBreakdownRow em{background:#191c1e0f;grid-column:1/-1}.monthlyBreakdownRow em b{background:var(--accent)}.monthlyDayDetailCard{min-width:0}.monthlySelectedMetric{border-radius:var(--radius-card);background:var(--surface-low);gap:6px;margin-bottom:22px;padding:18px;display:grid}.monthlySelectedMetric span,.monthlySelectedMetric small{color:var(--text-variant);text-transform:uppercase;font-size:.72rem;font-weight:800}.monthlySelectedMetric strong{color:var(--accent-text);font-size:2rem}.monthSelectControl{background:var(--surface-low);border:1px solid #191c1e0d;border-radius:12px;align-items:center;gap:8px;min-width:min(100%,280px);padding:4px;display:flex}html[data-theme=dark] .monthSelectControl{border-color:#37393ebd}.monthSelectWrapper{flex:1;min-width:0;position:relative}.monthSelectControl select{appearance:none;width:100%;min-height:36px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:0 32px 0 12px;font-size:.86rem;font-weight:800;transition:all .16s}html[data-theme=dark] .monthSelectControl select{background:var(--surface-high)}.monthSelectControl select:hover{background:var(--surface-high);border-color:color-mix(in srgb, var(--accent) 12%, transparent)}html[data-theme=dark] .monthSelectControl select:hover{background:var(--surface-high);border-color:color-mix(in srgb, var(--accent) 18%, transparent)}.monthSelectControl select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.selectChevron{color:var(--text-variant);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.monthSelectControl .monthStepButton{width:36px;height:36px;color:var(--text);background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .16s;display:inline-flex}html[data-theme=dark] .monthSelectControl .monthStepButton{background:var(--surface-high)}.monthSelectControl .monthStepButton:hover:not(:disabled){background:var(--surface-high);border-color:color-mix(in srgb, var(--accent) 12%, transparent)}html[data-theme=dark] .monthSelectControl .monthStepButton:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 18%, transparent)}.monthSelectControl .monthStepButton:disabled{cursor:not-allowed;opacity:.3}@media (width<=820px){.monthSelectControl{width:100%}}@media (width<=640px){.monthSelectControl,.monthSelectWrapper{min-width:0}}.monthlySummaryStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.monthlyDashboardGrid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:20px;display:grid}@media (width<=1080px){.monthlySummaryStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.monthlyDashboardGrid{grid-template-columns:1fr}}@media (width<=640px){.monthlySummaryStrip{grid-template-columns:1fr}}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:72px 0;display:grid}.featureCard{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#ffffffc7;border:1px solid #191c1e0d;padding:30px}html[data-theme=dark] .featureCard{background:#1a1c20d1;border-color:#37393ebd}.featureCard.wide{grid-column:span 2;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:28px;display:grid}.featureIcon{width:44px;height:44px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.featureIcon.blue{color:var(--secondary);background:#0050cc1a}.featureIcon.slate{color:var(--tertiary);background:#565e741f}.featureCard h3{margin:18px 0 10px;font-size:1.55rem;line-height:1.25}.featureCard p{color:var(--text-variant);margin:0;line-height:1.55}.featureCard ul{color:var(--text-variant);gap:10px;margin:22px 0 0;padding:0;font-size:.84rem;font-weight:800;list-style:none;display:grid}.featureCard li{align-items:center;gap:8px;display:flex}.barVisual{border-radius:var(--radius-panel);background:var(--surface-low);justify-content:center;align-items:end;gap:12px;min-height:210px;padding:20px 20px 0;display:flex}.barVisual span{background:var(--accent);border-radius:8px 8px 0 0;width:22px;transition:height .4s cubic-bezier(.34,1.56,.64,1)}.barVisual span:first-child{background:var(--accent);height:72px}.barVisual span:nth-child(2){background:linear-gradient(#f59e0b,#d97706);height:140px}.barVisual span:nth-child(3){background:linear-gradient(to top, var(--secondary-container), var(--secondary));height:108px}.barVisual span:nth-child(4){background:linear-gradient(to top, color-mix(in srgb, var(--accent) 50%, var(--secondary)), var(--accent));height:174px}.windowMosaic{aspect-ratio:16/9;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;display:grid}.windowMosaic span{background:#0050cc1a;border:1px solid #0050cc2e;border-radius:8px}.windowMosaic span:first-child{grid-row:span 2}.featureGridWindowDemo{margin-top:20px}@media (width<=1080px){.featureGrid{grid-template-columns:1fr}.featureCard.wide{grid-column:span 1;grid-template-columns:1fr}}@media (width<=768px){.featureGrid{padding:52px 0}.featureCard{padding:22px}.featureCard h3{font-size:1.28rem}.featureCard.wide{gap:20px}}.windowGridDemoPositions{background:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);border-radius:16px;grid-template-columns:repeat(3,54px);gap:8px;width:fit-content;margin:16px auto 0;padding:12px;display:grid}.windowGridDemoPositions.small{border-radius:12px;grid-template-columns:repeat(3,44px);gap:6px;margin-top:12px;padding:8px}.windowGridTile{border:1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);background:var(--surface-container-highest);width:54px;height:44px;color:var(--text-variant);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.windowGridDemoPositions.small .windowGridTile{border-radius:8px;width:44px;height:36px}.windowGridTile:hover{border-color:var(--accent);color:var(--text);background:var(--surface-bright);transform:translateY(-2px)}.windowGridTile.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 35%, transparent)}.windowGridDemoPositions.small .windowGridTile .material-symbols-outlined{font-size:15px}.finalCta{border-radius:var(--radius-card);max-width:100%;box-shadow:none;text-align:center;border:1px solid #191c1e0f;border-left:0;border-right:0;justify-items:center;gap:18px;margin:32px auto 0;padding:56px 32px;display:grid;background:0 0!important}html[data-theme=dark] .finalCta{border-color:#ffffff12;background:0 0!important}.finalCtaLayout{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;display:grid}@media (width<=1024px){.finalCtaLayout{text-align:center;grid-template-columns:1fr;gap:48px}}.finalCtaLayout.centered{text-align:center;flex-direction:column;align-items:center;gap:48px;max-width:800px;margin:0 auto;display:flex!important}.finalCtaInfo{flex-direction:column;align-items:flex-start;display:flex}@media (width<=1024px){.finalCtaInfo{align-items:center}}.finalCtaInfo.centered{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex!important}.finalCta div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.finalCtaInfo h2{letter-spacing:-.02em;color:var(--text);margin:12px 0 18px;font-size:3.2rem;font-weight:850;line-height:1.15}.ctaDescription{color:var(--text-variant);max-width:580px;margin:0;font-size:1.05rem;line-height:1.55}.downloadSteps{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:600px;margin-bottom:36px;display:grid}@media (width<=600px){.downloadSteps{grid-template-columns:1fr;gap:12px}}.downloadSteps.centered{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:680px;margin:0 auto 36px;display:grid}@media (width<=640px){.downloadSteps.centered{grid-template-columns:1fr;max-width:320px}}.stepCard{background-color:color-mix(in srgb, var(--surface-container-low) 50%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 18%, transparent);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px;transition:all .25s;display:flex}.stepCard:hover{background-color:color-mix(in srgb, var(--surface-container-low) 80%, transparent);border-color:color-mix(in srgb, var(--primary-container) 30%, transparent);transform:translateY(-2px)}.stepCard .stepNumber{color:var(--primary-container);letter-spacing:.05em;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.stepCard strong{color:var(--text);font-size:.88rem;font-weight:700;line-height:1.4}.finalCtaActions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.finalCta .finalCtaActions{gap:12px}@media (width<=720px){.finalCta{margin-top:8px;padding:38px 0}}.sectionHeading{text-align:center;margin-bottom:28px}.sectionHeading span{color:var(--accent-text);text-transform:uppercase;font-size:.76rem;font-weight:800}.sectionHeading h2{letter-spacing:0;text-wrap:balance;margin:8px 0 0;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.15}.sectionSubtitle{max-width:620px;color:var(--text-variant);text-align:center;text-wrap:pretty;margin:12px auto 0;font-size:1rem;line-height:1.6}@media (width<=720px){.sectionHeading{max-width:100%;margin-bottom:22px}.sectionHeading h2{text-wrap:wrap;max-width:100%;font-size:1.72rem;line-height:1.18}.sectionSubtitle{text-wrap:wrap;max-width:100%;font-size:.94rem}}.flowSection{width:100%;padding:68px 0 72px}.dashboardSinglePreview{width:100%;max-width:1140px;margin:0 auto;padding:24px 0;position:relative}.dashboardSinglePreview:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--primary-container) 12%, transparent) 0%, transparent 70%);z-index:-1;pointer-events:none;width:95%;height:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dbMockContainer{background-color:color-mix(in srgb, var(--surface-container) 65%, transparent);width:100%;color:var(--text);border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;border-radius:16px;padding:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:border-color .3s,box-shadow .3s;box-shadow:0 24px 60px #00000026,inset 0 1px #ffffff0d}html[data-theme=dark] .dbMockContainer{background-color:#1a1c20bf;box-shadow:0 30px 70px #0006,inset 0 1px #ffffff08}.dbMockWorkspace{grid-template-columns:1fr;gap:24px;width:100%;margin-top:24px;display:grid}@media (width<=1200px){.dashboardSinglePreview{max-width:calc(100% - 32px)}}@media (width<=900px){.dbMockWorkspace{grid-template-columns:1fr}}@media (width<=720px){.flowSection{padding:52px 0}}.dbDetailsGrid{grid-template-columns:1fr;gap:14px;width:100%;margin-top:20px;display:grid}.dbChartCard{background-color:color-mix(in srgb, var(--surface-container-low) 40%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);border-radius:12px;padding:20px}html[data-theme=light] .dbChartCard{background-color:#ffffff73}.dbCardHeader{justify-content:space-between;align-items:center;display:flex}.dbCardHeader strong{color:var(--text);font-size:.9rem;font-weight:800}.dbInfoIcon{color:var(--text-variant);cursor:pointer;opacity:.7;transition:opacity .2s}.dbInfoIcon:hover{opacity:1}.dbCardSubtitle{color:var(--text-variant);opacity:.7;margin-top:4px;margin-bottom:20px;font-size:.78rem;display:block}.dbBarChart{flex-direction:column;gap:16px;display:flex}.dbBarRow{flex-direction:column;gap:8px;display:flex}.dbBarLabelRow{color:var(--text);justify-content:space-between;font-size:.78rem;font-weight:750;display:flex}.dbBarStatus{align-items:center;gap:6px;margin-left:10px;margin-right:auto;font-size:.72rem;font-weight:700;display:flex}.dbBarTrack{background-color:color-mix(in srgb, var(--surface-container-highest) 75%, transparent);border-radius:99px;height:8px;overflow:hidden}.dbBarFill{background-image:linear-gradient(90deg,#ffffff26 0%,#0000 100%);background-color:var(--tool-color,var(--accent));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--tool-color,var(--accent)) 40%, transparent);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dbProgressList{flex-direction:column;gap:14px;display:flex}.dbProgressItem{flex-direction:column;gap:6px;display:flex}.dbProgressLabels{color:var(--text);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.kpiStrip.dbKpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:24px;display:grid}.kpiCard{background:color-mix(in srgb, var(--surface-container-low) 40%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);text-align:left;border-radius:12px;min-width:0;padding:16px}html[data-theme=light] .kpiCard{background:#ffffff73}.kpiTop small{color:var(--text-variant);text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.7rem;font-weight:800}.kpiIcon{width:24px;height:24px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.kpiIcon.blue{color:#1e8ce5;background:#1e8ce51f}.kpiIcon.slate{color:#db7347;background:#db73471f}.kpiLabel{color:var(--text-variant);text-transform:uppercase;letter-spacing:.02em;opacity:.65;font-size:.72rem;font-weight:700}.kpiCard strong{color:var(--text);margin:6px 0;font-size:1.45rem;font-weight:900;display:block}.kpiCard p{color:var(--text-variant);opacity:.8;margin:0;font-size:.76rem}@media (width<=900px){.kpiStrip.dbKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.kpiStrip.dbKpiGrid{grid-template-columns:1fr}}.dbMockHeader{border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 25%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.dbMockBrand{align-items:center;gap:14px;display:flex}.dbBrandIcon{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#00d488 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 20px #00d2ff40}.dbTitleRow{align-items:center;gap:10px;display:flex}.dbTitleRow strong{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.dbBadge{letter-spacing:.02em;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:800}.dbBadge.alpha{color:#ff9100;background-color:#ff91001f;border:1px solid #ff910040}.dbBadge.local{color:#00d488;background-color:#00d4881f;border:1px solid #00d48840}.dbSubtitle{color:var(--text-variant);opacity:.85;margin-top:5px;font-size:.78rem;display:block}.dbMockHeaderActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dbStatusDot{color:#00d488;background-color:#00d48814;border:1px solid #00d48833;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 8px #00d4880d}.dbToggleGroup{background-color:color-mix(in srgb, var(--surface-container-low) 80%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:8px;padding:3px;display:flex}.dbToggleBtn{color:var(--text-variant);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.dbToggleBtn.active{background-color:var(--surface-container-highest);color:var(--text);box-shadow:0 2px 8px #00000014}.onboardingPulseDot{background-color:var(--pulse-color,#00d488);width:7px;height:7px;box-shadow:0 0 10px var(--pulse-color,#00d488);border-radius:50%;animation:2s infinite onboardingPulseDot;display:inline-block}@keyframes onboardingPulseDot{0%{opacity:.7;transform:scale(.85)}50%{opacity:1;box-shadow:0 0 14px var(--pulse-color,#00d488);transform:scale(1.25)}to{opacity:.7;transform:scale(.85)}}.dbMockToolsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:24px;display:grid}.dbToolCard{background-color:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:12px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000005}.dbToolCard:hover{border-color:color-mix(in srgb, var(--outline) 40%, transparent);transform:translateY(-3px);box-shadow:0 12px 24px #00000014}.dbToolCard.active{border-color:var(--secondary);background-color:color-mix(in srgb, var(--secondary) 5%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--secondary) 10%, transparent)}.dbToolHeader{align-items:center;gap:10px;display:flex}.dbToolDot{border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #00000026}.dbToolDot.all{background-color:var(--secondary);box-shadow:0 0 8px var(--secondary)}.dbToolDot.codex{background-color:#00d488;box-shadow:0 0 8px #00d488}.dbToolDot.claude{background-color:#9c27b0;box-shadow:0 0 8px #9c27b0}.dbToolDot.antigravity{background-color:#e91e63;box-shadow:0 0 8px #e91e63}.dbToolHeader strong{color:var(--text);font-size:.95rem;font-weight:700}.dbToolStatus{color:#00d488;align-items:center;gap:3px;margin-left:auto;font-size:.72rem;font-weight:600;display:flex}.dbToolStatus span{font-size:11px}.dbToolInfo{color:var(--text-variant);margin-top:10px;font-size:.78rem;font-weight:500}.heroSection{padding:58px 0 46px;position:relative;overflow:clip}.heroLayout{text-align:center;flex-direction:column;align-items:center;gap:42px;width:min(100%,1060px);margin:0 auto;padding:64px 16px 36px;display:flex}.heroCopy{text-align:center;flex-direction:column;align-items:center;width:min(100%,820px);display:flex}.heroBadge{border:1px solid color-mix(in srgb, var(--accent) 22%, white);min-height:34px;color:var(--accent-text);text-transform:uppercase;background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex}html[data-theme=dark] .heroBadge{background:#1a1c20c7;border-color:#00ffc247}.heroBadgePulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite badgePulse;display:flex}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.heroCopy h1{width:100%;max-width:780px;color:var(--text);letter-spacing:0;text-wrap:balance;margin:24px 0 18px;font-size:clamp(2.45rem,6vw,3.8rem);font-weight:850;line-height:1.06}.heroCopy h1 span{color:var(--accent);display:block}.heroDetailText{width:min(100%,680px);color:var(--text-variant);opacity:.92;text-wrap:pretty;margin:0 auto 34px;font-size:1.08rem;line-height:1.62}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:30px 0 22px;display:flex}.heroSubLinks{width:100%;color:var(--text-variant);opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:0;font-size:.78rem;font-weight:700;line-height:1.4;display:flex}.heroSubLinks a{min-width:0;color:var(--text-variant);align-items:center;gap:4px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.heroSubLinks a:hover{color:var(--accent-text)}.heroSubLinks span{min-width:0}.heroSubLinks .material-symbols-outlined{font-size:14px}.heroSubLinks .divider{opacity:.5}@media (width>=1024px){.heroSection{padding:64px 0 52px}.heroLayout{gap:48px;padding-top:72px}}@media (width<=720px){.heroSection{padding:38px 0 24px}.heroLayout{gap:28px;width:100%;min-width:0;padding:42px 14px 18px}.heroCopy{width:100%;max-width:none}.heroCopy h1{text-wrap:wrap;max-width:100%;margin-top:18px;font-size:2.06rem;line-height:1.08}.heroDetailText{text-wrap:wrap;max-width:31rem;margin-bottom:24px;font-size:.98rem;line-height:1.62}.heroActions{width:100%;margin:22px 0 14px}.heroSubLinks{text-align:center;justify-content:center;gap:8px 12px;width:100%;max-width:100%;font-size:.74rem}.heroSubLinks>span[aria-hidden=true]{display:none}}.macDesktopHeroSimulation{border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:16px;flex-direction:column;width:min(100%,780px);margin-top:16px;display:flex;overflow:hidden;box-shadow:0 32px 72px #1218213d}html[data-theme=dark] .macDesktopHeroSimulation{box-shadow:0 32px 80px #00000073}.macDesktopHeroSimulation .mockMacMenuBar{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e2024bf;border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px;font-size:.76rem;font-weight:700;display:flex}html[data-theme=light] .macDesktopHeroSimulation .mockMacMenuBar{color:#333;background:#ffffffbf;border-bottom-color:#0000000f}.macDesktopHeroSimulation .mockTime{opacity:.85;margin-right:auto}.macDesktopHeroSimulation .mockMenuIcon{opacity:.65;display:inline-flex}.macDesktopHeroSimulation .mockMenuIcon.active{color:var(--accent);opacity:1}.mockHeroSpillPanelContainer{background:radial-gradient(circle,#2f3e46,#111317);justify-content:flex-end;align-items:flex-start;padding:24px 32px 32px;display:flex}html[data-theme=light] .mockHeroSpillPanelContainer{background:radial-gradient(circle,#d8e2dc,#eceef0)}.mockSpillPanel.heroPanel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#141619f2;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:440px;margin-right:12px;box-shadow:0 20px 40px #00000059}html[data-theme=light] .mockSpillPanel.heroPanel{background:#fffffff2;border-color:#00000014;box-shadow:0 20px 40px #00000026}@media (width<=720px){.macDesktopHeroSimulation{border-radius:12px;width:100%;margin-top:0}.mockHeroSpillPanelContainer{justify-content:center;padding:16px}.mockSpillPanel.heroPanel{max-width:100%;margin-right:0}}.heroMockWindowFrame,.heroMockWindowHeader,.heroWindowDotRed,.heroMockWindowBody,.heroMockApp{display:none}@media (width<=720px){.heroMockApp{display:none}}@media (width<=720px) and (height<=900px){.heroMockWindowFrame{display:none}}.coreBarDemo{background:var(--surface-low);border-radius:12px;align-items:flex-end;gap:5px;height:80px;margin-top:20px;padding:12px;display:flex}.coreBarDemo.mini{border-radius:8px;gap:3px;width:72px;height:40px;padding:6px}.coreBar{background:color-mix(in srgb, var(--accent) 60%, transparent);transform-box:fill-box;transform-origin:bottom;min-width:3px;height:100%;transform:scaleY(var(--level,.5));animation:coreBreath var(--speed,1.8s) ease-in-out infinite;animation-delay:var(--delay,0s);border-radius:6px 6px 0 0;flex:1}.coreBarDemo.mini .coreBar{min-width:2px}@keyframes coreBreath{0%,to{transform:scaleY(var(--level-min,.2));opacity:.6}50%{transform:scaleY(var(--level,.5));opacity:1}}@media (width<=600px){.coreBarDemo.mini{width:56px}}@media (width<=720px) and (height<=900px){.coreBarDemo.mini{width:60px}}.liveChartDemo{background:var(--surface-low);border-radius:12px;height:80px;margin-top:20px;overflow:hidden}.liveChartDemo.mini{border-radius:8px;width:72px;height:40px}.liveChartDemo svg{width:100%;height:100%}.liveChartLine{fill:none;stroke-dasharray:340;animation:3.2s ease-in-out infinite alternate chartTrace}.liveChartLine.secondary{stroke:var(--secondary)}.liveChartLine.blue{stroke:#0070eb}.liveChartLine.orange{stroke:#f97316}@keyframes chartTrace{0%{stroke-dashoffset:340px}to{stroke-dashoffset:0}}@media (width<=600px){.liveChartDemo.mini{width:56px}}@media (width<=720px) and (height<=900px){.liveChartDemo.mini{width:60px}}.mockSpillPanel{border-radius:18px;width:min(100%,336px);max-width:100%;padding:0;overflow:hidden;box-shadow:0 28px 72px #00000038}html[data-theme=dark] .mockSpillPanel{background:#16181cf2}.mockSpillHeader{border-bottom:1px solid #191c1e0f;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}html[data-theme=dark] .mockSpillHeader{border-color:#ffffff14}.mockSpillBrand{align-items:center;gap:8px;display:flex}.mockSpillBrand strong{font-size:.9rem;font-weight:800}.mockSpillBrand small{color:var(--text-variant);font-size:.72rem}.mockAppIcon{font-size:14px;border-radius:6px!important;width:26px!important;height:26px!important}.mockSpillControls{align-items:center;gap:6px;display:flex}.mockStatusDot{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #10b9812e}.mockIconBtn{width:26px;height:26px;color:var(--text-variant);background:var(--surface-high);cursor:default;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:inline-flex}.mockDivider{justify-content:space-between;align-items:center;margin-top:2px;padding:6px 14px 4px;display:flex}.mockSectionLabel{letter-spacing:.14em;text-transform:uppercase;color:var(--text-variant);opacity:.7;font-size:.65rem;font-weight:900}.mockSectionAction{color:var(--text-variant);opacity:.5;font-size:14px}.mockOperationalBadge{color:#10b981;font-size:.68rem;font-weight:800}.mockMetricItem{grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:58px;padding:6px 14px;transition:background .15s;display:grid}.mockMetricItem:hover{background:var(--surface-high)}.mockMetricIcon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.mockMetricIcon.primary{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.mockMetricIcon.secondary{color:var(--secondary);background:#43ecdb1f}html[data-theme=dark] .mockMetricIcon.secondary{background:#43ecdb1a}.mockMetricIcon.blue{color:#4f80ff;background:#4f80ff1f}.mockMetricIcon.tertiary{color:var(--outline);background:var(--surface-high)}.mockMetricBody,.mockMetricTitle,.mockMetricSub,.mockAiLabel{min-width:0}.mockMetricTitle{font-size:.78rem;font-weight:700;line-height:1.3}.mockMetricTitle strong{margin-left:4px;font-size:.9rem}.mockMetricTitle strong.primary{color:var(--accent-text)}.mockMetricTitle strong.secondary{color:var(--secondary)}.mockMetricTitle strong.blue{color:#4f80ff}.mockMetricSub{color:var(--text-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.mockProgressBar{background:var(--surface-container);border-radius:999px;width:72px;height:6px;overflow:hidden}html[data-theme=dark] .mockProgressBar{background:var(--surface-high)}.mockProgressBar>div{background:var(--accent);border-radius:999px;height:100%;transition:width 1s}.mockAiRow{grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:6px 14px 8px;display:grid}.mockAiLabel{white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.mockAiPill{background:color-mix(in srgb, var(--accent) 12%, transparent);min-height:18px;color:var(--accent-text);text-transform:uppercase;border-radius:999px;flex:none;align-items:center;padding:0 6px;font-size:.62rem;font-weight:800;display:inline-flex}.mockAiValue{color:var(--accent-text);font-size:.84rem;font-weight:800}.mockWindowGrid{padding:8px 14px 10px}.mockWindowGrid .windowGridDemoPositions.small{grid-template-columns:repeat(3,36px);gap:4px}.mockWindowGrid .windowGridTile{border-radius:8px;width:36px;height:30px;font-size:14px}.mockFooter{color:var(--text-variant);border-top:1px solid #191c1e0d;justify-content:space-between;align-items:center;padding:6px 14px 10px;font-size:.62rem;font-weight:700;display:flex}html[data-theme=dark] .mockFooter{border-color:#ffffff0f}@media (width<=600px){.mockSpillPanel{width:100%}.mockProgressBar{width:56px}}@media (width<=720px){.mockSpillPanel{border-radius:16px;width:100%;max-width:100%}.mockSpillBrand small,.mockMetricOptional,.mockDesktopOnly{display:none}.mockMetricItem{grid-template-columns:28px minmax(0,1fr) 60px;gap:8px;min-height:62px;padding:8px 14px}.mockMetricTitle{font-size:.76rem}.mockMetricSub{white-space:normal}.mockProgressBar{width:60px}.mockAiRow{grid-template-columns:28px minmax(0,1fr) auto}.mockAiRow>.symbolIcon:last-child{display:none}.mockAiValue{font-size:.76rem}}.macFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.macFeatureGridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.macFeatureCard{border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #191c1e0f;padding:28px;transition:transform .3s,box-shadow .3s}.macFeatureCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0058bc1a}html[data-theme=dark] .macFeatureCard{background:#1a1c20d9;border-color:#37393e99}.macFeatureCardLarge{padding:32px}.macFeatureIcon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:inline-flex}.macFeatureIcon.primary{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.macFeatureIcon.secondary{color:var(--secondary);background:#4c4aca1f}.macFeatureIcon.tertiary{color:var(--tertiary);background:#5a5c601f}.macFeatureIcon.blue{color:var(--secondary);background:#0050cc1a}.macFeatureCard h3{margin:0 0 10px;font-size:1.3rem}.macFeatureCard p{color:var(--text-variant);margin:0;font-size:.88rem;line-height:1.6}@media (width<=900px){.macFeatureGrid,.macFeatureGridTwo{grid-template-columns:1fr}}.macFeatureSection{padding:68px 0}@media (width<=768px){.macFeatureSection{padding:52px 0}.macFeatureGrid{margin-top:30px}.macFeatureCard{padding:22px}}.showcaseTabs{flex-wrap:wrap;justify-content:center;gap:12px;max-width:680px;margin:32px auto 24px;display:flex}.showcaseTab{color:var(--text-variant);cursor:pointer;background:#fffc;border:1px solid #191c1e14;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}html[data-theme=dark] .showcaseTab{color:var(--text-variant);background:#1a1c20cc;border-color:#ffffff14}.showcaseTab:hover{background:color-mix(in srgb, var(--accent) 8%, white);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}html[data-theme=dark] .showcaseTab:hover{background:color-mix(in srgb, var(--accent) 12%, #1a1c20);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.showcaseTab.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 35%, transparent);color:#fff!important}.showcaseTab .tabIcon{align-items:center;font-size:1.15rem;display:inline-flex}.showcaseContent{border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:1px solid #191c1e0f;margin-top:24px;padding:32px}html[data-theme=dark] .showcaseContent{background:#1a1c2066;border-color:#37393e4d}.showcasePane{animation:.35s cubic-bezier(.4,0,.2,1) forwards showcaseFadeIn}.showcasePane .macFeatureGrid{margin-top:0}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.showcaseContent{padding:20px}.showcaseTabs{gap:8px}.showcaseTab{padding:8px 16px;font-size:.85rem}}.sectionHeading.centered{text-align:center;max-width:680px;margin:0 auto 40px}.showcaseTabs{background-color:color-mix(in srgb, var(--surface-container-low) 90%, black);border:1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);border-radius:30px;width:fit-content;margin:0 auto 32px;padding:4px;display:flex;box-shadow:0 4px 20px #00000008}.showcaseTab{background:0 0;border:none;border-radius:20px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-variant)!important;box-shadow:none!important}.showcaseTab.active{background-color:var(--surface-container-highest)!important;color:var(--text)!important;box-shadow:0 2px 10px #00000014!important}.showcaseTab:hover{background-color:#ffffff0d;color:var(--text)!important}.aiShowcaseLayout{text-align:left;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;padding:16px;display:grid}@media (width<=900px){.aiShowcaseLayout{grid-template-columns:1fr;gap:24px}}.aiShowcaseCopy{flex-direction:column;gap:12px;display:flex}.aiShowcaseCopy h3{color:var(--text);margin:0;font-size:1.6rem;font-weight:850}.aiShowcaseCopy p{color:var(--text-variant);margin:0;font-size:.98rem;line-height:1.55}.aiFeatureOverview{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.aiBadge{background-color:color-mix(in srgb, var(--surface-container-highest) 50%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.aiBadge .material-symbols-outlined{opacity:.8;font-size:13px}.aiShowcaseVisual{justify-content:center;align-items:center;width:100%;display:flex}.macDesktopSimulation{width:100%;max-width:440px;box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--outline-variant) 18%, transparent);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mockMacMenuBar{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e2024bf;border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:12px;padding:8px 16px;font-size:.74rem;font-weight:700;display:flex}html[data-theme=light] .mockMacMenuBar{color:#333;background:#ffffffbf;border-bottom-color:#0000000f}.mockTime{opacity:.85;margin-right:auto}.mockMenuIcon{opacity:.65;display:inline-flex}.mockMenuIcon.active{color:var(--accent);opacity:1}.mockSpillPanel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#141619f2;flex-direction:column;padding:24px;display:flex}html[data-theme=light] .mockSpillPanel{background:#fffffff2}.aiShowcaseHeader{border-bottom:1px dashed color-mix(in srgb, var(--outline-variant) 16%, transparent);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.aiShowcaseBrand{align-items:center;gap:12px;display:flex}.aiShowcaseIcon{color:var(--accent);font-size:1.5rem;display:inline-flex}.aiShowcaseBrand strong{color:var(--text);font-size:.92rem;font-weight:800;display:block}.aiShowcaseBrand span{color:var(--text-variant);opacity:.85;font-size:.72rem;display:block}.aiShowcaseStatusBadge{background-color:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);letter-spacing:.02em;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700}.aiStateDemo{flex-direction:column;gap:14px;width:100%;display:flex}.aiStateRow{grid-template-columns:24px 120px 1fr 60px;align-items:center;gap:14px;display:grid}@media (width<=900px){.aiStateRow{grid-template-columns:24px 90px 1fr 50px}}.aiStateDot{justify-content:center;align-items:center;display:flex}.aiStateLabel{color:var(--text);font-size:.85rem;font-weight:750}.aiStateBar{background-color:color-mix(in srgb, var(--surface-container-highest) 75%, transparent);border-radius:4px;height:8px;position:relative}.aiStateBar:after{content:"";width:var(--fill);background:linear-gradient(90deg, var(--tool-color,var(--accent)), color-mix(in srgb, var(--tool-color,var(--accent)) 65%, white));box-shadow:0 0 10px color-mix(in srgb, var(--tool-color,var(--accent)) 40%, transparent);border-radius:4px;transition:width 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0}.aiStateValue{text-align:right;font-size:.82rem;font-weight:900}@keyframes barGrow{0%{width:0%}to{width:var(--fill)}}.demoWidgetWrapper{background:color-mix(in srgb, var(--surface-container-low) 25%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;margin-bottom:20px;padding:16px;transition:all .3s;overflow:hidden}.macFeatureCard:hover .demoWidgetWrapper{border-color:color-mix(in srgb, var(--primary-container) 35%, transparent);background:color-mix(in srgb, var(--surface-container-low) 40%, transparent);box-shadow:0 8px 24px #00000008}.cardLiveMetrics{border-top:1px dashed color-mix(in srgb, var(--outline-variant) 20%, transparent);margin-top:12px;padding-top:16px}.metricLabelRow{color:var(--text-variant);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.metricValue{letter-spacing:-.03em;font-size:1.6rem;font-weight:900}.metricValue.primaryColor{color:var(--secondary)}.metricValue.secondaryColor{color:var(--tertiary)}.metricValue.tertiaryColor{color:var(--primary-container)}.metricProgressBar{background-color:color-mix(in srgb, var(--surface-container) 80%, black);border-radius:99px;height:4px;margin:10px 0;overflow:hidden}.metricProgressBarFill{border-radius:99px;height:100%}.metricProgressBarFill.primaryBg{background-color:var(--secondary)}.metricProgressBarFill.secondaryBg{background-color:var(--tertiary)}.metricProgressBarFill.tertiaryBg{background-color:var(--primary-container)}.metricSubtitle{color:var(--text-variant);font-size:.72rem;font-weight:600;display:block}.metricSubtitle.orangeColor{color:#f97316}.windowShowcaseLayout{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:16px;display:grid}@media (width<=900px){.windowShowcaseLayout{grid-template-columns:1fr;gap:24px}}.windowShowcaseCopy{flex-direction:column;gap:12px;display:flex}.windowShowcaseCopy h3{color:var(--text);margin:0;font-size:1.6rem;font-weight:850}.windowShowcaseCopy p{color:var(--text-variant);margin:0;font-size:.98rem;line-height:1.55}.interactiveGridContainer{margin-top:16px}.gridLabel{text-transform:uppercase;color:var(--text-variant);letter-spacing:.05em;margin-bottom:12px;font-size:.76rem;font-weight:800;display:block}.windowGridDemoPositions{background:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border:1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;width:140px;padding:8px;display:grid}.windowGridTile{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);background:var(--surface-container-highest);color:var(--text-variant);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.windowGridTile .material-symbols-outlined{font-size:16px}.windowGridTile:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface-container-highest));color:var(--accent);border-color:var(--accent)}.windowGridTile.active{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent);border-color:#0000}.windowShowcaseVisual{justify-content:center;align-items:center;width:100%;display:flex}.mockDesktopScreen{aspect-ratio:1.6;width:100%;box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--outline-variant) 18%, transparent);background:radial-gradient(circle,#2f3e46,#111317);border-radius:16px;position:relative;overflow:hidden}html[data-theme=light] .mockDesktopScreen{background:radial-gradient(circle,#d8e2dc,#eceef0)}.desktopWallpaper{opacity:.15;background-image:radial-gradient(circle at 20% 30%, var(--accent) 0%, transparent 40%), radial-gradient(circle at 80% 70%, var(--secondary) 0%, transparent 40%);filter:blur(20px);position:absolute;inset:0}.desktopIconsContainer{opacity:.35;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px}.mockDesktopIcon{background:var(--surface-container-highest);border-radius:4px;width:16px;height:16px}.simulatedWindow{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#ffffffd9;border:1px solid #fff6;border-radius:10px;flex-direction:column;transition:all .38s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000040}html[data-theme=dark] .simulatedWindow{background:#1e2024d9;border-color:#ffffff14;box-shadow:0 12px 35px #00000073}.simulatedWindowHeader{background:#00000008;border-bottom:1px solid #0000000d;align-items:center;gap:6px;padding:8px 10px;display:flex}html[data-theme=dark] .simulatedWindowHeader{background:#ffffff05;border-bottom-color:#ffffff0d}.simDot{border-radius:50%;width:7px;height:7px}.simDot.red{background:#ff5f56}.simDot.yellow{background:#ffbd2e}.simDot.green{background:#27c93f}.simTitle{color:var(--text-variant);opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-left:4px;font-size:.65rem;font-weight:700;overflow:hidden}.simulatedWindowBody{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.simulatedContentLine{background:color-mix(in srgb, var(--text-variant) 15%, transparent);border-radius:2px;height:4px}.simulatedContentLine.short{width:35%}.simulatedContentLine.medium{width:60%}.simulatedContentLine.long{width:85%}.simulatedWindowArt{flex:1;align-items:center;gap:6px;margin-top:4px;display:flex}.simCircle{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;width:20px;height:20px}.simRect{background:color-mix(in srgb, var(--secondary) 12%, transparent);border:1px solid color-mix(in srgb, var(--secondary) 25%, transparent);border-radius:4px;flex:1;height:12px}.siteFooter{width:min(100% - 32px,1280px);min-height:96px;color:var(--text-variant);border-top:1px solid #191c1e0f;justify-content:space-between;align-items:center;gap:22px;margin:0 auto;font-size:.82rem;display:flex}.siteFooter strong{color:var(--accent-text);font-size:1.1rem}.siteFooter nav{align-items:center;gap:18px;display:flex}.siteFooter a{text-decoration:none}@media (width<=640px){.siteFooter{flex-direction:column;align-items:flex-start}}@media (width<=720px){.siteFooter{width:100%;max-width:100vw;padding-left:16px;padding-right:16px}}.landingActions{align-items:center;gap:12px;display:flex}.ghostAction{color:var(--text-variant);background:0 0;border:0;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s}.langSwitcher{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.langSwitcher button{min-height:28px;color:var(--text-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:.72rem;font-weight:800;transition:background .15s,color .15s}.langSwitcher button:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.langSwitcher button.active{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 18%, var(--surface))}html[data-theme=dark] .langSwitcher button.active{background:color-mix(in srgb, var(--accent) 22%, #1e2024)}@media (width<=1080px){.ghostAction{display:none}}@media (width<=640px){.landingHeader .primaryAction.small{width:auto;padding:0 12px}}@media (width<=720px){.landingActions{gap:8px;min-width:0}.landingHeader .ghostAction,.landingHeader .primaryAction.small{display:none}.langSwitcher{flex-shrink:1}.langSwitcher button{min-height:28px;padding:0 8px;font-size:.68rem}}.loginModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#191c1e73;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out loginModalFadeIn;display:flex;position:fixed;inset:0}html[data-theme=dark] .loginModalOverlay{background:#000000a6}.loginModalContent{border-radius:var(--radius-panel);text-align:center;width:min(100%,460px);box-shadow:var(--shadow-soft);background:#f7f9fbeb;border:1px solid #191c1e14;padding:40px 32px 32px;animation:.22s cubic-bezier(.34,1.56,.64,1) loginModalScaleIn;position:relative}html[data-theme=dark] .loginModalContent{background:#1a1c20f0;border-color:#37393ebd}.closeModalButton{width:32px;height:32px;color:var(--text-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.closeModalButton:hover{color:var(--text);background:#191c1e14}html[data-theme=dark] .closeModalButton:hover{background:#ffffff14}.loginModalContent h2{letter-spacing:0;text-wrap:balance;margin:0 0 10px;font-size:2.1rem;font-weight:800}.loginModalSubtitle{color:var(--text-variant);margin:0 0 28px;font-size:.94rem;line-height:1.5}.loginModalAuth{flex-direction:column;align-items:center;gap:16px;display:flex}@keyframes loginModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loginModalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.compactMetricRow{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.compactMetricRow span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.compactMetricRow strong{color:var(--text-variant);flex:none;font-size:.82rem;font-weight:900}.railMetricCard{padding:20px}.cardHeader.compact{margin-bottom:16px}.cardHeader.compact h2{font-size:.96rem}.cardHeader.compact p{font-size:.78rem}.compactMetricRows,.recordingTiles{gap:12px;display:grid}.recordingTiles div{background:var(--surface-low);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.recordingTiles .symbolIcon{width:32px;height:32px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:8px;flex:none}.recordingTiles span{min-width:0;display:grid}.recordingTiles strong{font-size:.86rem}.recordingTiles small{color:var(--text-variant);font-size:.72rem;font-weight:800}.privacyChips{flex-wrap:wrap;gap:8px;display:flex}.privacyChips span{color:var(--text-variant);background:var(--surface-low);border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:900}.dailyUsageCard{grid-column:span 6}.dailyUsageList{gap:10px;display:grid}.dailyUsageLabel strong,.dailyUsageMetric strong{display:block}.dailyUsageLabel span,.dailyUsageMetric span{color:var(--text-variant);text-transform:uppercase;font-size:.72rem;font-weight:800}.dailyUsageMetric strong{color:var(--accent-text)}.dailyUsageRow{border-top:1px solid #191c1e0f;grid-template-columns:84px minmax(0,1fr) 98px;align-items:center;gap:12px;padding:8px 0;display:grid}.dailyUsageRow:first-child{border-top:0;padding-top:0}.dailyUsageBar{background:#191c1e0f;border-radius:999px;min-width:0;height:18px;display:flex;overflow:hidden}.dailyUsageBar span{min-width:4px}.dailyUsageMetric{text-align:right}.toolMiniLegend{color:var(--text-variant);border-top:1px solid #191c1e0f;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;font-size:.76rem;font-weight:800;display:flex}.toolMiniLegend span{align-items:center;gap:7px;display:inline-flex}.toolMiniLegend i{border-radius:999px;width:9px;height:9px}@media (width<=1080px){.dailyUsageCard{grid-column:span 12}}@media (width<=640px){.dailyUsageRow{grid-template-columns:1fr;align-items:stretch}.dailyUsageMetric{text-align:left}}.miniTrendChartSection{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:8px;justify-content:center;align-items:center;height:96px;margin-bottom:20px;padding:12px 14px;display:flex}html[data-theme=dark] .miniTrendChartSection{background:var(--surface-container-low);border-color:#ffffff0d}.deviceUsageCard{grid-column:span 6}.deviceUsageList{gap:10px;display:grid}.deviceUsageAll,.deviceUsageItem{border-radius:var(--radius-card);width:100%;color:var(--text);background:var(--surface-low);text-align:left;border:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:10px 14px;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s;display:grid}.deviceUsageAll:hover,.deviceUsageItem:hover{transform:translateY(-1px)}.deviceUsageAll{border-color:color-mix(in srgb, var(--accent) 18%, white);background:color-mix(in srgb, var(--accent) 5%, transparent);min-height:58px}.deviceUsageAll.active,.deviceUsageItem.active{border-color:color-mix(in srgb, var(--accent) 38%, white);background:color-mix(in srgb, var(--accent) 8%, transparent)}.deviceUsageAll strong,.deviceUsageItem strong{display:block}.deviceUsageAll small,.deviceUsageItem small{color:var(--text-variant);text-transform:uppercase;font-size:.72rem;font-weight:800}.deviceUsageMetric{text-align:right}.deviceUsageMetric strong{color:var(--accent-text)}.deviceUsageItem>i,.deviceUsageItem>i span{border-radius:999px;height:6px;display:block}.deviceUsageItem>i{background:#191c1e0f;grid-column:1/-1}.deviceUsageItem>i span{background:var(--accent)}.deviceToolStack{background:#191c1e0f;border-radius:999px;grid-column:1/-1;height:10px;display:flex;overflow:hidden}.deviceToolStack span{min-width:4px}.deviceToolBreakdown{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.deviceToolBreakdown span{min-width:0;color:var(--text-variant);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 6px;font-size:.68rem;font-weight:800;display:grid}.deviceToolBreakdown i{border-radius:999px;width:7px;height:7px}.deviceToolBreakdown strong{color:var(--text);grid-column:2;font-size:.72rem}@media (width<=1080px){.deviceUsageCard{grid-column:span 12}}@media (width<=640px){.deviceToolBreakdown{grid-template-columns:1fr}}.heatmapCard{grid-column:span 12}.heatLegend{color:var(--text-variant);text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:800;display:flex}.heatLegend i{border-radius:3px;width:12px;height:12px}.heatmapLayout{grid-template-columns:34px minmax(0,1fr);gap:14px;display:grid}.heatDays{color:#3b4a47a3;text-transform:uppercase;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:.7rem;font-weight:800;display:flex}.heatmapGrid{grid-template-columns:repeat(24,minmax(6px,1fr));gap:6px;min-height:138px;display:grid}.heatmapGrid span,.heatLegend i{background:color-mix(in srgb, var(--accent) 6%, transparent)}.heatmapGrid span{border-radius:3px;transition:transform .14s}.heatmapGrid span:hover{transform:scale(1.35)}.heat-0{background:color-mix(in srgb, var(--accent) 6%, transparent)!important}.heat-1{background:color-mix(in srgb, var(--accent) 18%, transparent)!important}.heat-2{background:color-mix(in srgb, var(--accent) 38%, transparent)!important}.heat-3{background:color-mix(in srgb, var(--accent) 68%, transparent)!important}.heat-4{background:var(--accent)!important}@media (width<=1080px){.heatmapCard{grid-column:span 12}}@media (width<=640px){.heatmapGrid{gap:4px}}.kpiStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.kpiCard{min-width:0}.kpiTop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpiTop small{color:var(--accent-text);font-size:.74rem;font-weight:800}.kpiLabel{color:var(--accent-text);text-transform:uppercase;font-size:.76rem;font-weight:800}.kpiCard strong{margin:8px 0;font-size:1.8rem;display:block}.kpiCard p{color:var(--text-variant);margin:0;font-size:.86rem}@media (width<=1080px){.kpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.kpiStrip{grid-template-columns:1fr}}.monthComparisonCard{grid-column:span 12}.monthComparisonDelta{min-height:32px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:800;display:inline-flex}.monthComparisonDelta.negative{color:var(--warning,#d97706);background:color-mix(in srgb, var(--warning,#d97706) 12%, transparent)}.monthComparisonTotals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.monthComparisonTotals div{background:var(--surface-low);border-radius:12px;gap:4px;min-width:0;padding:14px;display:grid}.monthComparisonTotals span,.monthComparisonTotals small{color:var(--text-variant);font-size:.72rem;font-weight:800}.monthComparisonTotals strong{color:var(--accent-text);overflow-wrap:anywhere;font-size:1.28rem}.monthComparisonBars{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:8px;min-height:190px;padding:12px 0 2px;display:grid}.monthComparisonDay{grid-template-rows:minmax(130px,1fr) auto;gap:8px;min-width:0;display:grid}.monthComparisonDay>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:3px;min-height:130px;display:grid}.monthComparisonDay span.current,.monthComparisonDay span.previous{border-radius:999px 999px 3px 3px;min-height:0;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s;display:block}.monthComparisonDay span.current{background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, black) 100%);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent)}.monthComparisonDay span.previous{background:linear-gradient(180deg, var(--secondary-container) 0%, color-mix(in srgb, var(--secondary-container) 70%, black) 100%);opacity:.65;box-shadow:0 4px 12px color-mix(in srgb, var(--secondary-container) 10%, transparent)}.monthComparisonDay span.current:hover,.monthComparisonDay span.previous:hover{filter:brightness(1.15);cursor:pointer;transform:translateY(-2px)scaleX(1.05)}.monthComparisonDay small{min-width:0;color:var(--text-variant);text-align:center;text-overflow:ellipsis;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.64rem;overflow:hidden}.monthComparisonLegend{color:var(--text-variant);flex-wrap:wrap;gap:10px 16px;margin-top:12px;font-size:.76rem;font-weight:800;display:flex}.monthComparisonLegend span{align-items:center;gap:7px;display:inline-flex}.monthComparisonLegend i{border-radius:999px;width:9px;height:9px}.monthComparisonLegend i.current{background:var(--accent)}.monthComparisonLegend i.previous{background:var(--secondary-container)}@media (width<=760px){.monthComparisonTotals{grid-template-columns:1fr}.monthComparisonBars{gap:5px;min-height:150px}.monthComparisonDay{grid-template-rows:minmax(96px,1fr) auto}.monthComparisonDay>div{min-height:96px}}.dashboardStatusOverview{gap:16px;margin-bottom:16px;display:grid}.dashboardStatusPills{flex-wrap:wrap;gap:8px;display:flex}.dashboardStatusPills span{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900}.dashboardStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboardStatusTile{background:var(--surface-low);border-radius:8px;gap:6px;min-width:0;padding:14px;display:grid}.dashboardStatusTile span{color:var(--text-variant);text-transform:uppercase;font-size:.72rem;font-weight:900}.dashboardStatusTile strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.22rem;font-weight:900;overflow:hidden}.dashboardStatusTile small{color:var(--text-variant);font-size:.74rem;font-weight:800;line-height:1.35}@media (width<=1080px){.dashboardStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboardStatusGrid{grid-template-columns:1fr}}.metricRows{gap:14px;display:grid}.metricBarRow{gap:8px;display:grid}.metricBarRow>div{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.metricBarRow span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800;overflow:hidden}.metricBarRow strong{color:var(--text-variant);flex:none;font-size:.82rem;font-weight:900}.metricBarRow i,.metricBarRow i span{border-radius:999px;height:9px;display:block}.metricBarRow i{background:#191c1e0f}.toolDistribution{grid-column:span 6}.toolDistributionContent{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;margin-top:12px;display:grid}.donutChartWrapper{flex-shrink:0;width:140px;height:140px;position:relative}.donutChartLabel{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donutValue{color:var(--text);font-size:1.12rem;font-weight:850;line-height:1.1}.donutSub{color:var(--text-variant);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:110px;margin-top:4px;font-size:.62rem;font-weight:800;overflow:hidden}.donutChartEmpty{background:var(--surface-low);width:140px;height:140px;color:var(--text-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}@media (width<=1080px){.toolDistribution{grid-column:span 12}}@media (width<=640px){.toolDistributionContent{grid-template-columns:1fr;justify-items:center;gap:16px}}.workflowCoverageCard{grid-column:span 6;gap:14px;display:grid}.workflowCoverageRows{gap:14px;display:grid}.workflowCoverageRow{gap:8px;display:grid}.workflowCoverageRow>div,.workflowCoverageMeta{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.workflowCoverageRow span,.workflowCoverageMeta span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:900;overflow:hidden}.workflowCoverageRow strong,.workflowCoverageMeta strong{color:var(--accent-text);flex:none;font-size:.9rem;font-weight:900}.workflowCoverageRow i,.workflowCoverageRow i span{border-radius:999px;height:9px;display:block}.workflowCoverageRow i{background:#191c1e0f}.workflowCoverageRow i span{background:var(--secondary-container)}.workflowCoverageRow small,.workflowCoverageEmpty span{color:var(--text-variant);font-size:.76rem;font-weight:800;line-height:1.35}.workflowCoverageMeta{background:var(--surface-low);border-radius:8px;padding:11px 12px}.workflowCoverageEmpty{background:var(--surface-low);border-radius:8px;gap:6px;padding:14px;display:grid}.workflowCoverageEmpty strong{color:var(--text);font-size:.92rem}@media (width<=1080px){.workflowCoverageCard{grid-column:span 12}}.workflowCard,.workStepCard{grid-column:span 6}.workItemsCard{grid-column:span 12}.workflowMetricRows{align-content:start}.workTypeRows{min-height:236px}.workStepRows{min-height:286px}.workItemsTable{overscroll-behavior:contain;scrollbar-gutter:stable;gap:8px;max-height:clamp(360px,56vh,760px);padding-right:4px;display:grid;overflow-y:auto}.workItemsHeader,.workItemsRow{grid-template-columns:minmax(0,1.5fr) 150px 110px;align-items:center;gap:14px;display:grid}.workItemsHeader{z-index:1;background:var(--surface);color:var(--text-variant);letter-spacing:.08em;text-transform:uppercase;padding:8px 0;font-size:.72rem;font-weight:900;position:sticky;top:0}.workItemsRow{background:var(--surface-low);border-radius:8px;padding:12px}.workItemsRow span{min-width:0}.workItemsRow strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.workItemsRow small{color:var(--text-variant);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.7rem;font-weight:800;display:block;overflow:hidden}.workItemsRow>strong{color:var(--accent-text);justify-self:end}@media (width<=1080px){.workflowCard,.workItemsCard{grid-column:span 12}}@media (width<=640px){.workItemsHeader{display:none}.workItemsRow{grid-template-columns:1fr}.workItemsRow>strong{justify-self:start}}.dashboardBento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.dashboardDesktopLayout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:16px;display:grid}.dashboardMainColumn,.dashboardRightRail{min-width:0}.dashboardRightRail{gap:16px;display:grid}@media (width<=1080px){.dashboardDesktopLayout{grid-template-columns:1fr}.dashboardRightRail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.dashboardRightRail{grid-template-columns:1fr}}.deviceList{gap:10px;display:grid}.deviceList.compact{gap:8px}.deviceListSkeleton{pointer-events:none}.deviceItem{background:0 0;border-top:1px solid #191c1e0f;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;display:grid}html[data-theme=dark] .deviceItem{border-top-color:#ffffff1f}.deviceList .deviceItem:first-child{border-top:0}.deviceNameDisplay,.deviceTitleRow strong{overflow-wrap:anywhere;min-width:0}.deviceNameWrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deviceStatusBadge{background:color-mix(in srgb, var(--accent) 10%, transparent);height:18px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;align-items:center;padding:0 6px;font-size:.68rem;font-weight:800;display:inline-flex}.deviceRenameForm{gap:8px;width:min(420px,100%);min-width:0;display:grid}.deviceRenameInput{border:1px solid var(--outline-variant);width:100%;min-width:0;min-height:38px;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;padding:0 10px;font-size:.88rem}.deviceInlineActions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.deviceInlineActions.alignEnd{justify-content:flex-end}.deviceBody{min-width:0}.deviceBody p,.deviceBody small{color:var(--text-variant);margin:0;font-size:.78rem;line-height:1.55;display:block}.deviceMetric{text-align:right;min-width:0}.deviceMetric strong{color:var(--accent-text);display:block}.deviceMetric span{color:var(--text-variant);text-transform:uppercase;font-size:.72rem;font-weight:800}.deviceItemSkeleton{cursor:default}.deviceMetricSkeleton{border-radius:8px;width:92px;height:42px}.emptyDeviceRow{align-items:stretch;gap:18px}.settingsDevicePreview{background:var(--surface-container-low);object-fit:cover;border:1px solid #191c1e14;border-radius:12px;width:min(220px,34vw);min-height:118px}html[data-theme=dark] .settingsDevicePreview{border-color:#37393ebd}.settingsDeviceSteps{color:var(--text-variant);gap:4px;margin:8px 0 14px;padding-left:18px;font-size:.82rem;font-weight:700;line-height:1.45;display:grid}.settingsInlineActions{flex-wrap:wrap;gap:8px;display:flex}.settingsInlineActions a,.settingsInlineActions button{gap:8px}.dangerTextButton{color:var(--error);background:0 0;border:0;font-size:.82rem;font-weight:800;transition:transform .16s,color .16s,background .16s,border-color .16s,opacity .16s}@media (width<=820px){.settingsDevicePreview{width:100%}}@media (width<=640px){.deviceItem{grid-template-columns:32px minmax(0,1fr)}.deviceTitleRow{flex-direction:column;gap:8px}.deviceRenameForm{width:100%}.deviceMetric{text-align:left;grid-column:2}.deviceMetricSkeleton{grid-column:2;width:120px}.deviceInlineActions.alignEnd{justify-content:flex-start}}.segmentedPill{border-radius:var(--radius-panel);background:var(--surface-low);border:1px solid #191c1e0d;gap:3px;padding:5px;display:flex}.segmentedPill button{min-height:34px;color:var(--text-variant);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:.8rem;font-weight:800}.segmentedPill button.active{color:#fff;background:var(--accent);box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 16%, transparent)}html[data-theme=dark] .segmentedPill button.active{color:var(--on-accent);box-shadow:0 8px 18px #00ffc233}.profileDisplayRow{align-items:flex-start}.profileDisplayControls{gap:14px;width:min(100%,460px);display:grid}.profileNameField{color:var(--text-variant);gap:8px;font-size:.78rem;font-weight:850;display:grid}.profileNameField input{width:100%;min-height:40px;color:var(--text);background:var(--surface-low);font:inherit;border:1px solid #191c1e1a;border-radius:10px;padding:0 12px}html[data-theme=dark] .profileNameField input{border-color:#ffffff1f}.profileControlLabel{color:var(--text-variant);margin-bottom:8px;font-size:.78rem;font-weight:850;display:block}.avatarPresetGrid{grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;display:grid}.avatarPresetButton{min-height:86px;color:var(--text-variant);background:var(--surface-low);border:1px solid #191c1e14;border-radius:12px;justify-items:center;gap:8px;padding:10px 8px;font-size:.72rem;font-weight:850;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.avatarPresetButton:hover{transform:translateY(-1px)}.avatarPresetButton.active{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--accent) 14%, transparent)}.avatarPresetButton img{border-radius:999px;width:38px;height:38px}.profileAvatarDetail{margin-top:16px;font-size:.76rem}.profileResetButton{justify-self:start}@media (width<=820px){.segmentedPill{overflow-x:auto}.profileDisplayControls{width:100%}.avatarPresetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.settingsStack{gap:20px;max-width:1100px;display:grid}.settingsSection{gap:22px;display:grid}.settingsDetails{gap:14px;display:grid}.settingsDetails summary{min-height:56px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 4px;font-weight:850;display:flex}.settingsDetails summary small{color:var(--muted);font-weight:700}.settingsSectionHeader{justify-content:flex-start;align-items:center;gap:16px;display:flex}.settingsSectionHeader h2{margin:0;font-size:1.18rem}.settingsSectionHeader.withAction{justify-content:space-between}.settingsSectionHeader.withAction>div{align-items:center;gap:12px;display:flex}.settingsHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.settingsSectionHeader .symbolIcon{color:var(--accent-text)}.settingsRows{gap:18px;display:grid}.settingsRow{border-top:1px solid #191c1e0f;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.settingsRow:first-child{border-top:0;padding-top:0}.settingsRow strong{margin-bottom:4px;display:block}.settingsRow p,.localOnlyGrid p{color:var(--text-variant);margin:0;line-height:1.55}.settingsValue{max-width:380px;color:var(--text-variant);text-align:right;overflow-wrap:anywhere;font-size:.82rem;font-weight:700;line-height:1.45}.settingsLinkGroup{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.localOnlyGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.localOnlyGrid article{border:1px solid var(--outline-variant);border-radius:var(--radius-card);background:0 0;min-width:0;padding:16px}.localOnlyGrid article strong{color:var(--accent-text);margin-bottom:8px;display:block}@media (width<=1080px){.localOnlyGrid{grid-template-columns:1fr}}@media (width<=820px){.settingsRow,.settingsSectionHeader.withAction,.settingsHeaderActions{flex-direction:column;align-items:stretch}.settingsValue{text-align:left;max-width:none}.settingsLinkGroup{justify-content:flex-start}}.settingsDetails{background:var(--surface-low);border:1px solid #191c1e0f;border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}html[data-theme=dark] .settingsDetails{background:color-mix(in srgb, var(--surface-container-low) 60%, transparent);border-color:#ffffff1f}.settingsDetails summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 20px;list-style:none;display:flex}.settingsDetails summary::-webkit-details-marker{display:none}.summaryHeader{gap:4px;display:grid}.summaryHeader span{color:var(--text);font-size:1.18rem;font-weight:850}.summaryHeader small{color:var(--text-variant);font-size:.88rem;font-weight:700}.summaryChevron{color:var(--text-variant);justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}details[open] .summaryChevron{transform:rotate(180deg)}.settingsDetailsContent{background:0 0;border-top:1px solid #191c1e0f;padding:0 20px 20px}html[data-theme=dark] .settingsDetailsContent{border-top-color:#ffffff1f}.settingsDetailsContent .adminTableWrap{margin-top:24px}.deviceSetupPreviewShell{isolation:isolate;position:relative}.deviceSetupPreviewShell.hasOverlay{min-height:600px}.deviceSetupPreviewShell.hasOverlay:before{z-index:990;content:"";pointer-events:all;background:#f3f5f8d9;position:fixed;inset:0}html[data-theme=dark] .deviceSetupPreviewShell.hasOverlay:before{background:#0d0f11e0}.deviceSetupPreviewContent{will-change:opacity;gap:0;transition:opacity .16s;display:grid}.deviceSetupPreviewContent.dimmed{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.deviceRequiredPanel{color:var(--text);grid-column:span 4}.deviceRequiredHero{z-index:1000;top:50%;left:calc(50% + var(--sidebar-width) / 2);width:min(calc(100% - var(--sidebar-width) - 32px), 520px);text-align:center;background:#fffffffa;border:1px solid #006a6214;border-radius:20px;align-content:center;justify-items:center;gap:16px;padding:36px 40px;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000005,0 30px 70px #191c1e2e}html[data-theme=dark] .deviceRequiredHero{background:#1a1c20fa;border:1px solid #ffffff0f;box-shadow:0 4px 20px #00000014,0 30px 70px #00000080}.deviceRequiredIcon{width:72px;height:72px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-container-low,#eceef0));border-radius:999px;place-items:center;display:inline-grid;position:relative}html[data-theme=dark] .deviceRequiredIcon{background:color-mix(in srgb, var(--accent) 24%, #111317)}.deviceRequiredIcon .symbolIcon{font-size:2.2rem}.deviceRequiredIconBadge{color:var(--accent-text);position:absolute;top:6px;right:8px;font-size:.95rem!important}.deviceRequiredStatus{border-top:1px solid var(--outline-variant,#00000014);width:100%;color:var(--text-variant);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;padding-top:14px;font-size:.74rem}html[data-theme=dark] .deviceRequiredStatus{border-top-color:#ffffff14}.deviceRequiredPanel h2{max-width:440px;color:var(--text);letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:850;line-height:1.25}.deviceRequiredPanel p{max-width:420px;color:var(--text-variant);margin:0;font-size:.88rem;font-weight:500;line-height:1.5}.deviceRequiredActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0;display:grid}.deviceRequiredPanel button,.deviceRequiredPanel a{border:1px solid var(--outline-variant,#bacac6);min-height:48px;color:var(--text);background:var(--surface-container-low,#eceef0);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.86rem;font-weight:700;line-height:1.2;text-decoration:none;transition:all .18s;display:inline-flex}.deviceRequiredPanel button:hover,.deviceRequiredPanel a:hover{background:var(--surface-container-high,#e0e3e5);transform:translateY(-1px)}.deviceRequiredPanel a.primary{color:var(--on-accent);background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 15%, transparent);border-color:#0000}.deviceRequiredPanel a.primary:hover{background:color-mix(in srgb, var(--accent) 85%, black);box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 20%, transparent)}@media (width<=820px){.deviceRequiredPanel{grid-column:span 12}.deviceSetupPreviewShell.hasOverlay{min-height:600px}.deviceRequiredHero{width:calc(100% - 24px);padding:36px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.deviceRequiredHero h2{font-size:1.9rem}.deviceRequiredActions{grid-template-columns:1fr}.deviceRequiredPanel button,.deviceRequiredPanel a{min-height:58px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f9fb;--on-background:#191c1e;--surface:#f7f9fb;--surface-dim:#d8dadc;--surface-bright:#f7f9fb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--surface-lowest:var(--surface-container-lowest);--surface-low:var(--surface-container-low);--surface-high:var(--surface-container-high);--surface-highest:var(--surface-container-highest);--surface-variant:#e0e3e5;--surface-tint:#006a62;--inverse-surface:#2d3133;--inverse-on-surface:#eff1f3;--text:#191c1e;--text-variant:#3b4a47;--outline:#6b7a77;--outline-variant:#bacac6;--primary:#006a62;--on-primary:#fff;--primary-container:#00d1c1;--on-primary-container:#00544d;--inverse-primary:#2addcd;--secondary:#0050cc;--on-secondary:#fff;--secondary-container:#0266ff;--on-secondary-container:#f9f7ff;--secondary-fixed:#e0e6ff;--secondary-fixed-dim:#bdccff;--on-secondary-fixed:#001849;--on-secondary-fixed-variant:#003fa4;--tertiary:#565e74;--on-tertiary:#fff;--tertiary-container:#b3bad4;--on-tertiary-container:#424a60;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#57fae9;--primary-fixed-dim:#2addcd;--on-primary-fixed:#00201d;--on-primary-fixed-variant:#005049;--tertiary-fixed:#dae2fd;--tertiary-fixed-dim:#bec6e0;--on-tertiary-fixed:#131b2e;--on-tertiary-fixed-variant:#3f465c;--accent:var(--primary);--accent-text:var(--primary);--on-accent:var(--on-primary);--terminal-accent:#d97706;--shadow-soft:0 22px 60px #191c1e14;--shadow-card:0 14px 34px #191c1e0d;--radius-card:8px;--radius-panel:12px;--sidebar-width:280px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111317;--on-background:#e2e2e8;--surface:#111317;--surface-dim:#111317;--surface-bright:#37393e;--surface-container-lowest:#0c0e12;--surface-container-low:#1a1c20;--surface-container:#1e2024;--surface-container-high:#282a2e;--surface-container-highest:#333539;--surface-lowest:var(--surface-container-lowest);--surface-low:var(--surface-container-low);--surface-high:var(--surface-container-high);--surface-highest:var(--surface-container-highest);--surface-variant:#333539;--surface-tint:#00e1ab;--inverse-surface:#e2e2e8;--inverse-on-surface:#2f3035;--text:#e2e2e8;--text-variant:#b9cbc1;--outline:#83958c;--outline-variant:#3a4a43;--primary:#fbfffa;--on-primary:#003828;--primary-container:#00ffc2;--on-primary-container:#007255;--inverse-primary:#006c50;--secondary:#43ecdb;--on-secondary:#003732;--secondary-container:#00cfbf;--on-secondary-container:#00534c;--secondary-fixed:#d8e2ff;--secondary-fixed-dim:#a9c2ff;--on-secondary-fixed:#00201d;--on-secondary-fixed-variant:#005049;--tertiary:#fffdff;--on-tertiary:#1b0c9f;--tertiary-container:#e0deff;--on-tertiary-container:#5452d2;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--primary-fixed:#36ffc4;--primary-fixed-dim:#00e1ab;--on-primary-fixed:#002116;--on-primary-fixed-variant:#00513c;--tertiary-fixed:#e2dfff;--tertiary-fixed-dim:#c2c1ff;--on-tertiary-fixed:#0b006b;--on-tertiary-fixed-variant:#3531b4;--accent:var(--primary-container);--accent-text:var(--primary-container);--on-accent:var(--on-primary-container);--terminal-accent:#d97706;--shadow-soft:0 22px 60px #00000061;--shadow-card:0 14px 34px #0000004d}*{box-sizing:border-box}html{background:radial-gradient(circle at 80% 20%, #00d1c10f 0%, transparent 50%), radial-gradient(circle at 20% 80%, #1e62ec0a 0%, transparent 50%), var(--surface)}html[data-theme=dark]{background:radial-gradient(circle at 80% 18%, #00ffc214 0%, transparent 42%), radial-gradient(circle at 18% 82%, #8fb4ff0d 0%, transparent 44%), var(--surface)}body{min-width:320px;color:var(--text);background:0 0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, white);outline-offset:2px}