@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--ink:#f6f1eb;--muted:#98949c;--panel:#14131a;--line:#2b2833;--gold:#d5ae5e;--gold2:#f0cf83;--wine:#2a151e;--bg:#0b0a0f;--green:#55c89b;--red:#e68183;--blue:#6a99ef}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);min-height:100%;margin:0;font-family:DM Sans,sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);z-index:5;background:linear-gradient(#121017,#0d0c11);flex-direction:column;width:250px;height:100vh;padding:28px 18px;display:flex;position:fixed}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.mark{color:#181117;background:linear-gradient(145deg,#f0cf83,#a77c31);border:1px solid #f0cf83;border-radius:10px;place-items:center;width:40px;height:40px;font:600 22px Playfair Display;display:grid;box-shadow:inset 0 1px #fff7}.brand b{letter-spacing:.22em;font:700 15px Manrope}.brand span{color:var(--gold);letter-spacing:.33em;margin-top:3px;font-size:9px;display:block}nav{gap:8px;margin-top:50px;display:grid}nav button{color:#aaa5af;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:14px;padding:13px 14px;font-weight:600;display:flex}nav button i{text-align:center;width:20px;font-size:18px;font-style:normal}nav button:hover,nav button.active{color:#fff;background:#201c24}nav button.active{box-shadow:inset 2px 0 var(--gold)}.asideBottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;display:flex}.asideBottom div{flex:1;min-width:0}.asideBottom b,.asideBottom small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.asideBottom b{font-size:12px}.asideBottom small{color:var(--muted);font-size:10px}.asideBottom button{color:var(--muted);background:0 0;border:0;font-size:18px}.avatar{width:32px;height:32px;color:var(--gold);background:#272332;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}main{grid-column:2;width:100%;max-width:1500px;margin:auto;padding:0 42px 60px}header{border-bottom:1px solid #201e26;justify-content:space-between;align-items:center;height:100px;margin-bottom:30px;display:flex}header small,.eyebrow,.hero>div>span,.customerHead span{letter-spacing:.22em;color:var(--gold);font-size:9px;font-weight:700}header h1{margin:5px 0 0;font:600 28px Manrope}.gold{background:linear-gradient(135deg,var(--gold2),#b68734);color:#181117;border:0;border-radius:10px;padding:12px 18px;font-weight:800;box-shadow:inset 0 1px #fff8}.wide{width:100%;padding:15px}.outline{color:var(--ink);background:0 0;border:1px solid #45404d;border-radius:9px;padding:10px 14px;font-weight:700}.hero{background:radial-gradient(circle at 85% 30%,#44202b 0,#0000 31%),linear-gradient(120deg,#23141c,#161319);border:1px solid #392832;border-radius:18px;justify-content:space-between;align-items:center;min-height:190px;padding:35px 40px;display:flex}.hero h2{margin:8px 0;font:600 34px Playfair Display}.hero p{color:#b0a8ad;margin:0}.pulse{color:#8cd9ba;background:#10251e;border:1px solid #315445;border-radius:20px;padding:9px 13px;font-size:11px}.pulse i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px}.metric span,.metric small{color:var(--muted);font-size:11px;display:block}.metric b{margin:11px 0 4px;font:700 26px Manrope;display:block}.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;margin-top:16px;overflow:hidden}.panelTitle{padding:23px 24px 17px}.panel h3,.panelTitle h3{margin:0;font:700 16px Manrope}.panelTitle p,.sectionSub{color:var(--muted);margin:5px 0 0;font-size:11px}.table{width:100%}.tr{width:100%;min-height:66px;color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #25222b;grid-template-columns:minmax(190px,1.5fr) 1fr .75fr .7fr .8fr 20px;align-items:center;padding:0 24px;font-size:12px;display:grid}.tr:not(.head):hover{background:#1a181f}.tr.head{color:#7f7b85;text-transform:uppercase;letter-spacing:.13em;min-height:37px;font-size:8px}.business{align-items:center;gap:11px;display:flex}.business i{width:34px;height:34px;color:var(--gold);background:#2a2025;border:1px solid #503642;border-radius:8px;place-items:center;font:600 15px Playfair Display;display:grid}.business b,.business small{display:block}.business small,.tr>span>small{color:var(--muted);margin-top:3px;font-size:10px}.status{color:#c8c3cc;background:#29262e;border-radius:15px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-block}.status.active,.status.live{color:#65d5a8;background:#143228}.status.trial,.status.beta{color:#e9c96e;background:#362d18}.status.suspended,.status.past_due,.status.cancelled{color:#ed9195;background:#371d24}.status.planned{color:#83aaf4;background:#1d273b}.twocol{grid-template-columns:1fr 1fr;gap:16px;display:grid}.moduleMini>div,.activityList>div,.people>div{border-top:1px solid #25222b;align-items:center;gap:12px;padding:14px 20px;display:flex}.moduleMini>div>div,.activityList>div>div,.people>div>div{flex:1}.moduleMini b,.moduleMini small,.activityList b,.activityList small,.people b,.people small{display:block}.moduleMini small,.activityList small,.people small{color:var(--muted);margin-top:3px;font-size:10px}.moduleMini strong{font-size:13px}.moduleMini strong small{display:inline}.moduleIcon{width:37px;height:37px;color:var(--gold2);background:#36271b;border-radius:10px;flex:none;place-items:center;font:600 17px Playfair Display;display:grid}.moduleIcon.pos{color:#84c7e8;background:#192c37}.moduleIcon.accounting{color:#73d2aa;background:#1a342b}.moduleIcon.integration{color:#cf9be7;background:#30203a}.activityList i{width:25px;height:25px;color:var(--green);background:#172a23;border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.activityList time{color:var(--muted);font-size:10px}.empty{color:var(--muted)!important;justify-content:center!important}.pageIntro{justify-content:space-between;align-items:end;margin:12px 0 25px;display:flex}.pageIntro h2{margin:0 0 7px;font:600 28px Playfair Display}.pageIntro p{color:var(--muted);margin:0}.pageIntro>span{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:7px 11px;font-size:11px}.drawerShade{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#050408c9;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#101016;border-left:1px solid #3a3039;width:min(760px,100%);height:100%;padding:32px 36px 80px;position:relative;overflow:auto}.close{border:1px solid var(--line);color:#fff;background:#1c1921;border-radius:50%;width:38px;height:38px;font-size:22px;position:absolute;top:22px;right:24px}.customerHead{align-items:center;gap:17px;padding-bottom:26px;display:flex}.bigmark{color:#25191c;background:linear-gradient(145deg,#ead083,#a87f36);border-radius:14px;place-items:center;width:60px;height:60px;font:600 30px Playfair Display;display:grid}.customerHead h2{margin:6px 0;font:600 29px Playfair Display}.customerHead p{color:var(--muted);margin:0;font-size:12px}.quick{border:1px solid var(--line);border-radius:12px;grid-template-columns:1.2fr 1fr 1fr;margin-bottom:28px;display:grid}.quick>div,.quick>label{border-right:1px solid var(--line);padding:15px 16px}.quick>:last-child{border:0}.quick span,.quick label,.quick b{font-size:10px;display:block}.quick span,.quick label{color:var(--muted)}.quick b{color:#fff;margin-top:5px}.quick select{width:100%;margin-top:5px}.drawer section{border-top:1px solid var(--line);padding:24px 0}.drawer section>h3{margin:0;font:700 15px Manrope}.entitlements{border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}.entitlements>div{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px;display:flex}.entitlements>div:first-child{border:0}.entitlements>div>div{flex:1}.entitlements b,.entitlements small{display:block}.entitlements small{color:var(--muted);margin-top:3px;font-size:10px}.entitlements select{width:95px}.chips{gap:8px;margin-top:12px;display:flex}.chips span{border:1px solid var(--line);background:#1b1920;border-radius:9px;padding:9px 12px;font-size:11px}.people select{width:100px}.inlineForm,.subscription{align-items:end;gap:8px;margin-top:13px;display:flex}.inlineForm input,.inlineForm select{min-width:0}.subscription label{min-width:110px}.subscription .grow{flex:1}label{color:#aaa5af;font-size:11px;font-weight:600}input,select{color:#fff;background:#17151c;border:1px solid #3c3843;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}input:focus,select:focus{border-color:var(--gold)}.moduleGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.moduleGrid article{border:1px solid var(--line);background:linear-gradient(145deg,#17151c,#111016);border-radius:16px;min-height:290px;padding:23px}.moduleTop{justify-content:space-between;margin-bottom:28px;display:flex}.moduleGrid h3{margin:7px 0 10px;font:600 21px Manrope}.moduleGrid>article>p{color:var(--muted);min-height:58px;font-size:12px;line-height:1.6}.prices{border-top:1px solid var(--line);gap:26px;margin-top:22px;padding-top:18px;display:flex}.prices small,.prices b{display:block}.prices small{color:var(--muted);font-size:9px}.prices b{margin-top:5px}.prices em{color:var(--muted);font-size:9px;font-style:normal;font-weight:400}.activityFull .activityList>div{padding:18px 24px}.modal{background:#15131a;border:1px solid #44333d;border-radius:18px;width:min(680px,100% - 24px);max-height:calc(100vh - 40px);margin:auto;padding:34px;position:relative;overflow:auto}.modal h2{margin:8px 0;font:600 29px Playfair Display}.modal>p{color:var(--muted)}.formgrid{grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:27px;display:grid}.modalActions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}.error{color:#f0a2a5;background:#351c23;border:1px solid #69323d;border-radius:9px;justify-content:space-between;margin:10px 0;padding:11px 14px;display:flex}.error button{color:inherit;background:0 0;border:0}.login{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login>section{background:radial-gradient(circle at 35% 45%,#4a2430 0,#0000 30%),linear-gradient(135deg,#171016,#0a090d);border-right:1px solid #372b33;flex-direction:column;padding:42px 55px;display:flex}.loginCopy{margin:auto 0}.loginCopy h1{margin:15px 0;font:600 55px/1.08 Playfair Display}.loginCopy h1 em{color:var(--gold);font-weight:600}.loginCopy p{color:#aaa2a8;max-width:510px;font-size:16px;line-height:1.6}.login footer{color:#6f6870;font-size:10px}.login>form{place-items:center;padding:30px;display:grid}.login>form>div{width:min(390px,100%)}.login form h2{margin:10px 0;font:600 32px Playfair Display}.login form>div>p{color:var(--muted);margin-bottom:30px}.login form label{margin:15px 0;display:block}.login form>div>small{text-align:center;color:#68636c;margin-top:18px;display:block}.splash{place-content:center;justify-items:center;gap:20px;min-height:100vh;display:grid}.splash p{color:var(--muted)}.loader{border:2px solid #463c2d;border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.shell{grid-template-columns:80px 1fr}aside{width:80px;padding:25px 12px}.brand>div:last-child,nav button:not(.active){font-size:0}.brand{padding:0}.brand .mark{width:42px}nav button{justify-content:center;padding:13px 8px}nav button i{font-size:19px}.asideBottom>div,.asideBottom>button{display:none}main{grid-column:2;padding:0 24px 50px}.metrics,.moduleGrid{grid-template-columns:1fr 1fr}.tr{grid-template-columns:minmax(160px,1.4fr) .8fr .7fr .7fr 20px}.tr>span:nth-child(2),.tr.head span:nth-child(2){display:none}}@media (width<=700px){html,body{font-size:14px}.shell{display:block}.shell aside{border:0;border-top:1px solid var(--line);z-index:10;width:100%;height:68px;padding:7px 8px;position:fixed;top:auto;bottom:0}.shell aside .brand,.asideBottom{display:none}nav{grid-template-columns:repeat(5,1fr);gap:0;margin:0;display:grid}nav button,nav button:not(.active){box-shadow:none;background:0 0;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:8px;display:flex}nav button i{font-size:18px}main{padding:0 14px 90px}header{height:78px;margin-bottom:18px}header h1{font-size:22px}header small{display:none}header .gold{width:42px;height:42px;padding:0;font-size:0}header .gold:first-letter{font-size:20px}.hero{min-height:165px;padding:25px 22px}.hero h2{font-size:28px}.pulse{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:16px}.metric b{font-size:21px}.twocol{grid-template-columns:1fr}.panel{overflow-x:auto}.tr{min-width:610px}.pageIntro{align-items:start}.pageIntro h2{font-size:24px}.moduleGrid{grid-template-columns:1fr}.drawer{padding:25px 17px 80px}.quick{grid-template-columns:1fr}.quick>div,.quick>label{border-right:0;border-bottom:1px solid var(--line)}.entitlements>div{align-items:flex-start}.entitlements small{max-width:260px}.inlineForm,.subscription{grid-template-columns:1fr 1fr;display:grid}.subscription .grow,.subscription button{grid-column:1/-1}.login{display:block}.login>section{min-height:38vh;padding:28px 24px}.loginCopy h1{font-size:38px}.loginCopy p,.login footer{display:none}.login>form{min-height:62vh;padding:30px 24px}.formgrid{grid-template-columns:1fr}.modal{padding:28px 20px}.activityList time{display:none}}.notice{color:#88dab8;background:#142920;border:1px solid #295742;border-radius:9px;justify-content:space-between;margin:10px 0;padding:13px 15px;font-weight:600;display:flex}.notice button{color:inherit;background:0 0;border:0}
