.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f3fa;color:#262039;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-card{width:min(440px,100%);display:grid;gap:16px;padding:32px;border:1px solid #e4dff0;border-radius:24px;background:#fff;box-shadow:0 18px 50px #2a1e481f}.auth-card h1,.auth-card p{margin:0}.auth-brand{font-size:24px;font-weight:800;color:#5534a5}.auth-brand small{font-size:12px;text-transform:uppercase}.auth-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#786c91}.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.auth-card input{min-height:46px;padding:0 13px;border:1px solid #cfc7df;border-radius:10px;font:inherit}.auth-card button,.auth-session button{min-height:44px;border:0;border-radius:10px;background:#603bb5;color:#fff;font-weight:750;cursor:pointer}.auth-card button:disabled{opacity:.6}.auth-error{padding:10px 12px;border-radius:9px;background:#fff1f1;color:#9e2835}.auth-copy{display:grid;gap:10px}.auth-copy code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:9px;background:#f3f0f8;color:#342456}.auth-session{position:fixed;z-index:100;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ded7ea;border-radius:12px;background:#fff;box-shadow:0 8px 24px #2a1e4821;font:12px Inter,ui-sans-serif,system-ui,sans-serif}.auth-session button{min-height:32px;padding:0 12px}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#211a28;background:#f6f4f7;font-synthesis:none;--muted:#776e7d;--line:#e8e3eb}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f4f7}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 18px 20px;background:radial-gradient(circle at 8% 5%,#3e2450 0,#1b1521 36%,#120f15);color:#fff}.brand{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:24px;font-weight:760;letter-spacing:-.04em}.brand>span:nth-child(2) span{color:#ed42a0}.brand small{align-self:flex-end;margin:0 0 3px -3px;color:#aaa0b4;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.brand-mark{position:relative;width:25px;height:25px;display:inline-block}.brand-mark i{position:absolute;width:11px;height:11px;border-radius:4px;background:linear-gradient(135deg,#a04cff,#ee3f9a);transform:rotate(24deg)}.brand-mark i:nth-child(1){left:0;top:7px}.brand-mark i:nth-child(2){left:10px;top:0}.brand-mark i:nth-child(3){left:11px;top:13px}.company-switch{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:9px;margin:31px 1px 26px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff0f}.company-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#8c3ed3,#d5227f);font-size:10px;font-weight:800}.company-switch strong,.company-switch small{display:block}.company-switch strong{font-size:10px}.company-switch small{margin-top:2px;color:#968c9e;font-size:8px}.company-switch button{border:0;background:none;color:#9d93a4}.nav-label{margin:0 12px 9px;color:#817689;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.sidebar nav{display:grid;gap:4px}.nav-item{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:8px;width:100%;padding:11px 13px;border:0;border-radius:11px;background:transparent;color:#b9b0c0;text-align:left;font-size:11px;cursor:pointer}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:26px;border-radius:0 4px 4px 0;background:#e52c8f}.help-card{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff0d}.help-card>span{float:left;display:grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:7px;background:#642b7d;color:#ece;font-size:11px}.help-card strong{font-size:10px}.help-card p{margin:7px 0 9px 28px;color:#9e94a6;font-size:8px;line-height:1.45}.help-card button{margin-left:28px;padding:0;border:0;background:none;color:#e65aa7;font-size:8px;font-weight:700}.user-mini{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:9px;margin-top:17px;padding:15px 7px 0;border-top:1px solid rgba(255,255,255,.09)}.user-mini>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0e2f5;color:#7e2d99;font-size:10px;font-weight:800}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:10px}.user-mini small{margin-top:2px;color:#918798;font-size:8px}.user-mini button{border:0;background:none;color:#8b8192}.main-content{min-width:0;padding:30px clamp(22px,4vw,52px) 52px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar p{margin:0 0 5px;color:#9c2b79;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.topbar h1{margin:0;font:500 clamp(28px,3vw,36px) Georgia,serif;letter-spacing:-.035em}.topbar>div>span:last-child{display:block;margin-top:5px;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:9px}.secondary-button,.primary-button{min-height:38px;padding:0 15px;border-radius:11px;font-size:9px;font-weight:800;cursor:pointer}.secondary-button{border:1px solid #ded8e2;background:#fff}.primary-button{border:0;background:linear-gradient(115deg,#7d2bc1,#d92181);color:#fff;box-shadow:0 7px 16px #a8238f33}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff}.icon-button b{position:absolute;right:-3px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#d52380;color:#fff;font-size:8px}.mobile-brand{display:none}.demo-banner{margin:22px 0 17px;display:flex;align-items:center;gap:13px;padding:10px 13px;border:1px solid #eadcf3;border-radius:12px;background:#fbf9fd;color:#664a76;font-size:9px}.demo-banner span{display:flex;align-items:center;gap:7px;font-weight:800}.demo-banner span i{width:6px;height:6px;border-radius:50%;background:#9c43cc}.demo-banner p{flex:1;margin:0}.demo-banner button{border:0;background:none;color:#852dac;font-size:9px;font-weight:750}.toast{position:fixed;z-index:20;right:25px;top:25px;max-width:360px;padding:13px 40px 13px 15px;border:1px solid #dfd4e5;border-radius:13px;background:#221827;color:#fff;box-shadow:0 16px 40px #140a1e40;font-size:10px}.toast button{position:absolute;right:8px;top:7px;border:0;background:none;color:#cbbfd1;font-size:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article{position:relative;min-width:0;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px #2e1c3709}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px}.metric-icon.purple{background:#f1e7fa;color:#8032b5}.metric-icon.pink{background:#f9e6f0;color:#c3277a}.metric-icon.green{background:#e6f5ed;color:#1b7b57}.metric-icon.amber{background:#fbf0de;color:#ad6c1b}.metric-grid p,.metric-grid strong,.metric-grid small{display:block;margin:0}.metric-grid p{color:var(--muted);font-size:8px}.metric-grid strong{margin:2px 0;font:600 20px Georgia,serif}.metric-grid small{color:#8d8492;font-size:7px}.metric-grid em{position:absolute;right:13px;top:15px;padding:4px 6px;border-radius:8px;background:#edf8f2;color:#187051;font-size:8px;font-style:normal;font-weight:700}.privacy-boundary{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;margin:14px 0;padding:12px 15px;border:1px solid #e4d6ef;border-radius:14px;background:linear-gradient(100deg,#faf5fe,#fff)}.privacy-boundary>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eee0f6;color:#8731ad}.privacy-boundary strong{font-size:10px}.privacy-boundary p{margin:3px 0 0;color:#74647d;font-size:8px;line-height:1.45}.privacy-boundary button{border:0;background:none;color:#7f2ba6;font-size:8px;font-weight:800}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr);gap:14px;margin-bottom:14px}.card{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 31px #2e1c370a}.chart-card,.distribution-card,.table-card{padding:19px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.eyebrow{margin:0 0 5px;color:#8d2983;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.card-heading h2{margin:0;font:500 19px Georgia,serif}.card-heading>div>span{display:block;margin-top:4px;color:#817887;font-size:8px}.card-heading select,.card-heading>button:not(.primary-button){padding:7px 9px;border:1px solid #e4dfe7;border-radius:9px;background:#fff;color:#6d6473;font-size:8px}.chart-legend{display:flex;justify-content:space-between;align-items:end;margin:18px 0 2px}.chart-legend span{display:flex;align-items:center;gap:6px;color:#776e7d;font-size:8px}.chart-legend span i{width:8px;height:8px;border-radius:3px;background:linear-gradient(#b747cb,#7b33bb)}.chart-legend b{font:600 19px Georgia,serif}.chart-legend b small{font:400 8px Inter,sans-serif;color:#8b8290}.bar-chart{position:relative;height:150px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:14px 14px 21px}.grid-lines{position:absolute;top:10px;right:0;bottom:25px;left:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{display:block;border-top:1px dashed #eeeaf0}.bar-column{position:relative;z-index:1;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar-column>span{position:relative;width:min(30px,65%);min-height:12px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#c346cb,#7732b7)}.bar-column>span b{position:absolute;top:-18px;width:100%;text-align:center;color:#7b2dae;font-size:8px}.bar-column>small{position:absolute;bottom:-18px;color:#938a98;font-size:7px}.donut-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin:23px 0}.donut{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#8a35be 0,#8a35be 95%,#df5eae 95%,#df5eae 98.5%,#d8d2db 98.5%)}.donut:before{content:"";grid-area:1/1;width:80px;height:80px;border-radius:50%;background:#fff}.donut span{z-index:1;grid-area:1/1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font:600 17px Georgia,serif}.donut small{color:#8b8291;font-size:7px}.legend{display:grid;gap:11px}.legend span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:7px}.legend i{width:7px;height:7px;border-radius:2px}.legend i.eligible{background:#8a35be}.legend i.pending{background:#df5eae}.legend i.inactive{background:#d8d2db}.legend b{font-size:8px}.legend em{color:#5f5664;font-size:8px;font-style:normal}.sync{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:7px;padding:10px;border-radius:10px;background:#f8f6f9;font-size:8px}.sync span{color:#827889}.sync span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#27a370}.sync strong{font-size:8px}.sync button{border:0;background:none;color:#7f2aaa}.table-card{margin-top:0}.table-tools{display:flex;justify-content:space-between;gap:10px;margin:16px 0 9px}.table-tools label{min-width:230px;padding:8px 10px;border:1px solid #e5e0e8;border-radius:10px;color:#8f8694}.table-tools input{width:calc(100% - 20px);border:0;outline:0;color:#4d4552;font-size:8px}.table-tools button{padding:7px 10px;border:1px solid #e5e0e8;border-radius:9px;background:#fff;color:#6c6371;font-size:8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:8px}th{padding:8px 9px;border-bottom:1px solid #eae5ec;color:#918895;text-align:left;text-transform:uppercase;letter-spacing:.08em}td{padding:10px 9px;border-bottom:1px solid #f1eef2;color:#645b69}td:first-child{display:flex;align-items:center;gap:8px;color:#302735}.person-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eee4f4;color:#7f329d;font-size:7px;font-weight:800}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:99px;font-weight:700}.status i{width:5px;height:5px;border-radius:50%}.status.eligible{background:#eaf7f0;color:#166b4a}.status.eligible i{background:#259468}.status.pending{background:#fbf1e5;color:#956220}.status.pending i{background:#d18a30}.table-footer{width:100%;padding:12px 0 0;border:0;background:none;color:#812caf;font-size:8px;font-weight:800}.placeholder{min-height:480px;display:grid;place-items:center;align-content:center;padding:40px;text-align:center}.placeholder>span{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#efe3f7;color:#8533b4;font-size:22px}.placeholder h2{margin:17px 0 6px;font:500 23px Georgia,serif}.placeholder p{margin:0;color:#6f6674;font-size:11px}.placeholder small{max-width:430px;margin:7px 0 18px;color:#99909e;font-size:8px}.placeholder .secondary-button{width:auto}.toast+.metric-grid{margin-top:0}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.distribution-card .donut-row{grid-template-columns:150px 1fr}.metrics-card{display:none}}@media (max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:68px;padding:7px 8px}.sidebar>.brand,.company-switch,.nav-label,.help-card,.user-mini{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px}.nav-item{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 1px;text-align:center;font-size:7px}.nav-item span{font-size:14px}.nav-item.active:before{display:none}.main-content{padding:20px 13px 91px}.mobile-brand{display:block;margin-bottom:17px}.mobile-brand .brand{padding:0;color:#221a28;font-size:20px}.topbar h1{font-size:28px}.topbar>div>span:last-child{font-size:9px}.top-actions .secondary-button,.demo-banner p,.demo-banner button{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{grid-template-columns:31px 1fr;padding:12px}.metric-icon{width:31px;height:31px}.metric-grid em{display:none}.privacy-boundary{grid-template-columns:29px 1fr}.privacy-boundary button{display:none}.analytics-grid{grid-template-columns:1fr}.chart-card,.distribution-card,.table-card{padding:15px}.donut-row{grid-template-columns:120px 1fr}.donut{width:105px;height:105px}.bar-chart{height:140px;padding-inline:0}.card-heading>div>span{max-width:230px}.table-tools{align-items:center}.table-tools label{min-width:0;flex:1}.table-card .primary-button{display:none}.toast{left:13px;right:13px;top:13px}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}.metric-grid article:nth-child(4){display:none}.donut-row{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.chart-legend{margin-top:13px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}