@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#182230;--muted:#788393;--line:#e9edf2;--canvas:#f7f9fc;--blue:#3268e8;--navy:#141e33}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:246px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 9px 23px;display:flex}.brand>div:nth-child(2){flex-direction:column;gap:1px;display:flex}.brand b{letter-spacing:.4px;font:800 17px Manrope,sans-serif}.brand span{letter-spacing:1.5px;color:#98a1af;font-size:9px;font-weight:700}.brand-mark{color:#fff;background:#14213b;border-radius:14px;place-items:center;width:42px;height:42px;font:800 23px Manrope,sans-serif;display:grid}.brand-mark.small{border-radius:11px;width:35px;height:35px;font-size:19px}.workspace{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin:0 3px 30px;padding:12px;display:flex}.workspace-icon{color:#426ce0;background:#eef3ff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.workspace div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.workspace b{font-size:12px}.workspace span{color:var(--muted);font-size:10px}.workspace>svg{color:#8a94a3}.nav-label{letter-spacing:1.2px;color:#9aa3b0;padding:0 11px 10px;font-size:9px;font-weight:700}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#667181;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;height:40px;padding:0 11px;font-size:12px;font-weight:600;display:flex}.sidebar nav button:hover{background:#f6f8fb}.sidebar nav button.active{color:#2e63dc;background:#edf3ff}.nav-count{color:#788393;background:#fff;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.admin-card{border-top:1px solid var(--line);align-items:center;gap:9px;padding:16px 4px 13px;display:flex}.avatar,.top-avatar{color:#315ec0;background:#dce7ff;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.admin-card>div:nth-child(2){flex:1;gap:3px;display:grid}.admin-card b{font-size:11px}.admin-card span{color:var(--muted);font-size:10px}.sidebar-foot{letter-spacing:1.1px;color:#a3abb6;padding:0 6px;font-size:8px}.icon-button{color:#758091;background:0 0;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.icon-button:hover{background:#f0f3f8}.main{min-height:100vh;margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;height:61px;padding:0 36px;display:flex}.top-left,.top-right{align-items:center;gap:10px;display:flex}.top-left{color:#8b94a1;font-size:11px}.top-left b{color:#293446;font-size:11px}.top-right{color:#697586;font-size:10px}.live-dot{background:#28b77a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e8f8f0}.help{color:#9099a6;background:0 0;border:0;place-items:center;margin-left:10px;display:grid}.top-avatar{width:28px;height:28px;margin-left:3px;font-size:11px}.content{max-width:1420px;margin:0 auto;padding:31px 36px 56px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:1px;color:#8591a1;font-size:9px;font-weight:700}.eyebrow span{color:#bcc3cc;padding:0 5px}.page-heading h1{letter-spacing:-.7px;margin:7px 0 5px;font:700 25px Manrope,sans-serif}.page-heading p,.panel-head p{color:var(--muted);margin:0;font-size:11px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:0 2px 7px #1f365108}.metric{padding:17px 17px 15px}.metric-head{color:#687485;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.metric-icon.blue{color:#4070e6;background:#edf3ff}.metric-icon.violet{color:#7b60dc;background:#f2efff}.metric-icon.green{color:#2da875;background:#eaf8f1}.metric-icon.orange{color:#e39444;background:#fff3e9}.metric>b{letter-spacing:-.6px;margin:13px 0 7px;font:700 25px Manrope,sans-serif;display:block}.metric-sub{color:#8b95a3;align-items:center;gap:6px;font-size:10px;display:flex}.metric-dot{background:#9ca8b7;border-radius:50%;width:6px;height:6px}.section-grid{grid-template-columns:1.02fr 1fr;gap:16px;margin-bottom:17px;display:grid}.panel{padding:19px 20px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2{letter-spacing:-.15px;margin:0 0 5px;font:700 13px Manrope,sans-serif}.panel-head p{font-size:10px}.period{border:1px solid var(--line);color:#697586;border-radius:6px;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:10px;display:flex}.usage-primary{align-items:center;gap:11px;padding:22px 0 19px;display:flex}.usage-icon{color:#3c6fe5;background:#edf3ff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.usage-primary>div:nth-child(2){flex:1;gap:4px;display:grid}.usage-primary span{color:#7e8998;font-size:10px}.usage-primary b{font:700 21px Manrope,sans-serif}.delta{background:#eafaf1;border-radius:20px;align-items:center;gap:2px;padding:4px 7px;display:flex;color:#239b69!important;font-size:9px!important}.progress-caption,.progress-foot{justify-content:space-between;display:flex}.progress-caption{color:#687485;margin-bottom:8px;font-size:10px}.progress-caption b{color:#354254}.progress{background:#edf0f5;border-radius:8px;height:7px;overflow:hidden}.progress i{background:linear-gradient(90deg,#5486f0,#65a4f4);border-radius:8px;height:100%;display:block}.progress-foot{color:#8a94a2;margin-top:7px;font-size:9px}.usage-note{color:#8b95a2;border-top:1px solid #f0f2f5;align-items:center;gap:7px;margin-top:17px;padding-top:12px;font-size:9px;display:flex}.usage-note svg{color:#9da8b5}.text-button{color:#396de3;background:0 0;border:0;align-items:center;gap:4px;padding:3px;font-size:10px;font-weight:600;display:flex}.mini-list{margin-top:13px}.mini-row{border-top:1px solid #f1f3f6;align-items:center;gap:9px;padding:10px 0;display:flex}.center-logo{color:#536684;background:#f0f3fa;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font:700 12px Manrope,sans-serif;display:grid}.mini-info{flex:1;gap:4px;display:grid}.mini-info b{font-size:10px}.mini-info span{color:#8d97a4;font-size:9px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.ok{color:#209866;background:#eaf8f1}.badge.pending{color:#ca852f;background:#fff5e8}.table-panel{padding:18px 20px}.package-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(6,1fr);margin-top:18px;display:grid;overflow:hidden}.package-stat{border-right:1px solid var(--line);padding:12px 13px}.package-stat:last-child{border:0}.package-top{color:#748090;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;display:flex}.plan-dot{background:#4b78e7;border-radius:50%;width:7px;height:7px}.package-stat>b{font:700 19px Manrope,sans-serif}.package-stat>b small{color:#9099a7;font:400 9px DM Sans,sans-serif}.package-stat>div:last-child{color:#8a94a2;margin-top:5px;font-size:9px}.table-controls{align-items:center}.count-chip{color:#6c7889;background:#f0f3f8;border-radius:14px;margin-left:5px;padding:3px 7px;font:600 9px DM Sans}.search{border:1px solid var(--line);color:#929cab;border-radius:7px;align-items:center;gap:7px;min-width:215px;height:32px;padding:0 9px;display:flex}.search input{color:#39475a;border:0;outline:0;width:100%;font-size:10px}.table-wrap{margin:17px -3px 0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th{text-align:left;letter-spacing:.65px;color:#929ba8;border-bottom:1px solid var(--line);background:#fbfcfe;padding:10px;font-size:8px;font-weight:700}td{color:#536071;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:11px 10px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.center-cell{align-items:center;gap:9px;display:flex}.center-cell>div:last-child{gap:4px;display:grid}.center-cell b{color:#273448;font-size:10px}.center-cell span{color:#939ca9;font-size:9px}.badge.plan{color:#416ddd;background:#eef3ff}.badge.plan.starter{color:#6d7785;background:#f1f3f6}.badge.plan.chain{color:#7b5ac8;background:#f4efff}.sub-price,.muted-cell{color:#939daa;margin-top:4px;font-size:8px;display:block}.small-btn{height:27px;padding:0 8px;font-size:9px}.secondary{color:#4b586a;background:#fff;border:1px solid #e2e7ee;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:10px;font-weight:600;display:inline-flex}.secondary:hover{background:#fafcff;border-color:#bfcce4}.table-foot{border-top:1px solid var(--line);color:#8893a1;padding-top:12px;font-size:9px}.table-foot span{float:right}.empty{text-align:center;color:#858f9e;padding:40px;font-size:11px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px;display:grid}.plan-card{border:1px solid var(--line);border-radius:9px;padding:15px;position:relative}.plan-card-head{justify-content:space-between;align-items:flex-start;display:flex}.plan-eyebrow{color:#8792a1;letter-spacing:.8px;font-size:8px;font-weight:700}.plan-card h3{margin:4px 0 0;font:700 15px Manrope}.plan-state{color:#778394;background:#f2f4f7;border-radius:12px;padding:4px 7px;font-size:8px}.plan-state.enabled{color:#219565;background:#eafaf1}.price{margin:15px 0 12px;font:700 19px Manrope}.price small{color:#8d97a5;margin-left:4px;font:400 9px DM Sans}.plan-limits{border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;gap:9px;padding:12px 0;display:grid}.plan-limits span{color:#657183;align-items:center;gap:7px;font-size:10px;display:flex}.plan-limits svg{color:#8c98a8}.annual{color:#737f8e;align-items:center;gap:6px;margin-top:11px;font-size:9px;display:flex}.annual b{color:#3a4758}.annual span{color:#929ba8;margin-left:auto}.plan-features{color:#788493;gap:5px;margin:12px 0;font-size:9px;display:grid}.included{color:#29986a}.disabled{color:#98a1ac}.edit-plan{justify-content:center;width:100%;margin-top:3px}.center-count{text-align:center;color:#959eaa;margin-top:10px;font-size:8px;display:block}.sheet-source{border-top:1px solid var(--line);color:#818c9b;margin-top:18px;padding-top:13px;font-size:9px}.sheet-source a{color:#3a6ddf;font-weight:600;text-decoration:none}.sheet-source span{margin-left:7px}.primary{color:#fff;background:#3569e5;border:0;border-radius:7px;height:36px;padding:0 15px;font-size:11px;font-weight:700}.primary:hover{background:#285ad0}.full{width:100%;margin-top:4px}.login-shell{background:radial-gradient(circle at 50% 35%,#f1f5ff,#f7f9fc 55%);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(410px,100% - 32px);padding:32px;box-shadow:0 12px 40px #1f36510c}.login-card>.brand-mark{margin-bottom:22px}.login-card h1{margin:6px 0;font:700 23px Manrope}.muted{color:#828d9c;font-size:11px;line-height:1.6}.login-form{gap:14px;margin-top:23px;display:grid}.login-form label,.modal label{color:#606c7d;gap:7px;font-size:10px;font-weight:600;display:grid}.login-form input,.modal input,.modal select{color:#344154;background:#fff;border:1px solid #e0e5ec;border-radius:7px;outline:none;height:38px;padding:0 10px;font-size:11px}.login-form input:focus,.modal input:focus,.modal select:focus{border-color:#7395ef;box-shadow:0 0 0 3px #edf2ff}.hint{color:#9aa3af;text-align:center;margin:17px 0 0;font-size:9px}.error-box,.error-banner{color:#ba4c45;background:#fff0ef;border:1px solid #f5d4d1;border-radius:7px;padding:9px;font-size:10px;line-height:1.5}.error-banner{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.error-banner button{color:inherit;background:0 0;border:0}.success-box{color:#21865e;background:#eaf8f1;border:1px solid #d2f0df;border-radius:7px;padding:9px;font-size:10px}.loading-line{color:#728096;margin:-8px 0 12px;font-size:10px}.modal-backdrop{z-index:50;background:#15213770;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;gap:14px;width:min(430px,100%);padding:23px;display:grid;position:relative;box-shadow:0 18px 60px #18223030}.modal-close{position:absolute;top:13px;right:13px}.modal h2{margin:-6px 0 -9px;font:700 19px Manrope}.modal>p{margin:0 0 3px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.mobile-menu,.close-nav,.scrim{display:none}@media (max-width:1080px){.content{padding:26px 24px 45px}.topbar{padding:0 24px}.package-strip{grid-template-columns:repeat(3,1fr)}.package-stat:nth-child(3){border-right:0}.package-stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.sidebar{width:270px;transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu{display:grid}.close-nav{margin-left:auto;display:grid}.scrim{z-index:19;background:#0c173043;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.topbar{height:55px;padding:0 15px}.content{padding:24px 15px 38px}.top-left,.top-right{gap:7px}.top-right>span:not(.live-dot){display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.page-heading h1{font-size:22px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:13px}.metric-head{font-size:9px}.metric>b{margin:12px 0 6px;font-size:22px}.metric-sub{font-size:8px}.section-grid{grid-template-columns:1fr;gap:11px}.panel{padding:15px}.package-strip{grid-template-columns:repeat(2,1fr)}.package-stat{border-bottom:1px solid var(--line)!important}.package-stat:nth-child(2n){border-right:0}.package-stat:nth-last-child(-n+2){border-bottom:0!important}.table-controls{flex-direction:column;align-items:flex-start;gap:12px}.search{width:100%}.table-foot span{float:none;margin-top:6px;display:block}.plans-grid{grid-template-columns:1fr}.modal{padding:20px}.sheet-source span{margin:5px 0 0;display:block}.usage-primary{padding:18px 0 16px}}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check-label{align-items:center;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.check-label input{accent-color:#3569e5;width:14px;height:14px}.overview-date-range{align-items:center;gap:12px;margin:-8px 0 17px;padding:12px 14px;display:flex}.range-copy{flex:1;gap:4px;display:grid}.range-copy b{color:#344154;font-size:10px}.range-copy span{color:#8993a1;font-size:9px}.overview-date-range label{color:#7b8796;gap:4px;font-size:9px;display:grid}.overview-date-range input{border:1px solid var(--line);color:#354255;background:#fff;border-radius:6px;height:31px;padding:0 8px;font-size:10px}.overview-date-range button:disabled{opacity:.55;cursor:wait}@media (max-width:760px){.overview-date-range{flex-wrap:wrap;align-items:stretch;margin:-7px 0 13px}.range-copy{flex-basis:100%}.overview-date-range label{flex:1}.overview-date-range button{align-self:flex-end}}.login-brand-logo{object-fit:contain;object-position:left center;width:174px;height:auto;max-height:52px;margin-bottom:22px;display:block}.sidebar-brand-logo{object-fit:contain;object-position:left center;flex:none;width:104px;height:35px;display:block}.billing-tabs{border:1px solid var(--line);background:#f6f8fb;border-radius:8px;gap:4px;padding:3px;display:flex}.billing-tabs button{color:#738093;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font:600 10px DM Sans}.billing-tabs button.selected{color:#315fd0;background:#fff;box-shadow:0 1px 3px #15253d1a}.modal select{width:100%}.legal-note{color:#8993a1;margin:-4px 0 12px;font-size:10px}.legal-history{background:#fff;border:1px solid #e9edf2;border-radius:10px;margin-top:16px;padding:16px}.legal-history h3{margin:0 0 12px;font-size:13px}.legal-history .legal-scroll{overflow-x:auto}.legal-history table{border-collapse:collapse;width:100%;font-size:11px}.legal-history th{text-align:left;color:#8993a1;white-space:nowrap;border-bottom:1px solid #e9edf2;padding:6px 8px;font-size:9px}.legal-history td{vertical-align:top;border-bottom:1px solid #f1f4f8;padding:8px}.legal-history .legal-empty,.legal-history .legal-error{color:#738093;font-size:11px}.legal-history .legal-error{color:#c0392b}