.st-wrap{--ink:#192235;--muted:#71798c;--purple:#6857dc;--soft:#f5f6fa;--line:#e6e8ef;--green:#1da878;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);margin:20px 0}.st-wrap *{box-sizing:border-box}.st-demo{max-width:1400px;margin:0 auto 12px;background:#fff5d9;border:1px solid #ead18b;border-radius:10px;padding:10px 14px;display:flex;gap:12px;align-items:center;font-size:12px}.st-demo strong{background:#8b6411;color:#fff;border-radius:20px;padding:4px 9px;font-size:10px;letter-spacing:.08em}.st-app{max-width:1400px;min-height:810px;margin:auto;background:#f7f8fb;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:225px 1fr;box-shadow:0 18px 60px #24274415}.st-app aside{background:#171b2f;color:#c2c7d6;padding:25px 16px;display:flex;flex-direction:column}.st-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:21px;font-weight:800;margin:0 8px 25px}.st-brand b,.st-mobile-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#8474ef,#4e3cb5);color:#fff}.st-brand em{font-style:normal;color:#a89cf4}.st-app aside>small{margin:0 12px 9px;color:#777e92;font-weight:800;font-size:9px;letter-spacing:.13em}.st-app nav a{display:block;color:#bec3d2;text-decoration:none!important;padding:11px 12px;border-radius:9px;font-size:13px;margin-bottom:3px}.st-app nav a:first-child,.st-app nav a:hover{background:#2a2e4c;color:#fff}.st-help{margin-top:auto;border-top:1px solid #303449;padding:17px 7px 0;display:flex;gap:10px}.st-help>span{display:flex;flex-direction:column;font-size:12px;font-weight:700}.st-help small{font-size:9px;color:#7f8598}.st-main{min-width:0}.st-main>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.st-main>header>div{display:flex;align-items:center;gap:10px}.st-main header label{border:1px solid var(--line);background:#fafbfc;border-radius:9px;padding:8px 11px;color:#9ca2af;width:300px}.st-main header input{border:0;background:transparent;outline:0;width:85%;font-size:12px}.st-mobile-logo{display:none}.st-user>b{width:34px;height:34px;border-radius:9px;background:#eeeafd;color:var(--purple);display:grid;place-items:center}.st-user span{font-weight:700;font-size:12px;display:flex;flex-direction:column}.st-user small{color:var(--muted);font-weight:400;font-size:9px}.st-main main{padding:27px}.st-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.st-head>div>small{color:var(--purple);font-weight:800;font-size:9px;letter-spacing:.12em}.st-head h1{margin:4px 0;font-size:26px;letter-spacing:-.035em}.st-head p,.st-cardhead p{margin:0;color:var(--muted);font-size:11px}.st-head button,.st-cardhead button{border:0;border-radius:8px;background:var(--purple);color:#fff;padding:10px 14px;font-size:11px;font-weight:700}.st-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.st-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 3px 8px #22243b08}.st-metric{position:relative}.st-metric i{position:absolute;right:15px;top:15px;background:#f0edff;color:var(--purple);font-style:normal;border-radius:8px;width:31px;height:31px;display:grid;place-items:center}.st-metric>span{display:block;color:var(--muted);font-size:11px}.st-metric>strong{display:block;font-size:25px;margin:7px 0}.st-metric>small{color:var(--muted);font-size:9px}.st-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-bottom:15px}.st-grid.lower,.st-grid.staff{grid-template-columns:1fr 1fr}.st-cardhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.st-cardhead h2{font-size:15px;margin:0 0 3px}.st-pill{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:9px!important;font-style:normal}.st-pill.green{color:#117957;background:#e5f6ef}.st-pill.blue{color:#256ca9;background:#e7f2fd}.st-pill.purple{color:#604cbe;background:#eeebfd}.st-pill.amber{color:#946314;background:#fff2d8}.st-chart{height:190px;display:flex;flex-direction:column;justify-content:flex-end}.st-bars{height:155px;border-bottom:1px solid #dfe2e9;display:flex;align-items:flex-end;gap:7%;padding:0 6%;background:repeating-linear-gradient(to bottom,#fff,#fff 38px,#eef0f4 39px)}.st-bars i{width:11%;background:linear-gradient(#7b69e9,#6553d2);border-radius:7px 7px 0 0}.st-bars.affiliate i{background:linear-gradient(#46c79b,#1fa97a)}.st-axis{display:flex;justify-content:space-around;color:#989eaa;font-size:9px;padding-top:8px}.st-list p{position:relative;margin:0;padding:12px 55px 12px 12px;border-bottom:1px solid var(--line)}.st-list b,.st-list small{display:block}.st-list b{font-size:11px}.st-list small{color:var(--muted);font-size:9px;margin-top:3px}.st-list em{position:absolute;right:3px;top:17px;color:#2d74ad;background:#eaf4fd;border-radius:20px;padding:4px 7px;font-style:normal;font-size:8px}.st-list em.amber{color:#90600d;background:#fff2d3}.st-list em.red{color:#a53e4b;background:#fde9ec}.st-list .done{opacity:.62}.st-full{margin-top:15px;overflow:auto}.st-card table{border-collapse:collapse;width:100%;font-size:10px;min-width:600px}.st-card th{text-transform:uppercase;letter-spacing:.06em;color:#848b99;font-size:8px;text-align:left;background:#fafafd}.st-card th,.st-card td{padding:10px 12px;border-bottom:1px solid var(--line)}.st-card td>small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.st-messages p{border-bottom:1px solid var(--line);padding:9px 0;margin:0}.st-messages b,.st-messages span,.st-messages small{display:block}.st-messages b{font-size:10px}.st-messages span{font-size:9px;color:#50596a;margin:4px 0}.st-messages small{font-size:8px;color:#999fac}.st-summary p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;margin:0;font-size:10px}.st-summary span{color:var(--muted)}.green-text{color:var(--green)}.outline{background:#fff!important;color:#5d6576!important;border:1px solid var(--line)!important;padding:7px 10px!important}.st-pipeline p{display:grid;grid-template-columns:45px 90px 1fr;gap:10px;align-items:center}.st-pipeline b{font-size:19px}.st-pipeline span{font-size:10px;color:var(--muted)}.st-pipeline i{height:7px;background:#e9eaf0;border-radius:10px}.st-pipeline i:before{content:"";display:block;width:var(--w);height:100%;background:var(--c);border-radius:10px}
@media(max-width:900px){.st-app{grid-template-columns:1fr}.st-app aside{display:none}.st-mobile-logo{display:grid}.st-metrics{grid-template-columns:1fr 1fr}.st-main main{padding:20px}.st-grid,.st-grid.lower,.st-grid.staff{grid-template-columns:1fr}}
@media(max-width:560px){.st-demo{align-items:flex-start}.st-app{min-height:700px}.st-main>header{padding:0 14px}.st-main header label{display:none}.st-head{align-items:flex-start;flex-direction:column;gap:12px}.st-head button{width:100%}.st-metrics{grid-template-columns:1fr}.st-main main{padding:15px}.st-pipeline p{grid-template-columns:40px 85px 1fr}}