@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#242334;background:#f7f7fb;font-synthesis:none;--violet:#5b4bdb;--violet-dark:#4736bd;--ink:#242334;--muted:#716f82;--line:#e6e4ed;--card:#fff;--mint:#dff7ed;--blue:#e5efff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{color:inherit}.brand{font:700 25px Manrope,sans-serif;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand--compact{font-size:20px}.brand-mark{width:34px;height:28px;background:#fff;border-radius:8px 8px 8px 3px;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 4px 12px #281b7b38}.brand--compact .brand-mark{background:var(--violet);width:29px;height:25px}.brand-mark:after{content:"";position:absolute}.brand-mark i{width:4px;height:4px;background:var(--violet);border-radius:50%}.brand--compact .brand-mark i{background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.auth-story{background:linear-gradient(150deg,#5c4cda,#3b298f);color:#fff;padding:52px clamp(35px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff1f;border-radius:50%;right:-240px;bottom:-100px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff08}.auth-story-copy{position:relative;z-index:1;max-width:540px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--violet)}.eyebrow.light{color:#d7d2ff}.auth-story h1{font:700 clamp(38px,5vw,64px)/1.08 "Manrope";letter-spacing:-2.5px;margin:20px 0}.auth-story-copy p{font-size:19px;line-height:1.6;color:#e5e1ff;max-width:480px}.privacy-note{display:flex;gap:10px;align-items:center;color:#dedaff;z-index:1;font-size:14px}.auth-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 85% 5%,#eeecff 0,transparent 35%)}.auth-card{width:min(430px,100%)}.auth-lock{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#edeaff;color:var(--violet);margin-bottom:25px}.auth-card h2{font:700 34px Manrope;letter-spacing:-1px;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 32px}.auth-card form{display:grid;gap:20px}.auth-card label{font-weight:600;font-size:14px;display:grid;gap:8px}.auth-card input{height:50px;border:1px solid #d8d5e1;border-radius:10px;padding:0 14px;background:#fff;outline:none}.auth-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #5b4bdb18}.button{border:0;border-radius:10px;padding:12px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.button--primary{background:var(--violet);color:#fff;min-height:50px}.button--primary:hover{background:var(--violet-dark)}.button--secondary{background:#fff;border:1px solid var(--line)}.button:focus-visible,.icon-button:focus-visible,.org-option:focus-visible,a:focus-visible{outline:3px solid #8b80ef;outline-offset:2px}.button:disabled{opacity:.6}.form-error{color:#b42318!important;font-size:14px;margin:-4px 0!important}.auth-help{font-size:13px;text-align:center;margin-top:24px!important}.app-page{min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand-link{text-decoration:none}.topbar-center{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:15px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer}.help-link{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:14px;color:var(--muted)}.preview-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#eeeaff;color:var(--violet);padding:6px 9px;border-radius:100px}.selection{max-width:800px;margin:0 auto;padding:90px 24px}.selection>h1,.dashboard-heading h1{font:700 clamp(32px,4vw,48px) "Manrope";letter-spacing:-1.8px;margin:10px 0}.selection>p{color:var(--muted);margin-bottom:35px}.org-grid{display:grid;gap:12px}.org-option{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:16px;cursor:pointer;box-shadow:0 4px 20px #25203808}.org-option:hover{border-color:#b9b2ed;transform:translateY(-1px)}.org-option span:nth-child(2){display:grid;gap:4px}.org-option strong{font-size:17px}.org-option small,.module-row small,.admin-row small,.space-row small{color:var(--muted)}.org-avatar{width:48px;height:48px;border-radius:13px;background:#edeaff;color:var(--violet);display:grid;place-items:center}.dashboard{max-width:1280px;margin:0 auto;padding:48px clamp(20px,4vw,56px) 70px}.dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:52px}.status-line{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#20a66a}.status-dot.suspended{background:#d54747}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-heading h2,.panel h2{font:700 19px Manrope;margin:0}.section-heading p,.panel-heading p{color:var(--muted);font-size:13px;margin:5px 0 0}.section-heading>span{color:#9996a4;font-size:12px}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usage-card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 24px #2f27550a}.usage-card{padding:22px}.usage-heading{display:flex;justify-content:space-between;align-items:center}.usage-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eeecff;color:var(--violet)}.usage-icon svg{width:19px}.usage-percent{font-weight:700;font-size:13px;color:var(--violet)}.usage-card>p{font-size:13px;color:var(--muted);margin:17px 0 5px}.usage-values{display:flex;align-items:baseline;gap:7px}.usage-values strong{font:700 27px Manrope}.usage-values span{font-size:13px;color:var(--muted)}.progress{height:6px;background:#edebf1;border-radius:20px;margin-top:17px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,#7568e9,#5b4bdb);border-radius:20px}.dashboard-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:38px;align-items:start}.right-stack{display:grid;gap:20px}.panel{overflow:hidden}.panel-heading{padding:20px 22px;border-bottom:1px solid var(--line)}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.panel-icon svg{width:19px}.panel-icon.violet{background:#eeecff;color:var(--violet)}.panel-icon.blue{background:var(--blue);color:#3474c7}.panel-icon.mint{background:var(--mint);color:#21865d}.module-list,.admin-list,.space-list{display:grid}.module-row,.admin-row,.space-row{min-height:68px;padding:13px 22px;border-bottom:1px solid #efedf3;display:flex;align-items:center;gap:12px}.module-row:last-child,.admin-row:last-child,.space-row:last-child{border:0}.module-row>span:nth-child(2),.admin-row>span:nth-child(2),.space-row>span:nth-child(2){display:grid;gap:3px;min-width:0}.module-check{width:26px;height:26px;border-radius:8px;background:#e6f8ef;color:#188052;display:grid;place-items:center;font-weight:700}.enabled-label,.role-pill,.active-label,.archive-label{margin-left:auto;font-size:11px;font-weight:700;border-radius:100px;padding:5px 8px}.enabled-label,.active-label{background:#e7f8ef;color:#16734b}.role-pill{background:#eeecff;color:var(--violet)}.archive-label{display:flex;align-items:center;gap:4px;background:#f0eff3;color:#74717e}.person-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#ebe8ff;color:var(--violet);font-weight:700;font-size:12px}.space-emoji{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#f1f0f5;font-size:19px}.inline-empty{color:var(--muted);padding:22px;margin:0}.boundary-note{display:flex;align-items:flex-start;gap:13px;margin-top:24px;padding:18px 20px;border:1px solid #d9d4f5;background:#f1efff;border-radius:14px;color:#4f45a3}.boundary-note svg{flex:none}.boundary-note p{font-size:13px;line-height:1.55;margin:4px 0 0;color:#68618e}.state-card{max-width:560px;margin:70px auto;padding:48px 30px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px}.state-card h2{font:700 23px Manrope;margin:16px 0 8px}.state-card p{color:var(--muted);line-height:1.6}.state-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin:auto;background:#eeecff;color:var(--violet)}.spinner{width:42px;height:42px;border:4px solid #e4e1f3;border-top-color:var(--violet);border-radius:50%;margin:auto;animation:spin .8s linear infinite}.centered-state{padding:20px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:360px;padding:35px}.auth-story h1{font-size:40px}.auth-panel{padding:55px 24px}.topbar-center,.help-link{display:none}.usage-grid,.dashboard-columns{grid-template-columns:1fr}.dashboard-heading{margin-bottom:36px}.usage-grid{gap:12px}.dashboard-columns{margin-top:24px}.selection{padding-top:60px}}@media(max-width:520px){.topbar{height:60px;padding:0 16px}.dashboard{padding:35px 16px}.dashboard-heading{display:block}.dashboard-heading>.button{display:none}.section-heading{display:block}.section-heading>span{display:none}.usage-card{padding:18px}.module-row,.admin-row,.space-row{padding:12px 15px}.admin-row small{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-pill{font-size:0}.role-pill:after{content:"Admin";font-size:10px}.auth-story{min-height:310px}.auth-story-copy p{font-size:16px}.privacy-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.provider-buttons{display:grid;gap:12px}.provider-button{min-height:52px;background:#fff;border:1px solid #d8d5e1;font-weight:600}.provider-button:hover{background:#f8f7fb}.apple-button{background:#17171b;color:#fff;border-color:#17171b}.google-mark,.apple-mark{width:22px;text-align:center;font-weight:700}.google-mark{color:#4285f4}.apple-mark{font-size:16px}:root{--violet:#4f46e5;--violet-dark:#4338ca;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--card:#fff;--mint:#dcfce7;--blue:#dde7ff;background:#f3f4f6;color:#111827}body{background:#f3f4f6;color:#111827}.auth-story{background:linear-gradient(150deg,#4f46e5,#312e81)}.auth-panel{background:radial-gradient(circle at 85% 5%,#dde7ff 0,transparent 38%),#f3f4f6}.auth-lock,.org-avatar,.state-icon,.usage-icon,.panel-icon.violet,.person-avatar{background:#dde7ff;color:#4f46e5}.button--primary{background:#4f46e5}.button--primary:hover{background:#4338ca}.auth-card input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.button:focus-visible,.icon-button:focus-visible,.org-option:focus-visible,a:focus-visible{outline-color:#4f46e5}.eyebrow,.usage-percent{color:#4f46e5}.progress span{background:linear-gradient(90deg,#6366f1,#4f46e5)}.role-pill{background:#dde7ff;color:#3730a3}.boundary-note{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}.boundary-note p{color:#4f5680}.topbar,.usage-card,.panel,.org-option,.state-card,.button--secondary,.icon-button,.provider-button{border-color:#e5e7eb}@media(prefers-color-scheme:dark){:root{--ink:#f9fafb;--muted:#9ca3af;--line:#374151;--card:#111827;background:#030712;color:#f9fafb}body,.app-page{background:#030712;color:#f9fafb}.topbar,.usage-card,.panel,.org-option,.state-card,.button--secondary,.icon-button,.provider-button,.auth-card input{background:#111827;color:#f9fafb;border-color:#374151}.auth-panel{background:radial-gradient(circle at 85% 5%,#312e81 0,transparent 38%),#030712}.auth-lock,.org-avatar,.state-icon,.usage-icon,.panel-icon.violet,.person-avatar{background:#312e81;color:#dde7ff}.module-row,.admin-row,.space-row,.panel-heading{border-color:#283142}.progress{background:#374151}.boundary-note{background:#1e1b4b;border-color:#4338ca;color:#dde7ff}.boundary-note p{color:#c7d2fe}.provider-button:hover{background:#1f2937}.apple-button{background:#fff;color:#111827}.apple-button:hover{background:#f3f4f6}.space-emoji{background:#1f2937}.archive-label{background:#374151;color:#d1d5db}}.brand-icon{display:block;width:36px;height:36px;flex:none}.brand-icon img{display:block;width:100%;height:100%;object-fit:contain}.brand--compact .brand-icon{width:30px;height:30px}.auth-story .brand-icon{width:42px;height:42px}.auth-shell{min-height:100vh;grid-template-columns:minmax(380px,46%) minmax(420px,54%);width:min(1180px,calc(100% - 64px));min-height:min(720px,calc(100vh - 64px));margin:32px auto;border:1px solid #d7dce5;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #11182714}.auth-story{min-height:auto;padding:52px 56px;background:#dde7ff;color:#111827}.auth-story:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:#4baeb2}.auth-story:after{width:390px;height:390px;right:-210px;bottom:-160px;border-color:#4baeb233;box-shadow:0 0 0 60px #4baeb20a,0 0 0 120px #4baeb20a}.auth-story .brand{color:#111827}.auth-story-copy{max-width:460px}.auth-story h1{font-size:clamp(38px,4vw,56px);line-height:1.08;color:#111827;margin:18px 0}.auth-story-copy p{font-size:17px;color:#4b5563}.auth-story .eyebrow.light{color:#4f46e5}.privacy-note{color:#374151}.privacy-note svg{color:#4baeb2}.auth-panel{padding:56px;background:#fff}.auth-lock{background:#eef2ff;color:#4f46e5}.auth-card h2{color:#111827}.provider-button{background:#fff;color:#111827}.provider-button:first-child{border-color:#c7d2fe}.provider-button:first-child:hover{background:#eef2ff}.apple-button{background:#111827;color:#fff;border-color:#111827}.apple-button:hover{background:#000}@media(prefers-color-scheme:dark){.auth-shell{background:#111827;border-color:#263244;box-shadow:0 24px 80px #0008}.auth-story{background:#111827;color:#f9fafb;border-right:1px solid #263244}.auth-story .brand,.auth-story h1{color:#f9fafb}.auth-story-copy p{color:#cbd5e1}.auth-story .eyebrow.light{color:#8f87ff}.privacy-note{color:#cbd5e1}.auth-panel{background:#0b1220}.auth-card h2{color:#f9fafb}.auth-lock{background:#312e81;color:#dde7ff}.provider-button,.provider-button:first-child{background:#111827;color:#f9fafb;border-color:#374151}.provider-button:first-child:hover{background:#1f2937}.apple-button{background:#f9fafb;color:#111827;border-color:#f9fafb}.apple-button:hover{background:#e5e7eb}}@media(max-width:850px){.auth-shell{grid-template-columns:1fr;width:min(680px,calc(100% - 32px));margin:16px auto;min-height:calc(100vh - 32px)}.auth-story{min-height:330px;padding:38px}.auth-story h1{font-size:40px}.auth-panel{padding:50px 30px}}@media(max-width:520px){.auth-shell{width:100%;margin:0;min-height:100vh;border:0;border-radius:0}.auth-story{min-height:300px;padding:30px 26px}.auth-story h1{font-size:34px}.auth-story-copy p{font-size:15px}.auth-panel{padding:42px 24px}}.provider-logo{display:block;width:22px;height:22px;flex:none;object-fit:contain}.provider-logo img{display:block;width:100%;height:100%;object-fit:contain}.google-button,.provider-button:first-child{background:#fff;color:#1f1f1f;border:1px solid #747775;font-family:Arial,sans-serif;font-size:14px}.google-button:hover,.provider-button:first-child:hover{background:#f8faff}.apple-button{background:#000;color:#fff;border:1px solid #000}.auth-card h2{font-size:30px;line-height:1.15;max-width:360px}.auth-card>p{max-width:360px;line-height:1.55}.auth-help{color:#6b7280}.apple-button .provider-logo{width:40px;height:40px;margin:-3px -3px -3px -2px}@media(prefers-color-scheme:dark){.google-button,.provider-button:first-child{background:#131314;color:#e3e3e3;border-color:#8e918f}.google-button:hover,.provider-button:first-child:hover{background:#202124}.apple-button{background:#fff;color:#000;border-color:#fff}.auth-help{color:#9ca3af}}
