:root{--ink:#121936;--muted:#69718b;--canvas:#f4f6fb;--card:#fff;--blue:#315efb;--blue-deep:#1539bd;--line:#e7eaf3;--mint:#dff7ee;--mint-ink:#16765c;--violet:#6941c6;--gold:#c47e10;--shadow:0 18px 45px rgba(25,38,79,.08)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif}.auth-shell{min-height:100vh;padding:7rem max(2rem,calc((100vw - 440px)/2));background:radial-gradient(circle at 25% 15%,#e1e9ff 0,transparent 32%),radial-gradient(circle at 84% 88%,#e7f7ff 0,transparent 25%),var(--canvas)}.brand-mark,.logo-mark{display:inline-grid;place-items:center;background:linear-gradient(145deg,#6692ff,#315efb);box-shadow:0 12px 25px rgba(49,94,251,.25);color:#fff}.brand-mark{width:64px;height:64px;border-radius:22px;position:relative;font-size:22px}.brand-mark span:last-child{font-size:12px;position:absolute;right:13px;bottom:12px}.eyebrow{color:#727a91;font-size:.69rem;font-weight:700;letter-spacing:.14em;margin:1.8rem 0 .55rem}.auth-shell h1,.portal-header h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.035em}.auth-shell h1{font-size:clamp(2.5rem,6vw,3.5rem);line-height:1.03;margin:0}.auth-copy{color:var(--muted);font-size:1.05rem;line-height:1.5;margin:1.1rem 0 1.8rem;max-width:420px}.login-card{background:#fff;border:1px solid rgba(230,234,244,.8);border-radius:24px;box-shadow:var(--shadow);display:grid;gap:.55rem;padding:1.5rem}.login-card label{font-size:.82rem;font-weight:700;margin-top:.4rem}.login-card input{border:1px solid #dce1ee;border-radius:12px;color:var(--ink);font:inherit;padding:.85rem .95rem}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,94,251,.12);outline:0}.primary-button,.secondary-button{align-items:center;border:0;border-radius:12px;cursor:pointer;display:flex;font:700 .92rem 'DM Sans';justify-content:center;gap:.7rem;transition:transform .16s ease,box-shadow .16s ease}.primary-button{background:var(--blue);box-shadow:0 10px 20px rgba(49,94,251,.22);color:white;margin-top:1rem;padding:1rem}.primary-button:hover{background:var(--blue-deep);transform:translateY(-1px)}.primary-button:disabled{background:#95a7ea;box-shadow:none;cursor:default;transform:none}.text-button,.quiet-link,.logout{background:transparent;border:0;color:var(--blue);cursor:pointer;font:600 .84rem 'DM Sans';padding:.6rem}.form-error,.portal-error{color:#a52a2a;font-size:.84rem;font-weight:600;line-height:1.4;margin:.4rem 0}.success-message{color:var(--mint-ink)}.secure-note{color:var(--muted);font-size:.75rem;line-height:1.45;margin-top:1.2rem}.sidebar{background:#10182f;color:#e9eeff;display:flex;flex-direction:column;min-height:100vh;padding:1.8rem 1rem;position:fixed;width:255px}.logo{align-items:center;color:inherit;display:flex;font:800 .8rem/1.05 Outfit,sans-serif;gap:.7rem;letter-spacing:.06em;text-decoration:none;padding:.4rem .65rem}.logo-mark{border-radius:12px;font-size:19px;height:37px;width:37px}.account-label{color:#7f8cab;font-size:.62rem;font-weight:700;letter-spacing:.13em;margin:3rem .8rem .6rem}.sidebar nav{display:grid;gap:.25rem}.nav-item{background:transparent;border:0;border-radius:10px;color:#aeb9d6;cursor:pointer;font:600 .88rem 'DM Sans';padding:.78rem .8rem;text-align:left}.nav-item span{font-size:1.05rem;margin-right:.7rem}.nav-item.active,.nav-item:hover{background:rgba(111,140,240,.16);color:#fff}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:auto;padding:.95rem .65rem 0}.user-chip{align-items:center;display:flex;gap:.65rem}.avatar{align-items:center;background:#f0d8a7;border-radius:50%;color:#5b3f0e;display:flex;font:700 .82rem Outfit;height:32px;justify-content:center;width:32px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:.76rem}.user-chip small{color:#99a4c1;font-size:.67rem;margin-top:.1rem}.logout{color:#9eafd7;margin-top:.65rem;padding-left:0}.portal-content{margin-left:255px;min-height:100vh;padding:2.5rem clamp(1.5rem,4vw,4rem)}.portal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.portal-header .eyebrow{margin:0 0 .4rem}.portal-header h1{font-size:2rem;margin:0}.header-status{align-items:center;background:var(--mint);border-radius:99px;color:var(--mint-ink);display:flex;font-size:.68rem;font-weight:800;gap:.5rem;letter-spacing:.07em;padding:.6rem .85rem}.header-status.premium-status{background:#f7e9bf;color:#95620c}.status-dot{background:currentColor;border-radius:50%;height:7px;width:7px}.page{display:none}.page.active{display:block}.welcome-row,.section-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.welcome-row h2,.section-heading h2{font-size:1.6rem;margin:0}.welcome-row p,.section-heading p{color:var(--muted);margin:.35rem 0 0}.secondary-button{background:#e5ebff;color:#2346c5;padding:.8rem 1rem}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.2rem 0}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 18px rgba(35,49,83,.035);padding:1.2rem}.metric-icon{align-items:center;border-radius:9px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.metric-icon.blue{background:#e8edff;color:#315efb}.metric-icon.violet{background:#f0eaff;color:#6941c6}.metric-icon.gold{background:#fff3d6;color:#bd7912}.metric-card p{color:var(--muted);font-size:.8rem;margin:1rem 0 .3rem}.metric-card strong{font:700 1.65rem Outfit}.metric-card small{color:#8a92a8;display:block;font-size:.71rem;margin-top:.25rem}.feature-strip,.coming-card{align-items:center;background:linear-gradient(105deg,#172349,#253a79);border-radius:20px;color:#fff;display:flex;gap:1.2rem;justify-content:space-between;padding:1.65rem 1.8rem}.feature-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.spark{color:#adc4ff;font-size:1.8rem;grid-row:span 2}.feature-strip h3,.coming-card h3{font-size:1.05rem;margin:0}.feature-strip p,.coming-card p{color:#b7c3e2;font-size:.84rem;line-height:1.4;margin:.35rem 0 0}.quiet-link{color:#d5e1ff;white-space:nowrap}.readonly-label,.premium-label{background:#edf0f8;border-radius:8px;color:#6f7892;font-size:.61rem;font-weight:800;letter-spacing:.07em;padding:.45rem .55rem}.premium-label{background:#fff1cd;color:#a06c16}.table-card{background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:2rem;overflow:hidden}.table-head,.member-row{display:grid;grid-template-columns:2fr 1fr 1.3fr .8fr;gap:1rem;padding:1rem 1.25rem}.table-head{background:#f8f9fc;color:#7e879e;font-size:.68rem;font-weight:800;letter-spacing:.05em}.member-row{align-items:center;border-top:1px solid #eff1f6;font-size:.84rem}.member-row strong,.member-row small{display:block}.member-row small{color:#99a1b3;font-size:.66rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis}.group-pill,.active-pill{border-radius:99px;font-size:.65rem;font-weight:800;justify-self:start;padding:.35rem .55rem}.group-pill.owner{background:#e9edff;color:#3557d0}.group-pill.supervisor{background:#f1eafe;color:#704ac0}.active-pill{background:#ddf6ec;color:#18815f}.empty-state{color:var(--muted);font-size:.85rem;padding:1.5rem}.page-note{color:#798198;font-size:.76rem;line-height:1.5;margin:1rem 0}.plans-layout{display:grid;gap:1.2rem;grid-template-columns:1fr 1.1fr;margin-top:2rem}.plan-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.65rem}.premium-card{background:linear-gradient(145deg,#14275e,#263f91);border:0;color:#fff;box-shadow:0 22px 42px rgba(27,53,135,.17)}.plan-kicker{color:#78819a;font-size:.64rem;font-weight:800;letter-spacing:.11em;margin:0}.premium-card .plan-kicker{color:#bdcbff}.plan-card h3{font-size:1.55rem;margin:.65rem 0}.plan-description{color:var(--muted);font-size:.87rem;line-height:1.5;min-height:2.7rem}.premium-card .plan-description{color:#c6d1f5}.plan-card ul{color:#4e5874;font-size:.85rem;line-height:2;margin:1.1rem 0 0;padding-left:1.1rem}.premium-card ul{color:#e3eafe}.premium-top{align-items:center;display:flex;justify-content:space-between}.premium-top span{background:#f6d585;border-radius:99px;color:#674500;font-size:.6rem;font-weight:900;letter-spacing:.08em;padding:.35rem .5rem}.premium-card .primary-button{background:#fff;color:#2447bf;margin-top:1.35rem;width:100%}.payment-message{color:#cbd6f7;font-size:.72rem;line-height:1.4;margin:.65rem 0 0;text-align:center}.coming-card{margin-top:2rem;justify-content:flex-start;max-width:800px}.coming-card>span{align-items:center;background:rgba(255,255,255,.12);border-radius:13px;display:flex;font-size:1.5rem;height:54px;justify-content:center;width:54px}@media(max-width:850px){.sidebar{bottom:0;flex-direction:row;min-height:0;padding:.75rem;position:fixed;width:100%;z-index:4}.logo,.account-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:.15rem;justify-content:space-around;width:100%}.nav-item{font-size:.66rem;padding:.55rem .4rem;text-align:center}.nav-item span{display:block;margin:0 0 .2rem}.portal-content{margin:0;padding:1.6rem 1.1rem 6rem}.portal-header{margin-bottom:2rem}.metric-grid,.plans-layout{grid-template-columns:1fr}.welcome-row,.section-heading{align-items:flex-start;flex-direction:column}.table-head{display:none}.member-row{grid-template-columns:1.6fr 1fr;gap:.7rem}.member-row span:nth-child(3),.member-row span:nth-child(4){font-size:.75rem}.feature-strip{align-items:flex-start;flex-direction:column}.auth-shell{padding-top:4.2rem}.portal-header h1{font-size:1.65rem}}@media(max-width:440px){.header-status{font-size:.57rem}.metric-grid{gap:.7rem}.metric-card{padding:1rem}.metric-card strong{font-size:1.45rem}.secondary-button{width:100%}.auth-shell{padding-left:1.35rem;padding-right:1.35rem}}