:root{--ink:#252231;--muted:#777283;--primary:#6d52df;--primary-ink:#5742b6;--paper:#fbfaff;--card:#fffdf8;--card-solid:#fff;--soft:#eeeaff;--line:#e8e4f1;--good:#258364;--bad:#b73549;--warn:#a56b00;--shadow:0 14px 38px #33217712;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#f4efff;--muted:#aaa2bb;--primary:#a996ff;--primary-ink:#d8ceff;--paper:#0f0b18;--card:#15111d;--card-solid:#15111d;--soft:#241d34;--line:#322844;--good:#6ee0b3;--bad:#ff8194;--warn:#f0c36c;--shadow:0 18px 48px #0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f4efff;--muted:#aaa2bb;--primary:#a996ff;--primary-ink:#d8ceff;--paper:#0f0b18;--card:#15111d;--card-solid:#15111d;--soft:#241d34;--line:#322844;--good:#6ee0b3;--bad:#ff8194;--warn:#f0c36c;--shadow:0 18px 48px #0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 0, color-mix(in srgb, var(--soft) 78%, transparent) 0 16%, transparent 34%), radial-gradient(circle at 96% 8%, #fff0d8b8 0 14%, transparent 31%), var(--paper);min-width:320px;min-height:100dvh;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}:root[data-theme=dark] body{background:radial-gradient(circle at 18% 0, #211832 0 30%, transparent 54%), radial-gradient(circle at 96% 8%, #241719 0 15%, transparent 34%), var(--paper)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:radial-gradient(circle at 18% 0, #211832 0 30%, transparent 54%), radial-gradient(circle at 96% 8%, #241719 0 15%, transparent 34%), var(--paper)}}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{width:18px;height:18px}h1,h2,h3,p{overflow-wrap:anywhere}.brand{align-items:center;gap:8px;min-width:0;font-size:20px;font-weight:800;display:inline-flex}.brandLogo{width:188px;height:44px;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.brandLogo img{width:100%;height:100%;display:block}.brandLogo .brandLogoDark,:root[data-theme=dark] .brandLogo .brandLogoLight{display:none}:root[data-theme=dark] .brandLogo .brandLogoDark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brandLogo .brandLogoLight{display:none}:root:not([data-theme=light]) .brandLogo .brandLogoDark{display:block}}.brand span{background:var(--soft);width:34px;height:34px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.brandMark{overflow:hidden;box-shadow:0 8px 18px #6048cf22;background:0 0!important}.brandMark img{border-radius:inherit;width:100%;height:100%;display:block}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 16px;font-size:13px;font-weight:750;line-height:1;display:inline-flex}.button svg{width:16px;height:16px}.primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #6d52df2e}.primary:hover{background:var(--primary-ink)}.ghost{background:var(--soft);color:var(--primary-ink)}.light{color:var(--primary);background:#fff}.full{width:100%}:root[data-theme=dark] .primary{color:#fff;background:linear-gradient(135deg,#7c67ee,#6049cf);box-shadow:0 10px 26px #4c37bd40}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .primary{color:#fff;background:linear-gradient(135deg,#7c67ee,#6049cf);box-shadow:0 10px 26px #4c37bd40}}.topbar,.appHeader{justify-content:space-between;align-items:center;gap:14px;width:min(1160px,100% - 40px);margin:0 auto;padding:20px 0 12px;display:flex}.topbar nav,.navActions,.headerActions,.authTop{align-items:center;gap:10px;display:flex}.topbar nav{font-size:14px;font-weight:700}.headerActions{justify-content:flex-end}.themeSwitch{border:1px solid var(--line);background:var(--card);width:64px;height:34px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:3px 4px;display:inline-flex;box-shadow:0 8px 18px #33217712}.themeSwitchTrack{background:color-mix(in srgb, var(--soft) 72%, #f3dec6);border-radius:999px;flex:none;justify-content:space-between;align-items:center;width:54px;height:26px;padding:0 7px;display:flex;position:relative}.themeIcon{z-index:1;width:13px;height:13px}.sunIcon{color:#a65f24}.moonIcon{color:#8b80a6}.themeSwitchKnob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #3c2b1740}.themeSwitch.isDark{color:#f4efff;background:#17131f;border-color:#332944;box-shadow:0 10px 28px #0005}.themeSwitch.isDark .themeSwitchTrack{background:#272137}.themeSwitch.isDark .themeSwitchKnob{background:#0f0b18;transform:translate(28px)}.themeSwitch.isDark .sunIcon{color:#6f667e}.themeSwitch.isDark .moonIcon{color:#d6ccff}.themeSwitchLabel{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing{min-height:100dvh;overflow:hidden}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;width:min(1160px,100% - 40px);margin:auto;padding:56px 0 48px;display:grid;position:relative}.hero:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--card-solid) 80%, transparent);background:color-mix(in srgb, var(--card) 78%, transparent);border-radius:28px;position:absolute;inset:22px -10px 26px;box-shadow:0 26px 80px #33217710}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.06em;max-width:760px;margin:18px 0;font-size:clamp(42px,7vw,76px);line-height:.98}.lead{max-width:620px;color:var(--muted);font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.heroChips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.heroChips span,.emptyExamples span{border:1px solid var(--line);background:var(--card-solid);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.phoneCard,.useCases article,.benefits article,.cta,.authCard,.moneyHero,.mainPanel,.compactPanel,.subCard,.emptyState,.statsRow article,.adminPanel,.modal,.confirmDialog{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.phoneCard{border-radius:22px;padding:22px;position:relative;overflow:hidden;transform:rotate(1.5deg)}.phoneHeader{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.phoneHeader b{color:var(--ink);font-size:17px}.total{background:var(--primary);color:#fff;border-radius:18px;margin:20px 0;padding:20px}.total small{opacity:.78;display:block}.total strong{letter-spacing:-.04em;font-size:40px}.subMini{border:1px solid var(--line);background:var(--card-solid);border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;margin-top:9px;padding:12px;display:grid}.subMini span,.subTop span,.miniDue>span,.memberRow span{background:var(--soft);color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.subMini span{width:44px;height:44px;font-size:23px}.subMini small{color:var(--muted);margin-top:3px;display:block}.phoneNote{background:color-mix(in srgb, #fff7df 78%, var(--card));color:var(--warn);border-radius:12px;margin-top:12px;padding:11px 12px;font-size:12px;font-weight:750}.useCases,.benefits{gap:14px;width:min(1160px,100% - 40px);margin:0 auto;display:grid}.useCases{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.benefits{grid-template-columns:repeat(3,1fr);margin:8px auto 72px}.useCases article,.benefits article{border-radius:16px;padding:22px}.useCases svg,.benefits svg{background:var(--soft);width:38px;height:38px;color:var(--primary);border-radius:12px;margin-bottom:16px;padding:8px}.useCases b,.benefits b{font-size:18px;display:block}.useCases p,.benefits p{color:var(--muted);margin-bottom:0;line-height:1.55}.cta{background:var(--primary);color:#fff;text-align:center;border-radius:20px;width:min(1160px,100% - 40px);margin:10px auto 34px;padding:48px 20px;box-shadow:0 24px 60px #6d52df30}.cta h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,4vw,44px)}.cta p{color:#eee9ff}.landingDemo{grid-template-columns:.8fr 1fr;align-items:stretch;gap:18px;width:min(1160px,100% - 40px);margin:16px auto 42px;display:grid}.demoCopy,.demoBoard{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:16px;padding:20px}.demoCopy h2{letter-spacing:-.04em;margin:10px 0;font-size:28px}.demoCopy p{color:var(--muted);line-height:1.55}.presetTabs{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.presetTabs button,.demoBoardHead button{border:1px solid var(--line);background:var(--card-solid);border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.presetTabs button.active{background:var(--soft);color:var(--primary-ink)}.demoBoard{transition:box-shadow .18s,transform .18s}.demoBoard.isFlash{transform:translateY(-1px);box-shadow:0 22px 56px #6d52df24}.demoBoardHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.demoBoardHead small,.demoTotal small,.demoList small{color:var(--muted);display:block}.demoTotal{background:var(--soft);border-radius:14px;align-items:center;gap:10px;margin:16px 0;padding:14px;display:flex}.demoTotal strong{letter-spacing:-.04em;font-size:28px}.demoList{gap:8px;display:grid}.demoList article{border:1px solid var(--line);background:var(--card-solid);border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.demoList span{background:var(--soft);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.authPage{place-items:center;min-height:100dvh;padding:24px;display:grid}.authTop{justify-content:space-between;position:absolute;top:22px;left:22px;right:22px}.authCard{border-radius:18px;width:min(420px,100%);padding:18px}.tabs{background:var(--soft);border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.tabs button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:750}.tabs .active{background:var(--card-solid);color:var(--primary);box-shadow:0 8px 18px #33217710}.authCard h1{letter-spacing:-.04em;margin:16px 0 12px;font-size:25px}label{color:var(--muted);gap:5px;margin:8px 0;font-size:12px;font-weight:750;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--card-solid);width:100%;height:36px;min-height:36px;color:var(--ink);outline-offset:0;border-radius:9px;outline:2px solid #0000;padding:0 9px}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--line));outline-color:color-mix(in srgb, var(--primary) 18%, transparent)}.formMessage{white-space:pre-line;background:var(--soft);color:var(--primary-ink);border-radius:10px;padding:9px 10px;font-size:12px;line-height:1.45}.authHint{white-space:pre-line;color:var(--muted);font-size:12px;line-height:1.45}.textButton{width:fit-content;min-height:32px;color:var(--primary);background:0 0;border:0;border-radius:8px;margin:8px auto 0;padding:0 8px;font-size:13px;font-weight:750}.textButton:hover{background:var(--soft)}.dashboardPage,.adminPage{width:min(1060px,100% - 36px);min-height:100dvh;margin:0 auto;padding:0 0 36px}.dashboardPage:before,.adminPage:before{display:none}.appHeader{width:100%;padding:14px 0 8px}.smallBtn{border:1px solid var(--line);background:var(--card-solid);border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:12px;font-weight:750;display:flex}.smallBtn svg,.compactButton svg,.inviteToggle svg,.cardActions button svg,.inviteActions button svg{flex:none;width:15px;height:15px}.workspaceBar{scrollbar-width:none;margin:0 0 10px;padding-bottom:2px;overflow-x:auto}.workspaceBar::-webkit-scrollbar{display:none}.workspaceList{gap:6px;min-width:max-content;display:flex}.workspaceList button{border:1px solid var(--line);background:var(--card-solid);text-align:left;border-radius:10px;align-items:center;gap:7px;max-width:210px;min-height:36px;padding:5px 8px;display:flex}.workspaceList button.active{border-color:color-mix(in srgb, var(--primary) 32%, var(--line));background:var(--soft)}.workspaceList span{background:var(--soft);width:22px;height:22px;color:var(--primary);border-radius:7px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.workspaceList b{text-overflow:ellipsis;white-space:nowrap;max-width:142px;font-size:11px;font-weight:700;display:block;overflow:hidden}.workspaceList small{color:var(--muted);font-size:10px;display:block}.createSpace{color:var(--primary);font-weight:750}.topProgress{background:var(--soft);border-radius:999px;height:2px;margin-bottom:8px;overflow:hidden}.topProgress:before{content:"";border-radius:inherit;background:var(--primary);width:40%;height:100%;animation:1s ease-in-out infinite progress;display:block}.pageLoader{min-height:100dvh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.pageLoader b{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:760}.pageLoader small{color:var(--muted);font-size:12px;line-height:1.35}.pulseLoader{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, var(--card-solid)), var(--card-solid));width:54px;height:54px;box-shadow:0 16px 38px color-mix(in srgb, var(--primary) 16%, transparent);border-radius:18px;place-items:center;margin-bottom:6px;display:inline-grid;position:relative;overflow:hidden}.pulseLoader:before{content:"";border:2px solid color-mix(in srgb, var(--primary) 20%, transparent);border-top-color:var(--primary);border-radius:50%;animation:1s linear infinite loaderSpin;position:absolute;inset:9px}.pulseLoader:after{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 18px color-mix(in srgb, var(--primary) 64%, transparent);border-radius:50%;animation:1s ease-in-out infinite loaderDot;position:absolute}.pulseLoader i{background:color-mix(in srgb, var(--primary) 18%, transparent);opacity:.75;border-radius:999px;width:8px;height:18px;position:absolute}.pulseLoader i:first-child{transform:translate(-12px)rotate(-12deg)}.pulseLoader i:nth-child(2){background:color-mix(in srgb, var(--primary) 26%, transparent);height:24px}.pulseLoader i:nth-child(3){transform:translate(12px)rotate(12deg)}:root[data-theme=dark] .pulseLoader{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--card-solid)), var(--card-solid));box-shadow:0 18px 42px #0007}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pulseLoader{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--card-solid)), var(--card-solid));box-shadow:0 18px 42px #0007}}.spinIcon{animation:.8s linear infinite spin}.moneyHero{border-radius:14px;grid-template-columns:minmax(220px,.85fr) 1.15fr;align-items:end;gap:12px;margin:10px 0 12px;padding:14px;display:grid}.moneyHero .eyebrow{margin-bottom:8px}.spaceMetaPill{border:1px solid var(--line);background:var(--soft);width:fit-content;color:var(--primary-ink);border-radius:999px;margin:0 0 8px;padding:4px 7px;font-size:10px;font-weight:750}.moneyHero h1{letter-spacing:-.055em;margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.08}.ownerHint{color:var(--muted);margin:8px 0 0;font-size:13px}.moneyHeroStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.moneyHeroStats article{border:1px solid var(--line);background:var(--card-solid);border-radius:10px;min-width:0;padding:9px}.moneyHeroStats span{color:var(--muted);font-size:11px;font-weight:650;display:block}.moneyHeroStats b{letter-spacing:-.035em;margin-top:3px;font-size:clamp(15px,1.7vw,19px);display:block}.workspaceLayout{grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:12px;display:grid}.mainPanel,.compactPanel,.subCard,.emptyState{border-radius:14px}.mainPanel,.compactPanel{padding:12px}.sidePanel{gap:12px;display:grid}.panelHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panelHead h2,.compactPanel h2{letter-spacing:-.025em;margin:0;font-size:16px}.panelHead p{color:var(--muted);margin:3px 0 0;font-size:12px}.compactButton{width:auto;min-height:32px;padding:0 10px}.subList{gap:8px;display:grid}.compactSubCard{box-shadow:none;border-radius:12px;grid-template-columns:minmax(180px,1fr) 136px auto;align-items:center;gap:10px;padding:10px;display:grid;position:relative}.compactSubCard:before{content:"";background:var(--primary);opacity:.62;border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.subTop span{width:36px;height:36px;font-size:19px}.subTop b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.subTop small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.subAmount{text-align:right;gap:3px;display:grid}.subAmount strong{letter-spacing:-.035em;font-size:17px}.subAmount small{color:var(--muted);white-space:nowrap;font-size:11px}.datePill{border:1px solid var(--line);background:color-mix(in srgb, #fff8e8 78%, var(--card));border-radius:999px;justify-self:end;width:fit-content;padding:5px 7px;font-weight:750;color:var(--warn)!important}.trialLine{border:1px solid color-mix(in srgb, var(--warn) 28%, var(--line));background:color-mix(in srgb, #fff8e8 78%, var(--card));width:fit-content;color:var(--warn);border-radius:9px;grid-column:1/3;align-items:center;gap:7px;margin:0;padding:6px 8px;font-size:12px;display:inline-flex}.cardActions{justify-content:flex-end;gap:7px;display:flex}.cardActions button,.inviteActions button{border:1px solid var(--line);background:var(--soft);min-height:31px;color:var(--primary-ink);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.cardActions button:first-child,.inviteActions button:nth-child(2){background:color-mix(in srgb, var(--good) 10%, var(--card-solid));color:var(--good)}.cardActions button:last-child{background:var(--card-solid);color:color-mix(in srgb, var(--bad) 70%, var(--muted))}.memberRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.memberRow span{width:30px;height:30px;font-size:13px;font-weight:800}.inviteForm{border:1px solid var(--line);background:var(--card-solid);border-radius:12px;grid-template-columns:1fr;gap:7px;margin-top:10px;padding:10px;display:grid}.inviteIntro{gap:2px;margin-bottom:2px;display:grid}.inviteIntro b{letter-spacing:-.02em;font-size:13px}.inviteIntro small{color:var(--muted);font-size:11px;line-height:1.35}.inviteActions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.inviteActions button:first-child{background:var(--card-solid);color:var(--primary)}.inviteUrlBox{border:1px solid var(--line);background:var(--card-solid);border-radius:12px;gap:7px;margin-top:9px;padding:9px;display:grid}.inviteUrl{border:1px dashed var(--line);background:var(--paper);color:var(--muted);overflow-wrap:anywhere;border-radius:9px;max-height:68px;margin:0;padding:8px;font-size:12px;overflow:auto}.copyInviteButton{border:1px solid var(--line);background:var(--card-solid);width:100%;min-height:32px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.copyInviteButton svg{width:15px;height:15px}.miniDue{border-top:1px solid var(--line);grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:8px 0;display:grid}.miniDue:first-of-type{border-top:0}.miniDue>span{width:34px;height:34px}.miniDue b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;display:block;overflow:hidden}.miniDue small,.mutedText{color:var(--muted);font-size:12px}.miniEmpty{border:1px dashed var(--line);background:var(--card-solid);text-align:center;border-radius:12px;justify-items:center;gap:6px;margin-top:10px;padding:12px;display:grid}.miniEmpty span{background:var(--soft);border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.miniEmpty p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.dangerPanel{border-color:color-mix(in srgb, var(--bad) 24%, var(--line));box-shadow:none}.dangerAction{border:1px solid color-mix(in srgb, var(--bad) 28%, var(--line));background:color-mix(in srgb, var(--bad) 10%, var(--card-solid));width:100%;min-height:32px;color:var(--bad);border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.dangerAction svg{width:15px;height:15px}.compactEmpty{text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:9px;min-height:260px;padding:22px 14px;display:grid}.compactEmpty h2{margin:0 0 5px;font-size:17px}.compactEmpty p{color:var(--muted);margin:0}.emptyIcon{background:var(--soft);border-radius:14px;place-items:center;width:52px;height:52px;font-size:27px;display:grid;box-shadow:0 14px 34px #33217712}.emptyExamples{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:4px;display:flex}.emptyExamples span{padding:5px 8px;font-size:11px}.toast{z-index:30;border:1px solid var(--line);background:var(--card);max-width:min(360px,100vw - 28px);min-height:40px;color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;animation:3s both toast;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 18px 48px #33217724}.toast svg{width:17px;height:17px;color:var(--good);flex:none}.modalBackdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21193661;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:14px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:14px;overflow:auto;box-shadow:0 28px 80px #140e2538}.modalHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.modalHead h2{letter-spacing:-.03em;margin:0;font-size:18px}.modalHead p{color:var(--muted);margin:4px 0 0;font-size:12px}.modalHead button,.confirmClose{background:var(--soft);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--ink);border:0;border-radius:9px;flex:none;place-items:center;padding:0;line-height:0;display:grid}.modalHead button svg,.confirmClose svg{width:17px;height:17px;display:block}.modalActions{border-top:1px solid var(--line);background:color-mix(in srgb, var(--card) 96%, transparent);justify-content:flex-end;gap:8px;margin:12px -14px -14px;padding:12px 14px 14px;display:flex;position:sticky;bottom:-14px}.modalActions .button{min-width:112px;min-height:36px}.confirmBackdrop{z-index:35}.confirmDialog{text-align:center;border-radius:14px;width:min(390px,100%);padding:18px;position:relative;box-shadow:0 28px 80px #140e2538}.confirmClose{cursor:pointer;position:absolute;top:10px;right:10px}.confirmIcon{background:color-mix(in srgb, var(--bad) 11%, var(--card-solid));width:46px;height:46px;color:var(--bad);border-radius:12px;place-items:center;margin:0 auto 12px;display:grid}.confirmDialog h2{letter-spacing:-.03em;margin:0;font-size:19px}.confirmDialog p{color:var(--muted);margin:8px 0 16px;font-size:13px;line-height:1.45}.confirmActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirmActions button{border:1px solid var(--line);background:var(--card-solid);min-height:36px;color:var(--ink);border-radius:10px;font-size:12px;font-weight:750}.confirmActions .dangerConfirm{border-color:color-mix(in srgb, var(--bad) 28%, var(--line));background:color-mix(in srgb, var(--bad) 10%, var(--card-solid));color:var(--bad)}.confirmBackdrop{padding:14px}.confirmDialog{text-align:left;border-radius:13px;width:min(330px,100%);padding:14px}.confirmClose{border:1px solid var(--line);background:var(--card-solid);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;padding:0;line-height:0;display:grid;position:absolute;top:8px;left:auto;right:8px}.confirmClose svg{width:14px;height:14px}.confirmIcon{border-radius:10px;width:34px;height:34px;margin:0 0 10px}.confirmIcon svg{width:17px;height:17px}.confirmIcon{display:none}.confirmDialog h2{max-width:calc(100% - 38px);margin:0;font-size:16px;line-height:1.15}.spaceNameEdit button svg{width:15px;height:15px}.confirmDialog p{margin:7px 0 12px;font-size:12px;line-height:1.38}.confirmActions{gap:7px}.confirmActions button{border-radius:9px;min-height:32px;font-size:11px}.prettyTip{position:relative;overflow:visible}.prettyTip:before{content:attr(data-tip);z-index:80;border:1px solid var(--line);background:var(--card);width:max-content;max-width:190px;color:var(--ink);text-align:center;opacity:0;pointer-events:none;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;line-height:1.2;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 22px #3321771f}.prettyTip:hover:before,.prettyTip:focus-visible:before{opacity:1;transform:translate(-50%)}.modal .prettyTip:before,.modalBackdrop .prettyTip:before{display:none!important}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkRow{border:1px solid var(--line);background:var(--card-solid);min-height:38px;color:var(--ink);border-radius:9px;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:grid}.checkRow input{width:16px;height:16px;min-height:16px;accent-color:var(--primary);padding:0}.adminPage h1{letter-spacing:-.04em;font-size:36px}.statsRow{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.statsRow article,.adminPanel{border-radius:14px;padding:16px}.statsRow article{color:var(--muted)}.statsRow b{color:var(--ink);font-size:27px;display:block}.adminGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.adminPanel{max-height:520px;overflow:auto}.adminPanel article{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.adminPanel article:first-of-type{border-top:0}.adminPanel small{color:var(--muted);margin-top:4px;display:block}.adminPanel button{border:1px solid color-mix(in srgb, var(--bad) 28%, var(--line));background:color-mix(in srgb, var(--bad) 10%, var(--card-solid));color:var(--bad);border-radius:9px;padding:8px 10px;font-weight:750}.modalHead button:focus-visible,.confirmClose:focus-visible,.confirmActions button:focus-visible,.modalActions .button:focus-visible,.button:focus-visible,.smallBtn:focus-visible,.workspaceList button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid color-mix(in srgb, var(--primary) 52%, transparent);outline-offset:0}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderDot{0%,to{opacity:.72;transform:translateY(-13px)scale(.9)}50%{opacity:1;transform:translateY(13px)scale(1.08)}}@media (max-width:920px){.hero,.useCases,.benefits,.landingDemo,.moneyHero,.workspaceLayout,.adminGrid{grid-template-columns:1fr}.phoneCard{transform:none}.moneyHero{align-items:stretch}.sidePanel,.statsRow{grid-template-columns:1fr 1fr}}@media (max-width:640px){.topbar,.appHeader,.hero,.useCases,.benefits,.landingDemo,.cta{width:calc(100% - 24px)}.topbar,.appHeader{padding:12px 0 7px}.dashboardPage,.adminPage{width:calc(100% - 24px);padding-bottom:30px}.hero{gap:28px;padding:32px 0 38px}.hero:before{display:none}.hero h1{font-size:42px}.lead{font-size:16px}.actions .button,.cta .button{width:100%}.phoneCard,.authCard{border-radius:16px}.useCases article,.benefits article{border-radius:14px;padding:18px}.cta{border-radius:16px;margin-top:6px;margin-bottom:18px;padding:42px 18px}.authPage{flex-direction:column;justify-content:center;padding:72px 12px 20px;display:flex}.authTop{top:12px;left:12px;right:12px}.moneyHero{border-radius:14px;padding:12px}.moneyHero h1{font-size:26px}.moneyHeroStats{grid-template-columns:1fr 1fr}.workspaceList button{max-width:176px;min-height:34px}.workspaceList b{max-width:108px}.panelHead{align-items:flex-start}.panelHead p{display:none}.compactSubCard{grid-template-columns:1fr;gap:9px}.compactSubCard:before{top:12px;bottom:12px}.subAmount{text-align:left}.subAmount small{white-space:normal}.datePill{justify-self:start}.trialLine{grid-column:auto;width:100%}.cardActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.cardActions button,.inviteActions button,.dangerAction{min-height:32px}.sidePanel,.inviteForm,.grid2,.inviteActions{grid-template-columns:1fr}.toast{max-width:none;top:12px;left:12px;right:12px}.prettyTip:before{display:none}.confirmDialog{border-radius:14px;padding:16px}.confirmActions{flex-direction:column-reverse;display:flex}.modalActions{background:0 0;border-top:0;flex-direction:column-reverse;margin:12px 0 0;padding:0;position:static}.modalActions .button{width:100%;min-height:40px}.modalBackdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:14px}.statsRow{grid-template-columns:1fr}.mobileUpcoming{margin:12px 0;display:block}.desktopUpcoming{display:none}}.subList{gap:10px}.compactSubCard{isolation:isolate;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;position:relative;overflow:hidden}.compactSubCard:before{content:"";background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--good) 78%, var(--primary)));opacity:.78;z-index:-1;border-radius:0;width:4px;position:absolute;inset:0 auto 0 0}.compactSubCard:after{content:"";background:color-mix(in srgb, var(--soft) 64%, transparent);opacity:.55;z-index:-1;border-radius:50%;width:120px;height:120px;position:absolute;top:-48px;right:-42px}.subTop{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.subTop span{border-radius:12px;width:40px;height:40px;font-size:20px}.subTop b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;max-width:100%;font-size:15px;font-weight:760;display:block;overflow:hidden}.subTop small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);margin-top:3px;font-size:12px;display:block;overflow:hidden}.subAmount{text-align:right;justify-items:end;gap:6px;display:grid}.subAmount strong{letter-spacing:-.045em;white-space:nowrap;font-size:20px;line-height:1}.datePill{border:1px solid var(--line);background:color-mix(in srgb, #fff8e8 76%, var(--card-solid));border-radius:999px;justify-self:end;width:fit-content;padding:5px 8px;font-size:11px;font-weight:760;color:var(--warn)!important}.trialLine{background:color-mix(in srgb, #fff8e8 76%, var(--card-solid));border-radius:999px;justify-self:end;width:fit-content;max-width:100%;margin:0;padding:6px 9px;font-size:11px;font-weight:720}.cardActions{grid-column:1/-1;grid-template-columns:repeat(3,max-content);justify-content:end;gap:7px;width:100%;padding-top:2px;display:grid}.cardActions button{border-radius:9px;min-height:32px;padding:0 10px;font-size:11px;font-weight:740}@media (max-width:640px){.compactSubCard{grid-template-columns:1fr;gap:10px;padding:12px}.subAmount{text-align:left;justify-items:start;padding-left:50px}.datePill{justify-self:start}.trialLine{justify-self:start;width:fit-content;max-width:100%;margin-left:0}.cardActions{grid-template-columns:1fr;display:grid}}.mobileUpcoming{display:none}.iconOnly{flex:0 0 34px;place-items:center;width:34px;padding:0;display:inline-grid}.iconOnly svg{width:15px;height:15px;margin:0}.headerActions .iconOnly.prettyTip:before{top:calc(100% + 7px);bottom:auto;transform:translate(-50%,-4px)}.headerActions .iconOnly.prettyTip:hover:before,.headerActions .iconOnly.prettyTip:focus-visible:before{transform:translate(-50%)}.button,.smallBtn,.workspaceList button,.cardActions button,.inviteActions button,.copyInviteButton,.dangerAction,.inviteToggle,.textButton{transition:background-color .16s,border-color .16s,color .16s,opacity .16s}.primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 86%, #000)}.ghost:hover:not(:disabled),.smallBtn:hover:not(:disabled),.workspaceList button:hover:not(:disabled),.copyInviteButton:hover:not(:disabled),.inviteToggle:hover:not(:disabled),.textButton:hover:not(:disabled){background:color-mix(in srgb, var(--soft) 78%, var(--card-solid));border-color:color-mix(in srgb, var(--primary) 24%, var(--line))}.cardActions button:first-child:hover:not(:disabled),.inviteActions button:nth-child(2):hover:not(:disabled){background:color-mix(in srgb, var(--good) 16%, var(--card-solid));border-color:color-mix(in srgb, var(--good) 28%, var(--line))}.cardActions button:last-child:hover:not(:disabled),.dangerAction:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 13%, var(--card-solid));border-color:color-mix(in srgb, var(--bad) 30%, var(--line))}.datePill{background:color-mix(in srgb, var(--card-solid) 82%, var(--soft));padding:3px 7px;font-size:10px;font-weight:700;color:var(--muted)!important}.trialLine{background:color-mix(in srgb, #f5f0e7 24%, var(--card-solid));color:#999187;opacity:.7;border-color:#eee8df;gap:2px;padding:1px 5px;font-size:8px;line-height:1.2}.trialLine svg{width:8px;height:8px}.trialLine b{color:inherit;font-weight:650}.trialLine span,.trialLine b{display:inline-block}.membersHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.membersHead h2{margin:0}.inviteToggle{border:1px solid var(--line);background:var(--card-solid);min-height:30px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:760;display:inline-flex}.inviteForm{animation:.18s ease-out both inviteOpen}@keyframes inviteOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:640px){.membersHead{align-items:center}.inviteToggle{min-height:32px}}.button,.smallBtn,.workspaceList button,.cardActions button,.inviteActions button,.copyInviteButton,.dangerAction,.inviteToggle,.textButton{will-change:auto;transition:background .12s,border-color .12s,color .12s}@media (hover:hover){.primary:hover:not(:disabled){background:#5f48c8}.ghost:hover:not(:disabled),.smallBtn:hover:not(:disabled),.workspaceList button:hover:not(:disabled),.copyInviteButton:hover:not(:disabled),.inviteToggle:hover:not(:disabled),.textButton:hover:not(:disabled){background:#e7e1fb;border-color:#d9d0f4}.cardActions button:first-child:hover:not(:disabled),.inviteActions button:nth-child(2):hover:not(:disabled){background:#e7f6ef;border-color:#c8eadb}.cardActions button:last-child:hover:not(:disabled),.dangerAction:hover:not(:disabled){background:#fdecef;border-color:#efc6ce}}.datePill{background:#f5f1fa;border-color:#e6e0ef;color:#8a8495!important}.trialLine{color:#999187;background:#f7f4ef;border-color:#eee8df}:root[data-theme=dark] .datePill{background:#211b2c;border-color:#342944;color:#9f97ad!important}:root[data-theme=dark] .trialLine{color:#7f7789;background:#18151a;border-color:#25212a}:root[data-theme=dark] .primary{background:#7764dc;box-shadow:0 8px 20px #00000026}:root[data-theme=dark] .smallBtn,:root[data-theme=dark] .workspaceList button,:root[data-theme=dark] .copyInviteButton,:root[data-theme=dark] .inviteToggle,:root[data-theme=dark] .inviteActions button:first-child,:root[data-theme=dark] .cardActions button:last-child{color:#d8ceff;background:#15111d;border-color:#322844}:root[data-theme=dark] .cardActions button:first-child,:root[data-theme=dark] .inviteActions button:nth-child(2){color:#78ddb5;background:#142720;border-color:#245442}:root[data-theme=dark] .dangerAction{color:#ff9aac;background:#29141d;border-color:#4a2330}@media (hover:hover){:root[data-theme=dark] .primary:hover:not(:disabled){background:#806de4;box-shadow:0 8px 20px #00000026}:root[data-theme=dark] .ghost:hover:not(:disabled),:root[data-theme=dark] .smallBtn:hover:not(:disabled),:root[data-theme=dark] .workspaceList button:hover:not(:disabled),:root[data-theme=dark] .copyInviteButton:hover:not(:disabled),:root[data-theme=dark] .inviteToggle:hover:not(:disabled),:root[data-theme=dark] .textButton:hover:not(:disabled){background:#20182e;border-color:#46375d}:root[data-theme=dark] .cardActions button:first-child:hover:not(:disabled),:root[data-theme=dark] .inviteActions button:nth-child(2):hover:not(:disabled){background:#183329;border-color:#2f6b55}:root[data-theme=dark] .cardActions button:last-child:hover:not(:disabled),:root[data-theme=dark] .dangerAction:hover:not(:disabled){background:#351722;border-color:#5a2635}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .datePill{background:#211b2c;border-color:#342944;color:#9f97ad!important}:root:not([data-theme=light]) .trialLine{color:#7f7789;background:#18151a;border-color:#25212a}:root:not([data-theme=light]) .primary{background:#7764dc;box-shadow:0 8px 20px #00000026}:root:not([data-theme=light]) .smallBtn,:root:not([data-theme=light]) .workspaceList button,:root:not([data-theme=light]) .copyInviteButton,:root:not([data-theme=light]) .inviteToggle,:root:not([data-theme=light]) .inviteActions button:first-child,:root:not([data-theme=light]) .cardActions button:last-child{color:#d8ceff;background:#15111d;border-color:#322844}:root:not([data-theme=light]) .cardActions button:first-child,:root:not([data-theme=light]) .inviteActions button:nth-child(2){color:#78ddb5;background:#142720;border-color:#245442}:root:not([data-theme=light]) .dangerAction{color:#ff9aac;background:#29141d;border-color:#4a2330}}@media (prefers-color-scheme:dark) and (hover:hover){:root:not([data-theme=light]) .primary:hover:not(:disabled){background:#806de4;box-shadow:0 8px 20px #00000026}:root:not([data-theme=light]) .ghost:hover:not(:disabled),:root:not([data-theme=light]) .smallBtn:hover:not(:disabled),:root:not([data-theme=light]) .workspaceList button:hover:not(:disabled),:root:not([data-theme=light]) .copyInviteButton:hover:not(:disabled),:root:not([data-theme=light]) .inviteToggle:hover:not(:disabled),:root:not([data-theme=light]) .textButton:hover:not(:disabled){background:#20182e;border-color:#46375d}:root:not([data-theme=light]) .cardActions button:first-child:hover:not(:disabled),:root:not([data-theme=light]) .inviteActions button:nth-child(2):hover:not(:disabled){background:#183329;border-color:#2f6b55}:root:not([data-theme=light]) .cardActions button:last-child:hover:not(:disabled),:root:not([data-theme=light]) .dangerAction:hover:not(:disabled){background:#351722;border-color:#5a2635}}:root[data-theme=dark] .hero:before{background:#15111ddb;border-color:#292238;box-shadow:0 22px 70px #0006}:root[data-theme=dark] .eyebrow{color:#b5aadf}:root[data-theme=dark] .phoneCard,:root[data-theme=dark] .useCases article,:root[data-theme=dark] .benefits article,:root[data-theme=dark] .cta{background:#15111d;border-color:#2d263c;box-shadow:0 18px 48px #0005}:root[data-theme=dark] .total,:root[data-theme=dark] .cta{color:#f4efff;background:#211b2c}:root[data-theme=dark] .total{border:1px solid #342b45}:root[data-theme=dark] .cta p{color:#aaa2bb}:root[data-theme=dark] .light{color:#211b2c;background:#f4efff}:root[data-theme=dark] .phoneNote{color:#a99a82;background:#1d1a17;border:1px solid #30291f}:root[data-theme=dark] .heroChips span,:root[data-theme=dark] .emptyExamples span,:root[data-theme=dark] .subMini,:root[data-theme=dark] .demoList article{background:#17131f;border-color:#2d263c}:root[data-theme=dark] .subMini span,:root[data-theme=dark] .useCases svg,:root[data-theme=dark] .benefits svg,:root[data-theme=dark] .demoList span,:root[data-theme=dark] .demoTotal{color:#bdb3e8;background:#211b2c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:before{background:#15111ddb;border-color:#292238;box-shadow:0 22px 70px #0006}:root:not([data-theme=light]) .eyebrow{color:#b5aadf}:root:not([data-theme=light]) .phoneCard,:root:not([data-theme=light]) .useCases article,:root:not([data-theme=light]) .benefits article,:root:not([data-theme=light]) .cta{background:#15111d;border-color:#2d263c;box-shadow:0 18px 48px #0005}:root:not([data-theme=light]) .total,:root:not([data-theme=light]) .cta{color:#f4efff;background:#211b2c}:root:not([data-theme=light]) .total{border:1px solid #342b45}:root:not([data-theme=light]) .cta p{color:#aaa2bb}:root:not([data-theme=light]) .light{color:#211b2c;background:#f4efff}:root:not([data-theme=light]) .phoneNote{color:#a99a82;background:#1d1a17;border:1px solid #30291f}:root:not([data-theme=light]) .heroChips span,:root:not([data-theme=light]) .emptyExamples span,:root:not([data-theme=light]) .subMini,:root:not([data-theme=light]) .demoList article{background:#17131f;border-color:#2d263c}:root:not([data-theme=light]) .subMini span,:root:not([data-theme=light]) .useCases svg,:root:not([data-theme=light]) .benefits svg,:root:not([data-theme=light]) .demoList span,:root:not([data-theme=light]) .demoTotal{color:#bdb3e8;background:#211b2c}}.spaceTitleRow{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.spaceTitleRow h1{overflow-wrap:anywhere;min-width:0}.spaceEditButton{border:1px solid var(--line);background:var(--card-solid);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:0 0 30px;place-items:center;display:inline-grid}.spaceEditButton svg{width:14px;height:14px}.spaceNameEdit{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:min(430px,100%);min-height:38px;display:grid}.spaceNameEdit input{border:1px solid var(--line);background:var(--card-solid);width:100%;min-width:0;min-height:38px;color:var(--ink);font:inherit;letter-spacing:-.045em;border-radius:10px;padding:0 10px;font-size:clamp(21px,3vw,30px);font-weight:800}.spaceNameEdit button{border:1px solid var(--line);background:var(--soft);width:42px;min-width:42px;min-height:38px;color:var(--primary);border-radius:9px;place-items:center;padding:0;font-size:11px;font-weight:800;display:inline-grid}.cardActions{grid-template-columns:repeat(3,max-content)}.cardActions button:nth-child(2){background:var(--card-solid);color:var(--primary)}@media (hover:hover){.cardActions button:nth-child(2):hover:not(:disabled),.spaceEditButton:hover:not(:disabled),.spaceNameEdit button:hover:not(:disabled){background:#e7e1fb;border-color:#d9d0f4}}@media (max-width:640px){.dashboardPage .appHeader{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;width:100%;padding:12px 0;display:grid}.dashboardPage .appHeader .brand{white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.dashboardPage .appHeader .brandMark{flex:0 0 30px;width:30px;height:30px}.dashboardPage .appHeader .headerActions{justify-content:end;gap:6px;min-width:0}.dashboardPage .appHeader .themeSwitch{width:58px;min-width:58px}.dashboardPage .appHeader .smallBtn{border-radius:9px;min-height:32px;padding:0 8px;font-size:11px}.dashboardPage .appHeader .iconOnly{flex-basis:32px;width:32px;padding:0}.spaceNameEdit{width:100%}.spaceNameEdit input{min-height:36px;font-size:22px}.cardActions{grid-template-columns:repeat(3,minmax(0,1fr))}.cardActions button{min-width:0;padding:0 6px;font-size:10.5px}}@media (max-width:380px){.dashboardPage .appHeader .brand{gap:0;font-size:0}.dashboardPage .appHeader .brandMark{margin-right:0}}.brand .brandMark{color:inherit;box-shadow:none!important;background:0 0!important}.dashboardPage .appHeader .headerActions{margin-left:auto}.appHeaderButtons{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}@media (max-width:640px){.dashboardPage .appHeader{justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:flex!important}}:root[data-theme=dark] .spaceEditButton,:root[data-theme=dark] .spaceNameEdit input,:root[data-theme=dark] .spaceNameEdit button,:root[data-theme=dark] .cardActions button:nth-child(2){color:#d8ceff;background:#15111d;border-color:#322844}@media (hover:hover){:root[data-theme=dark] .cardActions button:nth-child(2):hover:not(:disabled),:root[data-theme=dark] .spaceEditButton:hover:not(:disabled),:root[data-theme=dark] .spaceNameEdit button:hover:not(:disabled){background:#20182e;border-color:#46375d}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spaceEditButton,:root:not([data-theme=light]) .spaceNameEdit input,:root:not([data-theme=light]) .spaceNameEdit button,:root:not([data-theme=light]) .cardActions button:nth-child(2){color:#d8ceff;background:#15111d;border-color:#322844}}@media (prefers-color-scheme:dark) and (hover:hover){:root:not([data-theme=light]) .cardActions button:nth-child(2):hover:not(:disabled),:root:not([data-theme=light]) .spaceEditButton:hover:not(:disabled),:root:not([data-theme=light]) .spaceNameEdit button:hover:not(:disabled){background:#20182e;border-color:#46375d}}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid color-mix(in srgb, var(--primary) 46%, transparent);outline-offset:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.spaceNameSlot{align-items:center;max-width:min(560px,100%);min-height:clamp(37px,3.45vw,42px);display:flex}.spaceNameSlot .spaceTitleRow,.spaceNameSlot .spaceNameEdit{width:100%;min-height:clamp(37px,3.45vw,42px)}.spaceNameSlot .spaceNameEdit input{min-height:clamp(37px,3.45vw,42px);line-height:1.05}:root[data-theme=dark] .modalBackdrop{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:radial-gradient(circle at 50% 18%,#a996ff1f,#0000 34%),#08060dc2}:root[data-theme=dark] .modal{background:#17121f;border-color:#342844;box-shadow:0 28px 90px #0000009c}:root[data-theme=dark] .modal label,:root[data-theme=dark] .modalHead h2{color:#f4efff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .modalBackdrop{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:radial-gradient(circle at 50% 18%,#a996ff1f,#0000 34%),#08060dc2}:root:not([data-theme=light]) .modal{background:#17121f;border-color:#342844;box-shadow:0 28px 90px #0000009c}:root:not([data-theme=light]) .modal label,:root:not([data-theme=light]) .modalHead h2{color:#f4efff}}.modal button:hover,.modalHead button:hover,.cardActions button:hover,.inviteActions button:hover,.workspaceList button:hover,.spaceEditButton:hover,.copyInviteButton:hover,.confirmActions button:hover,.confirmClose:hover{transform:none!important}.modal,.modalBackdrop,.workspaceLayout,.subList,.workspaceList,.dashboardPage{overflow-anchor:none}.modal input:focus,.modal select:focus,.spaceNameEdit input:focus{outline-offset:0!important;outline-width:1px!important}.spaceNameEdit button{width:clamp(37px,3.45vw,42px)!important;min-width:clamp(37px,3.45vw,42px)!important;height:clamp(37px,3.45vw,42px)!important;min-height:clamp(37px,3.45vw,42px)!important;color:var(--primary)!important;background:0 0!important;border-color:#0000!important;border-radius:10px!important;padding:0!important}.spaceNameEdit button svg{stroke-width:2.6px;width:23px!important;height:23px!important}@media (hover:hover){.spaceNameEdit button:hover:not(:disabled){color:color-mix(in srgb, var(--primary) 82%, var(--ink))!important;background:0 0!important;border-color:#0000!important}}.appLoader,.pageLoader{z-index:999!important;-webkit-backdrop-filter:blur(8px)!important;width:100vw!important;height:100svh!important;min-height:100svh!important;color:var(--ink)!important;background:#f8f6ffb8!important;place-items:center!important;padding:18px!important;display:grid!important;position:fixed!important;inset:0!important;transform:none!important}.loaderCard{border:1px solid var(--line)!important;width:min(330px,100vw - 36px)!important;min-height:72px!important;color:var(--ink)!important;text-align:left!important;background:#fffdf8!important;border-radius:14px!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 18px 46px #33217724!important}.loaderCard b{display:block;color:var(--ink)!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important}.loaderCard small{margin-top:2px;display:block;color:var(--muted)!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}.sharedLoaderIcon{position:relative;background:var(--primary)!important;border:0!important;border-radius:11px!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;animation:1.05s ease-in-out infinite sharedLoaderTilt!important;display:grid!important}.sharedLoaderIcon:before{content:"";background:#fffaf2;border-radius:50%;width:18px;height:18px}.sharedLoaderIcon i{background:#fffaf2;border-radius:50%;width:6px;height:6px;animation:1.05s ease-in-out infinite sharedLoaderDot;position:absolute}.sharedLoaderIcon i:first-child{animation-delay:0s;top:8px;left:8px}.sharedLoaderIcon i:nth-child(2){animation-delay:.12s;top:8px;right:8px}.sharedLoaderIcon i:nth-child(3){animation-delay:.24s;bottom:7px;left:16px}@keyframes sharedLoaderTilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes sharedLoaderDot{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}html[data-theme=dark] .appLoader,html[data-theme=dark] .pageLoader{background:#0f0b18b8!important}html[data-theme=dark] .loaderCard{background:#15111d!important;border-color:#332944!important;box-shadow:0 18px 55px #0008!important}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .appLoader,html:not([data-theme=light]) .pageLoader{background:#0f0b18b8!important}html:not([data-theme=light]) .loaderCard{background:#15111d!important;border-color:#332944!important;box-shadow:0 18px 55px #0008!important}}@media (max-width:850px){.dashboardPage .appHeader{z-index:35!important;background:linear-gradient(180deg, var(--paper) 72%, transparent)!important;-webkit-backdrop-filter:blur(8px)!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:62px!important;margin:0 0 16px!important;padding:6px 0!important;display:flex!important;position:sticky!important;top:0!important}.dashboardPage .appHeader .headerActions{justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0!important;display:flex!important}.dashboardPage .appHeader .themeSwitch{flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:36px!important;margin:0!important}.dashboardPage .appHeaderButtons{flex:auto!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.dashboardPage .appHeaderButtons .smallBtn{white-space:nowrap!important;border-radius:10px!important;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:12px!important;line-height:1!important}.dashboardPage .appHeaderButtons .iconOnly{flex:0 0 38px!important;width:38px!important;min-width:38px!important;padding:0!important}}@media (max-width:420px){.dashboardPage .appHeader .themeSwitch{flex-basis:62px!important;width:62px!important;min-width:62px!important}.dashboardPage .appHeaderButtons .smallBtn:not(.iconOnly){text-overflow:ellipsis!important;max-width:168px!important;overflow:hidden!important}}@media (max-width:850px){.modalBackdrop{z-index:120!important;padding:calc(12px + env(safe-area-inset-top)) 12px 18px!important;place-items:start center!important}.modal,.confirmDialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top))!important;margin:0 auto!important;box-shadow:0 22px 64px #1c143047!important}.logoutButton span{display:none!important}.logoutButton{justify-content:center!important;width:38px!important;min-width:38px!important;padding:0!important}}input::placeholder,textarea::placeholder{color:#b8b0c2!important;opacity:1!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#756d83!important}@media (prefers-color-scheme:dark){html:not([data-theme=light]) input::placeholder,html:not([data-theme=light]) textarea::placeholder{color:#756d83!important}}.dashboardPage .appHeader .appBrand{flex:0 188px!important;min-width:118px!important;display:flex!important}@media (max-width:850px){.dashboardPage .appHeader{justify-content:space-between!important;gap:10px!important}.dashboardPage .appHeader .appBrand{flex-basis:136px!important;width:136px!important;min-width:104px!important;height:32px!important;overflow:hidden!important}.dashboardPage .appHeader .headerActions{flex:auto!important;justify-content:flex-end!important;width:auto!important;min-width:0!important}.modalBackdrop{z-index:120!important;place-items:center!important;padding:12px!important;display:grid!important}.modal,.confirmDialog{max-height:calc(100dvh - 24px)!important;margin:auto!important}}@media (max-width:420px){.dashboardPage .appHeader .appBrand{flex-basis:118px!important;width:118px!important}.dashboardPage .appHeaderButtons .smallBtn:not(.iconOnly){max-width:132px!important}}