:root{--bg:#f5f6fa;--surface:#fff;--ink:#181824;--muted:#777888;--line:#e6e7ed;--purple:#7554e8;--soft:#efebff;--shadow:0 12px 35px rgba(40,32,80,.07)}html[data-theme=dark]{--bg:#0c0d13;--surface:#141620;--ink:#f3f2f7;--muted:#9695a5;--line:#292b37;--soft:#26213c;--shadow:0 12px 35px rgba(0,0,0,.25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-size:10px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.demo{height:30px;background:#201739;color:#dbd0fa;display:flex;align-items:center;justify-content:center;gap:50px;font-size:8px}.demo a{color:#fff;text-decoration:none;font-weight:700}.layout{display:flex;min-height:calc(100vh - 30px)}aside{width:240px;background:var(--surface);border-right:1px solid var(--line);padding:18px 13px;position:fixed;top:30px;bottom:0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:9px;padding:0 7px 18px}.brand>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#946efa,#6140d1);color:#fff;display:grid;place-items:center}.brand>b{font-size:14px}.workspace{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px;margin-bottom:13px}.workspace>span,.user>span{width:29px;height:29px;border-radius:8px;background:var(--soft);color:var(--purple);display:grid;place-items:center;font-weight:800}.workspace>div{flex:1}.workspace b,.workspace small,.user b,.user small{display:block;font-size:8px}.workspace small,.user small{font-size:6px;color:var(--muted);margin-top:3px}.workspace>i{font-size:7px;color:var(--muted)}aside nav{display:flex;flex-direction:column;gap:2px}aside nav>small{font-size:6px;letter-spacing:.12em;color:#a3a2af;padding:14px 10px 6px}aside nav button{height:36px;border:0;background:none;border-radius:8px;text-align:left;padding:0 10px;color:var(--muted);display:flex;align-items:center;gap:9px;font-size:8px}aside nav button>i{width:16px;text-align:center}aside nav button.active,aside nav button:hover{background:var(--soft);color:var(--purple)}aside nav button>b{margin-left:auto;background:var(--bg);padding:3px 5px;border-radius:7px;font-size:6px}.usage{margin-top:auto;background:var(--soft);border-radius:10px;padding:12px}.usage>span{display:flex;justify-content:space-between;font-size:7px}.usage>i,.usage-card>div>i,.country>i,.funnel>div>i,.big-progress>i{display:block;height:5px;background:var(--bg);border-radius:5px;margin:8px 0}.usage>i em,.usage-card em,.country em,.funnel em,.big-progress em{display:block;height:100%;background:var(--purple);border-radius:5px;width:68%}.usage small{color:var(--muted);font-size:6px}.usage button{width:100%;height:28px;border:0;background:var(--surface);color:var(--purple);border-radius:7px;margin-top:10px;font-size:7px}.user{display:flex;align-items:center;gap:8px;padding:13px 5px 0;margin-top:10px;border-top:1px solid var(--line)}.user>div{flex:1}.content{margin-left:240px;flex:1;min-width:0}.content>header{height:64px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:20}.content>header>div:last-child{display:flex;gap:6px}.content>header button{height:34px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.content>header .primary,.primary{background:var(--purple);color:#fff;border:0;padding:0 12px}.bell{position:relative;width:34px}.bell b{position:absolute;width:5px;height:5px;border-radius:50%;background:#ef4444;right:6px;top:5px}.search{width:min(390px,45vw);height:35px;border:1px solid var(--line);background:var(--bg);border-radius:8px;display:flex;align-items:center;padding:0 10px;color:var(--muted)}.search input{border:0;background:none;outline:0;flex:1;padding:0 8px}.search kbd{font-size:6px;border:1px solid var(--line);padding:3px}.content main{padding:26px;max-width:1450px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-head>div:first-child>span{font-size:6px;color:var(--purple);font-weight:700}.page-head h1{font-size:23px;margin:5px 0}.page-head p{color:var(--muted);margin:0;font-size:8px}.page-head>div:last-child{display:flex;gap:7px}.outline,.primary{height:34px;border-radius:8px;padding:0 11px;font-size:8px}.outline{border:1px solid var(--line);background:var(--surface)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px;position:relative}.metrics article>i{position:absolute;right:13px;top:13px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.metrics .purple{background:#eee9fd;color:#7554e8}.metrics .blue{background:#e4edff;color:#2563eb}.metrics .amber{background:#fff0d5;color:#d97706}.metrics .green{background:#dff5e7;color:#168149}.metrics span,.metrics b,.metrics small{display:block}.metrics span,.metrics small{font-size:7px;color:var(--muted)}.metrics b{font-size:19px;margin:10px 0 6px}.up{color:#168149!important}.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px;min-width:0}.panel-head{display:flex;justify-content:space-between}.panel-head h2{font-size:11px;margin:0}.panel-head p{color:var(--muted);font-size:6px}.panel-head select,.panel-head button{height:27px;border:1px solid var(--line);background:var(--surface);border-radius:7px;font-size:7px}.chart-total{display:flex;gap:7px;align-items:center}.chart-total b{font-size:18px}.chart-total span{background:#dff5e7;color:#168149;padding:4px;border-radius:5px;font-size:6px}.bars{height:180px;display:flex;align-items:end;gap:7px}.bars>i{height:100%;flex:1;display:flex;align-items:end}.bars em{width:100%;height:100%;background:linear-gradient(#9b80f1,#7554e8);border-radius:4px 4px 0 0}.health .live{color:#168149;font-size:6px}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#22c55e}.health>div:not(.panel-head){display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.health>div span{font-size:7px}.health>div span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:7px}.health>div b{font-size:7px}.health>button{width:100%;border:0;background:var(--soft);color:var(--purple);border-radius:7px;height:30px;margin-top:12px}.project-list{grid-column:1/2}.activity{grid-column:2/3;grid-row:2/3}.project{display:grid;grid-template-columns:30px 1fr 150px 55px 20px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.project-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--purple);font-weight:700}.project p{margin:0}.project p b,.project p small{display:block;font-size:7px}.project p small{color:var(--muted);margin-top:3px}.project>div{display:flex;align-items:center;gap:7px}.project>div>i{height:4px;flex:1;background:var(--bg);border-radius:4px}.project>div>i em{display:block;height:100%;background:var(--purple)}.project>div small{font-size:6px}.stack{display:flex}.stack b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-size:6px;margin-left:-5px;border:2px solid var(--surface)}.project>button{border:0;background:none}.activity>div:not(.panel-head){display:flex;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.activity>div>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-size:6px}.activity p{margin:0}.activity b,.activity small{display:block;font-size:7px}.activity small{color:var(--muted);margin-top:4px}.analytics-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.cohort{min-height:300px}.line-chart{height:220px;margin-top:25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,var(--line) 55px)}.line-chart svg{width:100%;height:100%}.country{display:flex;align-items:center;gap:8px;padding:9px 0}.country span{width:80px}.country i{flex:1}.country b{font-size:7px}.funnel{grid-column:1/3}.funnel>div{margin:14px}.funnel span{display:flex;justify-content:space-between}.project-cards,.integrations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-cards>article,.integrations>article{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px}.project-cards>article>div:first-child,.project-cards footer{display:flex;justify-content:space-between;align-items:center}.project-cards em{font-style:normal;font-size:6px;background:var(--soft);color:var(--purple);padding:4px 6px;border-radius:8px}.project-cards h2{font-size:12px}.project-cards p{color:var(--muted);font-size:7px}.big-progress{margin:20px 0}.big-progress>span{display:flex;justify-content:space-between}.project-cards footer button{border:0;background:none;color:var(--purple);font-size:7px}.team-table{padding:0}.team-table>.panel-head{padding:16px}.team-table input{height:30px;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:0 9px}.member{display:grid;grid-template-columns:34px 1fr 90px 130px 25px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.member>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-weight:700}.member p{margin:0}.member p b,.member p small{display:block;font-size:7px}.member p small{color:var(--muted);margin-top:3px}.member em{font-style:normal;font-size:7px}.member em i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a3a3a3;margin-right:5px}.member em.online i{background:#22c55e}.member em.away i{background:#f59e0b}.member select{border:1px solid var(--line);background:var(--surface);height:29px;border-radius:7px}.member>button{border:0;background:none}.current-plan{background:linear-gradient(120deg,#5b36c7,#8562eb);color:#fff;border-radius:13px;padding:25px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.current-plan span{font-size:6px}.current-plan h2{font-size:24px;margin:5px 0}.current-plan p{color:#ddd3fa}.current-plan>div:nth-child(2) b{font-size:27px}.current-plan>div:nth-child(2) small{display:block}.current-plan button{border:0;background:#fff;color:#5231ba;border-radius:8px;padding:11px 14px}.billing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.usage-card>div:not(.panel-head){margin:16px 0}.usage-card span{display:flex;justify-content:space-between}.payment>div:not(.panel-head){display:flex;align-items:center;gap:12px;margin-top:25px}.payment>div>b{font-size:14px;color:#244294}.payment strong,.payment small{display:block}.payment small{color:var(--muted);margin-top:4px}.invoices{grid-column:1/3}.invoices>div:not(.panel-head){display:grid;grid-template-columns:1fr 80px 80px 30px;align-items:center;padding:11px;border-top:1px solid var(--line)}.invoices span b,.invoices span small{display:block}.invoices span small{color:var(--muted);margin-top:3px}.invoices em{font-style:normal;color:#168149}.invoices button{border:0;background:none}.integrations article{display:flex;align-items:center;gap:12px}.integrations article>i{width:38px;height:38px;border-radius:9px;background:var(--soft);color:var(--purple);display:grid;place-items:center;font-size:16px}.integrations article>div{flex:1}.integrations h2{font-size:10px;margin:0}.integrations p{color:var(--muted);font-size:6px}.integrations button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:7px 9px;font-size:7px}.integrations button.connected{background:#e0f5e8;color:#168149;border:0}.settings{display:grid;grid-template-columns:180px 1fr;gap:15px}.settings>nav{display:flex;flex-direction:column}.settings>nav button{border:0;background:none;text-align:left;padding:10px;border-radius:7px}.settings>nav button.active{background:var(--soft);color:var(--purple)}.settings>article{max-width:750px}.settings h2{font-size:12px}.settings p{color:var(--muted)}label{display:block;color:var(--muted);font-size:7px;margin:13px 0}.settings input,.settings select,.simple-modal input{width:100%;height:35px;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:0 9px;margin-top:5px}.settings>article>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings hr{border:0;border-top:1px solid var(--line);margin:25px 0}.modal{display:none;position:fixed;z-index:50;inset:0;background:rgba(10,8,18,.55);align-items:center;justify-content:center}.modal.show{display:flex}.modal>div{width:min(830px,94%);background:var(--surface);border-radius:13px;padding:22px;position:relative}.modal>div>button{position:absolute;right:10px;top:10px;border:0;background:none}.plans{text-align:center}.plans>span{color:var(--purple);font-size:6px}.plans>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.plans article{border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left;position:relative}.plans article.popular{border-color:var(--purple)}.plans article>em{position:absolute;right:8px;top:8px;color:var(--purple);font-size:6px}.plans h3{font-size:12px}.plans article>b{font-size:22px}.plans article>b small{font-size:7px}.plans article p{color:var(--muted);line-height:1.9;font-size:7px}.plans article button{width:100%;height:33px;border:1px solid var(--purple);background:var(--surface);color:var(--purple);border-radius:7px}.simple-modal{text-align:center;padding:30px}.simple-modal>i{font-size:30px;color:var(--purple)}.simple-modal p{color:var(--muted)}.simple-modal .primary{width:100%;margin-top:10px}.toast{position:fixed;right:20px;bottom:20px;background:#202030;color:#fff;padding:12px 16px;border-radius:8px;transform:translateY(60px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}#menu{display:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid,.analytics-grid{grid-template-columns:1fr}.project-list,.activity,.funnel{grid-column:auto;grid-row:auto}.project-cards,.integrations{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}aside.open{transform:none}.content{margin-left:0}#menu{display:block}.content>header{padding:0 12px}.search{flex:1}.content main{padding:18px 12px}.page-head{display:block}.page-head>div:last-child{margin-top:12px}.billing-grid,.settings{grid-template-columns:1fr}.invoices{grid-column:auto}.current-plan{grid-template-columns:1fr}.project{grid-template-columns:30px 1fr 100px}.project>.stack,.project>button{display:none}.member{grid-template-columns:34px 1fr 80px}.member select,.member>button{display:none}.project-cards,.integrations{grid-template-columns:1fr}.plans>div{grid-template-columns:1fr}.demo{justify-content:space-between;padding:0 10px}.demo a{font-size:0}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.content>header .primary{font-size:0;width:34px;padding:0}.search kbd,.content>header>div:last-child>button:first-child{display:none}.current-plan{gap:10px}.billing-grid{display:block}.billing-grid>.panel{margin-top:10px}.settings>article>div{grid-template-columns:1fr}}
#theme{display:none!important}