@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17212b;background:#f7f9fb;font-synthesis:none;--ink:#17212b;--muted:#77828d;--line:#e6eaee;--purple:#7657e8}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font:800 23px Plus Jakarta Sans;letter-spacing:-1px;padding:0 13px 27px}.brand-mark{width:25px;height:25px;border-radius:8px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:16px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:25px}.workspace>div:nth-child(2){flex:1}.workspace-avatar,.header-avatar{display:grid;place-items:center;font-weight:700}.workspace-avatar{width:28px;height:28px;border-radius:8px;color:#fff;background:#354255;font-size:13px}.workspace strong,.profile strong{font-size:12px;display:block}.workspace small,.profile small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.nav-label{color:#a2aab2;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;padding:0 13px;margin:0 0 8px}.nav-label.spaced{margin-top:25px}nav a{height:40px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#6b7680;text-decoration:none;font-size:13px;border-radius:8px;margin:3px 0}nav a.selected{background:#f0edff;color:#6345d2;font-weight:700}nav a svg{stroke-width:1.9}.nav-count{margin-left:auto;background:#e0d9ff;color:#674bd5;border-radius:10px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.upgrade{background:#f5f2ff;border:1px solid #e9e2ff;border-radius:10px;padding:15px;margin-bottom:17px}.upgrade>span{color:var(--purple);font-size:17px}.upgrade strong{font-size:12px;display:block;margin:8px 0 5px}.upgrade small{font-size:11px;color:#7c729c;line-height:1.45;display:block}.upgrade button{border:0;background:none;color:#674bd5;font-weight:700;padding:10px 0 0;font-size:11px;display:flex;gap:6px;align-items:center}.profile{border-top:1px solid var(--line);padding:17px 7px 0;display:flex;align-items:center;gap:9px}.profile>div:nth-child(2){flex:1}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.avatar.purple{background:#7657e8}.avatar.teal{background:#40a9a5}.avatar.orange{background:#e39a50}.avatar.slate{background:#8595a7}.main{flex:1;min-width:0}header{height:70px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 46px;justify-content:space-between}.breadcrumbs{font-size:12px;color:#9aa2a9}.breadcrumbs span{padding:0 10px;color:#c4c9ce}.breadcrumbs strong{color:#4d5964}.header-actions{display:flex;gap:22px;align-items:center}.icon-button,.close,.mobile-menu{border:0;background:none;color:#68737d;position:relative}.icon-button i{position:absolute;width:6px;height:6px;background:#ef675f;border:1px solid #fff;border-radius:50%;top:1px;right:0}.header-avatar{width:31px;height:31px;background:#d9e5fb;color:#46689c;border-radius:50%;font-size:11px}.content{padding:37px 46px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#a0a8b0;font-weight:700;margin:0 0 8px}.page-heading h1{font:800 29px Plus Jakarta Sans;letter-spacing:-1px;margin:0}.page-heading h1 span{font:600 12px DM Sans;background:#edeafa;color:#7256d8;border-radius:11px;padding:4px 8px;vertical-align:middle;margin-left:7px}.subtitle{color:#89939b;font-size:13px;margin:9px 0 0}.primary,.secondary{border-radius:7px;padding:10px 15px;font-weight:700;font-size:12px;display:inline-flex;gap:8px;align-items:center;cursor:pointer}.primary{background:#7657e8;border:1px solid #7657e8;color:#fff;box-shadow:0 3px 7px #7657e83b}.secondary{background:#fff;border:1px solid #dfe4e8;color:#55616b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 16px;display:flex;gap:13px;align-items:flex-start}.stat-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-weight:700}.stat-icon.green{background:#e7f7ef;color:#2da66b}.stat-icon.blue{background:#e8f2ff;color:#4a91dc}.stat-icon.orange{background:#fff2e6;color:#eb9a50}.stat-icon.purple{background:#f0edff;color:#7657e8}.stat-card span{font-size:11px;color:#87919a;display:block}.stat-card strong{display:block;font:700 21px Plus Jakarta Sans;margin:5px 0}.stat-card small{font-size:10px;font-weight:700}.stat-card em{color:#9da5ac;font-style:normal;font-weight:400}.positive{color:#2da66b}.neutral{color:#e4a03e}.table-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.table-toolbar{padding:16px 18px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.search{display:flex;gap:9px;align-items:center;border:1px solid #e2e6e9;border-radius:6px;padding:0 10px;width:285px;color:#9ba3aa}.search input{border:0;outline:0;padding:9px 0;font:12px DM Sans;width:100%}.toolbar-actions{display:flex;gap:9px}select{border:1px solid #dfe4e8;border-radius:6px;padding:0 29px 0 11px;background:#fff;color:#5b6670;font:12px DM Sans}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#fbfcfd;color:#a0a8af;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700;padding:12px 18px}td{padding:14px 18px;border-top:1px solid #f0f2f4;color:#66717a;white-space:nowrap}td strong{color:#3e4a54;font-size:12px}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell small,.role{display:block;color:#a2aab1;font-size:11px;margin-top:4px}.company{display:block}.pill{font-size:10px;font-weight:700;padding:5px 9px;border-radius:12px;text-transform:capitalize}.pill.active{background:#e8f8ef;color:#2b9b62}.pill.trial{background:#fff3e5;color:#d98532}.pill.paused{background:#f0f2f5;color:#778492}.pill.churned{background:#fcebea;color:#d8615e}.plan{font-size:11px;color:#68737d;background:#f5f6f7;padding:5px 8px;border-radius:4px}.row-actions{display:flex;gap:11px;opacity:0;transition:.15s}.table-card tr:hover .row-actions{opacity:1}.row-actions button{border:0;background:none;color:#7657e8;font-size:11px;font-weight:700;cursor:pointer}.row-actions button:last-child{color:#dd6865}.empty{text-align:center;padding:40px!important}.table-footer{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;color:#9aa3aa;font-size:11px}.table-footer strong{color:#58646d}.table-footer button{border:0;background:none;color:#afb6bb;padding:5px 8px}.table-footer .current{background:#f0edff;color:#7657e8;border-radius:5px}.error-banner{background:#fff0ef;color:#c15552;border:1px solid #ffd9d6;border-radius:7px;padding:12px 15px;margin-bottom:16px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18212b66;display:grid;place-items:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:12px;width:min(620px,100%);box-shadow:0 20px 70px #17212b40}.modal-head{display:flex;justify-content:space-between;padding:24px 26px 17px;border-bottom:1px solid var(--line)}.modal h2{font:800 22px Plus Jakarta Sans;margin:0}.close{cursor:pointer}.form-grid{padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:700;color:#5f6a74}.form-grid input,.form-grid textarea,.form-grid select{width:100%;margin-top:7px;padding:10px;border:1px solid #dfe4e8;border-radius:6px;color:#33404b;font:12px DM Sans;outline-color:#7657e8;background:#fff}.form-grid select{height:36px}.form-grid textarea{resize:vertical}.form-grid .full{grid-column:1/-1}.modal-actions{padding:16px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.mobile-menu{display:none}@media(max-width:900px){.sidebar{width:210px}.content,header{padding-left:25px;padding-right:25px}.stats{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow:auto}}@media(max-width:650px){.sidebar{display:none}.mobile-menu{display:block}.content,header{padding-left:16px;padding-right:16px}.page-heading{align-items:flex-start;gap:20px;flex-direction:column}.page-heading .primary{align-self:stretch;justify-content:center}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:12px 10px}.stat-icon{width:30px;height:30px}.stat-card strong{font-size:17px}.table-toolbar{flex-direction:column}.search{width:100%}.toolbar-actions{justify-content:space-between}.table-footer{gap:10px}.form-grid{grid-template-columns:1fr;padding:18px}.form-grid .full{grid-column:auto}.modal-head,.modal-actions{padding-left:18px;padding-right:18px}}.sidebar nav button{height:40px;width:100%;padding:0 12px;display:flex;align-items:center;gap:12px;color:#6b7680;font:13px DM Sans;border:0;background:none;border-radius:8px;margin:3px 0;text-align:left;cursor:pointer}.sidebar nav button.selected{background:#f0edff;color:#6345d2;font-weight:700}.workspace,.profile{font-family:DM Sans;cursor:pointer;background:#fff}.workspace-menu,.popover,.profile-popover{position:absolute;z-index:8;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #17212b1c}.workspace-menu{top:91px;left:16px;width:214px;padding:6px}.workspace-menu button,.popover button,.profile-popover button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;border-radius:6px;padding:9px;color:#59656f;font:12px DM Sans;text-align:left;cursor:pointer}.workspace-menu button:hover,.popover button:hover,.profile-popover button:hover{background:#f5f3ff;color:#674bd5}.workspace-avatar.small{width:22px;height:22px;font-size:10px}.purple-bg{background:#7657e8}.header-actions{position:relative}.popover,.profile-popover{right:0;top:42px;width:220px;padding:13px}.popover>strong,.profile-popover>strong{font-size:12px;color:#3e4a54;display:block;margin-bottom:8px}.popover p{font-size:11px;color:#76818a;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef675f}.profile-popover{width:160px}.overview-grid,.report-grid,.help-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.report-grid{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.help-grid{grid-template-columns:repeat(2,1fr)}.info-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.info-card h2{font:700 17px Plus Jakarta Sans;margin:0 0 10px;color:#25313b}.card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.card-copy{color:#8b959d;font-size:12px;line-height:1.6}.health-row{display:grid;grid-template-columns:140px 1fr 60px;gap:14px;align-items:center;font-size:12px;color:#69757e;margin:20px 0}.progress{height:8px;background:#e9f6ef;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#40aa78;border-radius:5px}.orange-progress{background:#fff1e5}.orange-progress i{background:#e5a05d}.text-button,.help-card{border:0;background:none;color:#7657e8;font:700 12px DM Sans;cursor:pointer;display:flex;gap:6px;align-items:center}.report-icon{width:34px;height:34px;border-radius:8px;background:#f0edff;color:#7657e8;display:grid;place-items:center;margin-bottom:17px}.report-card h2{font-size:20px}.mini-customer{display:flex;align-items:center;gap:7px;color:#69757e;font-size:11px;margin-top:10px}.mini-customer i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e5f5f2;color:#479f97;font-style:normal;font-size:9px;font-weight:700}.report-table{padding:0}.report-table .card-title{padding:22px 22px 8px}.report-row{display:grid;grid-template-columns:34px 1fr 70px 80px;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid #f0f2f4;font-size:11px}.report-row small{display:block;color:#9ca5ac;margin-top:3px}.settings-card{max-width:760px;padding:0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #eef0f2}.setting-row:last-child{border-bottom:0}.setting-row strong{display:block;font-size:13px;color:#44515b}.setting-row small{display:block;color:#929ba3;font-size:11px;margin-top:5px}.toggle{width:39px;height:22px;border:0;background:#dfe3e6;border-radius:15px;padding:3px;cursor:pointer}.toggle i{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:.15s}.toggle.on{background:#7657e8}.toggle.on i{transform:translate(17px)}.help-card{text-align:left;display:block;width:100%;padding:24px}.help-card svg{color:#7657e8}.help-card h2{margin-top:16px}.help-card p{min-height:38px}.help-card span{display:flex;gap:6px;align-items:center}.toast{position:fixed;right:24px;bottom:24px;z-index:20;background:#25313b;color:#fff;border-radius:7px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 8px 25px #17212b33}.modal-backdrop{z-index:15}html[data-theme=dark] body{background:#18212b;color:#edf2f6}html[data-theme=dark] .info-card,html[data-theme=dark] .table-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .sidebar,html[data-theme=dark] header,html[data-theme=dark] .workspace,html[data-theme=dark] .secondary,html[data-theme=dark] .workspace-menu,html[data-theme=dark] .popover,html[data-theme=dark] .profile-popover{background:#202c37;color:#edf2f6}html[data-theme=dark] .breadcrumbs strong,html[data-theme=dark] .info-card h2,html[data-theme=dark] .stat-card strong,html[data-theme=dark] .setting-row strong{color:#edf2f6}html[data-theme=dark] .table-card td,html[data-theme=dark] .table-card th,html[data-theme=dark] .setting-row,html[data-theme=dark] .report-row{border-color:#33414d}html[data-theme=dark] .table-card th{background:#24323e}@media(max-width:900px){.overview-grid,.report-grid{grid-template-columns:1fr 1fr}.nav-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:246px;z-index:10;box-shadow:10px 0 30px #17212b33}.nav-open .main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#17212b55;z-index:9}}@media(max-width:650px){.overview-grid,.report-grid,.help-grid{grid-template-columns:1fr}.report-row{grid-template-columns:34px 1fr 65px}.report-row>strong{display:none}.profile-popover{right:0}}