:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223c37;background:#f6f8f7;font-synthesis:none;--green:#275f50;--muted:#83908b;--border:#e4eae6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:31px 19px;position:fixed;inset:0 auto 0 0;width:234px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:10px;align-items:center;padding:0 10px;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand svg{background:#275f50;color:white;padding:7px;border-radius:10px;width:36px;height:36px}.brand small{font-size:10px;background:#eef2ef;color:#718077;letter-spacing:.5px;padding:3px 5px;border-radius:4px}.workspace{margin:33px 7px 25px;border:1px solid var(--border);border-radius:9px;padding:11px;display:flex;align-items:center;gap:10px;font-size:12px}.workspace b{display:block;margin-bottom:3px}.workspace small{color:#87938d}.avatar{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;font-weight:650;background:#eaf0e9;color:#517350;flex-shrink:0}.navlabel{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8c9992;margin:16px 15px 10px}.nav{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:3px 0;border-radius:7px;font-size:12px;color:#73827b}.nav.active{background:#eaf2eb;color:#2e644c;font-weight:650}.nav svg{width:17px;height:17px}.nav .count{margin-left:auto;background:#dce9dc;border-radius:5px;padding:2px 6px;font-size:10px}.sidebottom{margin-top:auto}.sidehelp{margin:24px 6px;padding:16px;border:1px solid #e6ebe5;background:#fafbf8;border-radius:8px;font-size:11px;line-height:1.7;color:#859087}.sidehelp b{color:#4f6456;display:block}.profile{border-top:1px solid var(--border);padding:18px 7px 0;display:flex;gap:10px;align-items:center;font-size:11px}.profile small{display:block;color:#89958e;margin-top:4px}.main{grid-column:2;min-width:0}.topbar{height:73px;padding:0 37px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8a9690}.crumb{display:flex;align-items:center;gap:12px}.crumb b{color:#51665b;font-weight:500}.topright{display:flex;gap:22px;align-items:center}.environment{background:#f4f7f3;padding:5px 10px;border:1px solid #e6ece3;border-radius:5px;color:#6d8068;font-size:10px}.iconbutton{background:none;border:0;color:#839087;display:grid;place-items:center;padding:5px}.iconbutton svg{width:17px;height:17px}.content{max-width:1550px;margin:auto;padding:33px 37px 40px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b9990;font-weight:700;margin:0 0 7px}h1{margin:0;font-size:27px;letter-spacing:-.9px;font-weight:650}h2{font-size:14px;letter-spacing:-.2px;margin:0}h3{font-size:12px;margin:0 0 10px}.subtitle{color:#89958e;font-size:11px;margin:9px 0 0}.actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid #dfe6df;border-radius:7px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#506257;font-size:11px;font-weight:550;white-space:nowrap}.btn svg{width:14px;height:14px}.btn.primary{background:#2d604e;border-color:#2d604e;color:white;box-shadow:0 2px 3px #233e3212}.btn.danger{color:#aa4c43;border-color:#eddcd5}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:wait}.notice{display:flex;gap:11px;align-items:center;border:1px solid #e1e8de;border-radius:8px;background:#eff4ec;color:#75836b;font-size:10px;padding:12px 15px;margin:0 0 24px;line-height:1.6}.notice svg{width:15px;height:15px;flex-shrink:0}.notice strong{color:#526b49;font-weight:600}.notice.warn{background:#fff8ec;border-color:#f0e5ca;color:#8e7543}.notice .end{margin-left:auto;font-size:9px;letter-spacing:.6px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.metric{border:1px solid var(--border);border-radius:10px;padding:18px 20px;background:white;position:relative;overflow:hidden}.metric .label{display:flex;justify-content:space-between;align-items:center;color:#7b8a80;font-size:10px}.metric .label svg{width:15px;height:15px;color:#8c9a8e}.metric .number{font-size:29px;letter-spacing:-1.1px;font-weight:620;margin:13px 0 9px;font-variant-numeric:tabular-nums}.metric small{font-size:9px;color:#8e9a92}.metric small b{color:#538465;font-weight:500}.metric:nth-child(3) .number{color:#ac8b4f}.metric:nth-child(4) .number{color:#b77666}.spark{position:absolute;bottom:18px;right:18px;display:flex;gap:3px;align-items:end;height:24px}.spark i{width:4px;background:#e7eee6;border-radius:2px}.metric:nth-child(2) .spark i{background:#d5e5d9}.panel{border:1px solid var(--border);border-radius:10px;background:white;overflow:hidden;margin-bottom:20px}.panelhead{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf0eb}.panelhead p{font-size:10px;color:#8a978d;margin:6px 0 0}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:0 22px}.tab{background:none;border:0;padding:15px 0 13px;font-size:11px;color:#8c978f;border-bottom:2px solid transparent;display:flex;gap:7px;align-items:center}.tab.active{color:#2b654d;border-color:#2b654d;font-weight:600}.tab span{font-size:9px;background:#f0f3ed;padding:2px 6px;border-radius:4px;color:#7f8e7d}.filters{display:flex;align-items:center;gap:9px;padding:16px 22px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:170px}.search svg{position:absolute;left:11px;top:11px;width:14px;height:14px;color:#99a29a}.search input{padding-left:33px;width:100%}.field,input,select,textarea{border:1px solid #e2e7df;border-radius:6px;background:white;color:#53665a;padding:9px 11px;font-size:11px;min-height:35px}input::placeholder{color:#a2aaa1}select{min-width:120px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{background:#f9faf7;color:#8f9b91;font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:550;padding:13px 18px;border-block:1px solid #e9eee5}td{padding:15px 18px;border-bottom:1px solid #edf0e9;color:#748275}td strong{font-size:11px;color:#43594c;font-weight:550}.company{display:flex;gap:10px;align-items:center;min-width:175px}.company small{font-size:9px;display:block;margin-top:4px;color:#9aa397}.company .avatar{width:31px;height:31px;font-size:10px;border-radius:8px}.company .av1{background:#f0eade;color:#aa9366}.company .av2{background:#e8edf5;color:#7992b1}.company .av3{background:#ece9f2;color:#9480b0}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;white-space:nowrap;line-height:1.3}.badge.PAID,.badge.ACTIVE{background:#ecf4e9;color:#6b9060}.badge.PENDING{background:#fbf4e5;color:#b09a55}.badge.OVERDUE,.badge.SUSPENDED{background:#f9eae5;color:#b68170}.badge.WAIVED{background:#f0edf8;color:#9786b7}.badge.RESTRICTED{background:#fbf1de;color:#b7974f}.dot{width:4px;height:4px;border-radius:50%;background:currentColor}.plan{background:#f1f3ed;color:#859071;border:1px solid #e8ecdf;font-size:8px;letter-spacing:.25px}.plan.professional{background:#eaf0f5;color:#7892aa;border-color:#e0e8ef}.plan.business{background:#f0edf7;color:#9886b0;border-color:#e9e3f2}.paybtn{border:1px solid #dfe6da;background:#fff;border-radius:5px;color:#64805c;padding:6px 9px;font-size:9px}.paiddate{font-size:10px;color:#8b978a}.tablewrap{overflow:auto}.tablefoot{display:flex;justify-content:space-between;padding:15px 22px;color:#96a08f;font-size:9px;align-items:center}.pagination{display:flex;gap:5px}.pagination button{background:white;border:1px solid #e4e9df;border-radius:4px;width:26px;height:25px;font-size:10px;color:#85957d}.pagination button.active{background:#edf3e8;color:#638457}.bottomgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.alertrow{padding:15px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0e9;font-size:10px}.alerticon{width:31px;height:31px;background:#fbf1e0;color:#b49b66;display:grid;place-items:center;border-radius:7px}.alerticon svg{width:15px;height:15px}.alertrow strong{color:#607256;font-weight:550}.alertrow small{display:block;font-size:9px;color:#9ba392;margin-top:5px}.alertrow>a:last-child{margin-left:auto;color:#9caa93}.link{font-size:10px;color:#6c8961}.distribution{padding:18px 22px}.distrow{display:flex;align-items:center;gap:11px;margin-bottom:18px;font-size:10px}.distrow:last-child{margin-bottom:0}.distrow .plan{width:95px;justify-content:center}.bar{height:6px;background:#eef1e9;border-radius:10px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:#a9bca0;border-radius:10px}.distrow:nth-child(2) .bar i{background:#9db1bd}.distrow:nth-child(3) .bar i{background:#b3a5c3}.distrow small{min-width:46px;text-align:right;color:#929d89;font-size:9px}.footer{margin-top:25px;font-size:9px;color:#a3ab9c;display:flex;justify-content:space-between}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bodypad{padding:22px}.detailgrid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.statline{display:flex;justify-content:space-between;margin:14px 0;font-size:11px;color:#8b9687}.statline b{font-weight:550;color:#586d50}.usageitem{margin:20px 0}.usageitem .bar{margin-top:10px;height:7px}.usageitem .bar i.warning{background:#d1b36f}.usageitem .bar i.critical{background:#cf8e7b}.usageitem .bar i.limit{background:#b65c52}.usageitem .statline{margin:0}.sectionspace{margin-top:22px}.rowactions{display:flex;gap:6px;flex-wrap:wrap}.empty{text-align:center;color:#91a08a;padding:45px;font-size:12px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.loginhero{background:#193e34;color:#edf4e8;padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.loginhero:after{content:'';width:480px;height:480px;border:1px solid #ffffff12;border-radius:50%;position:absolute;right:-180px;bottom:-100px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.loginhero .brand{padding:0;position:absolute;top:45px;left:50px}.loginhero h1{font-size:47px;line-height:1.15;font-weight:500;max-width:440px;letter-spacing:-2px}.loginhero p{max-width:350px;line-height:1.9;font-size:13px;color:#afc2b5}.loginform{display:grid;place-items:center;padding:35px}.loginbox{width:340px;max-width:100%}.loginbox h1{font-size:26px}.loginbox form{margin-top:28px}.formfield{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:11px;color:#77866e}.formfield input,.formfield select,.formfield textarea{width:100%;font-size:12px;padding:11px}.formfield textarea{min-height:85px;resize:vertical}.loginbox .btn{width:100%;padding:12px}.demo{margin-top:25px;background:#ecf1e7;border:1px solid #dde6d6;border-radius:8px;padding:14px;font-size:10px;line-height:1.9;color:#7c8c71}.demo button{border:0;background:none;padding:0;color:#426b44;text-decoration:underline;font:inherit;cursor:pointer}.formerror{color:#b05b4c;font-size:11px;min-height:17px;margin:8px 0}dialog{border:1px solid var(--border);border-radius:12px;padding:0;width:470px;max-width:calc(100vw - 30px);color:#384d37;box-shadow:0 25px 100px #173d3425}dialog::backdrop{background:#142c285e;backdrop-filter:blur(3px)}.modalhead{padding:22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modalhead h2{font-size:17px}.modalbody{padding:22px}.modalfoot{padding:17px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:#fafbf8}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#234a39;color:#fff;padding:13px 22px;font-size:12px;border-radius:8px;box-shadow:0 4px 20px #16342122;display:none;z-index:100}#toast.show{display:block}.trendchart{display:flex;align-items:end;justify-content:space-around;height:160px;padding-top:20px;gap:18px}.chartcolumn{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;flex:1;font-size:9px;color:#8c9b82}.chartcolumn i{width:100%;max-width:70px;background:#c7d7ba;border-radius:5px 5px 0 0}.chartcolumn:last-child i{background:#648a58}.chartcolumn b{font-size:10px;font-weight:500}.tenantname:hover{color:#2d7755;text-decoration:underline}.mobilebrand{display:none}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto;min-height:auto}.auditdetails{font-size:10px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summarypill{display:flex;gap:18px;padding:18px 22px;border-top:1px solid var(--border);font-size:10px;color:#8b9880}.summarypill b{color:#59704d}.currencyrow{display:flex;gap:8px;flex-wrap:wrap}.currencyrow .btn.active{background:#eaf1e4;border-color:#b6c9a5}.splithead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
@media(min-width:1500px){.content{padding-top:40px}.metric{padding:23px}td{padding-block:19px}}
@media(max-width:1100px){.layout{grid-template-columns:195px 1fr}.sidebar{width:195px;padding-inline:12px}.brand{font-size:18px}.content{padding:25px 23px}.topbar{padding:0 23px}.cards{gap:10px}.metric{padding:15px}.metric .number{font-size:25px}.bottomgrid{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.heading .actions{flex-wrap:wrap;justify-content:end}td,th{padding-inline:13px}}
@media(max-width:800px){.layout{display:block}.sidebar{position:static;width:100%;padding:14px;border-right:0;border-bottom:1px solid var(--border);display:block}.sidebar .brand{display:inline-flex}.workspace,.navlabel,.sidebottom{display:none}.sidebar nav{display:flex;margin-top:13px;overflow:auto}.nav{padding:10px;white-space:nowrap;font-size:11px}.nav svg{display:none}.main{width:100%}.topbar{height:49px}.topright .environment{display:none}.content{padding:23px 17px}.cards{grid-template-columns:repeat(2,1fr)}.bottomgrid,.detailgrid{grid-template-columns:1fr}.heading{flex-direction:column;gap:16px}h1{font-size:24px}.heading .actions{justify-content:start}.notice .end{display:none}.tabs{gap:16px;overflow:auto;white-space:nowrap}.grid3{grid-template-columns:1fr}.login{grid-template-columns:1fr}.loginhero{display:none}.loginform{min-height:100vh}.footer{gap:15px}.panelhead{padding:17px}.filters{padding:14px}.tablefoot{padding:14px}.metric .number{font-size:27px}.spark{display:none}.summarypill{flex-wrap:wrap}}
@media(max-width:450px){.metric .number{font-size:20px;letter-spacing:-.7px;white-space:nowrap}.metric{padding:15px 12px}.metric .label{font-size:9px}.panelhead{flex-wrap:wrap}.panelhead .actions{width:100%;flex-wrap:wrap}.panelhead .actions input{min-width:0;max-width:160px}.metric small{line-height:1.7;display:block}.topbar{padding-inline:17px}}
.mobilelogout{display:none}@media(max-width:800px){.mobilelogout{display:grid}.topright{gap:11px}}