:root{--bg:#0b0b0d;--card:#131317;--border:#25252c;--muted:#777680;--pink:#ed5b92;--green:#55d2a0}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:#f2f0f3;font:13px 'DM Sans',sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}#sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:28px 18px 18px;background:#0e0e11;border-right:1px solid #202027;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 36px}.brand>b{width:35px;height:35px;border:1px solid #6b3449;display:grid;place-items:center;color:#f4abc5;font:20px Georgia;transform:rotate(45deg)}.brand strong{font:800 13px Manrope;letter-spacing:2px}.brand small,.profile small{display:block;color:#686770;font-size:9px;margin-top:3px}nav{display:flex;flex-direction:column;gap:4px}nav button,#sidebar footer>button{border:0;background:transparent;border-radius:7px;padding:11px 12px;color:#92919a;text-align:left}nav button:hover,nav button.active{color:#fff;background:#21141a}nav button.active{box-shadow:inset 2px 0 var(--pink)}nav i{font-style:normal;float:right;border:1px solid #38373f;border-radius:10px;padding:0 6px;font-size:10px}nav em{float:right;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-top:6px}nav label{color:#55545d;letter-spacing:1.5px;font-size:9px;font-weight:700;padding:24px 12px 7px}#sidebar footer{margin-top:auto}.storage{display:flex;justify-content:space-between;color:#6d6c75;font-size:9px;margin:0 10px 7px}.bar{height:3px;background:#24242a;margin:0 10px 16px}.bar i{display:block;width:60%;height:100%;background:var(--pink)}.profile{border-top:1px solid #222228;margin-top:12px;padding:17px 4px 0;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.profile>b,.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#843c5b,#24151c);font-size:10px}.profile strong{font-size:11px}main{margin-left:245px}.top{height:72px;border-bottom:1px solid #202027;padding:0 36px;display:flex;align-items:center;position:sticky;top:0;background:#0b0b0de8;backdrop-filter:blur(14px);z-index:10}.search{display:flex;gap:10px;align-items:center;color:#6d6c75;width:min(440px,48vw)}.search input{width:100%;border:0;outline:0;background:none}.search kbd{border:1px solid #33323a;border-radius:5px;padding:3px 7px;font-size:9px}.actions{margin-left:auto;display:flex;gap:11px}.bell{width:38px;border:1px solid #29282f;background:none;border-radius:8px;position:relative}.bell i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--pink);right:7px;top:7px}.primary,.secondary{border:0;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:600}.primary{background:var(--pink);box-shadow:0 6px 20px #ed5b922a}.secondary{background:#19191e;border:1px solid #303038;color:#aaa8b0}#menu{display:none;border:0;background:none}.content{padding:38px 36px 60px;max-width:1600px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.welcome label,.modal>label{color:var(--pink);font-size:9px;letter-spacing:1.7px;font-weight:700}.welcome h1{font:700 clamp(25px,3vw,34px) Manrope;margin:9px 0 0}.welcome p,.panel-head p{color:#7f7e87;margin:6px 0 0;font-size:10px}.ranges{display:flex;border:1px solid #29282f;border-radius:8px;padding:3px}.ranges button{border:0;background:none;color:#777;padding:7px 11px;font-size:9px;border-radius:5px}.ranges .active{background:#28272e;color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metrics article,.panel{background:linear-gradient(145deg,#141418,#101014);border:1px solid #222229;border-radius:11px}.metrics article{padding:18px 20px}.metrics header{display:flex;justify-content:space-between;color:#85848d;font-size:10px}.metrics header i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:700}.pink{color:var(--pink);background:#ed5b9217}.violet{color:#a78bfa;background:#a78bfa17}.orange{color:#ff8b63;background:#ff8b6317}.blue{color:#6ca8f7;background:#6ca8f717}.metrics article>strong{font:700 24px Manrope;display:block;margin:3px 0 10px}.metrics footer{font-size:9px;color:#67666f}.metrics footer b,.summary b{color:var(--green);margin-right:7px}.metrics footer u{display:inline-block;width:5px;height:5px;background:#6ca8f7;border-radius:50%;margin-right:7px}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h2,.modal h2{font:700 14px Manrope;margin:0}.panel-head>button{border:0;background:none;color:#777}.summary{margin:26px 0 8px 44px}.summary strong{font:700 20px Manrope;margin-right:10px}.chart{height:210px;position:relative;padding:0 0 24px 44px}.chart svg{width:100%;height:100%;overflow:visible}.gridlines{fill:none;stroke:#25252b;stroke-dasharray:3 5}.area{fill:url(#fill)}.line{fill:none;stroke:var(--pink);stroke-width:2.5;vector-effect:non-scaling-stroke}.y{position:absolute;left:0;inset-block:0 24px;display:flex;flex-direction:column;justify-content:space-between;color:#55545d;font-size:8px}.x{display:flex;justify-content:space-between;color:#55545d;font-size:8px;padding-top:6px}.attention .panel-head label{color:var(--pink);background:#ed5b9218;border-radius:12px;padding:3px 9px;font-size:9px}.tasks{margin-top:14px}.tasks button{border:0;border-bottom:1px solid #202027;background:none;width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;text-align:left;padding:12px 0}.tasks i{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}.tasks strong,.tasks small{display:block;font-size:10px}.tasks small{color:#66656e;font-size:8px;margin-top:4px}.warn{color:#ffbb6c;background:#ffbb6c17}.reddit{color:#ff8b63;background:#ff8b6317}.dip{color:#a78bfa;background:#a78bfa17}.ready{color:#6ca8f7;background:#6ca8f717}.text{display:block;margin:15px auto 0;border:0;background:none;color:#85848d;font-size:9px}.clients .panel-head{align-items:center;margin-bottom:12px}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th{color:#5d5c65;letter-spacing:1px;font-size:7px;text-align:left;text-transform:uppercase;padding:10px;border-bottom:1px solid #202027}td{color:#aaa8b0;font-size:10px;padding:13px 10px;border-bottom:1px solid #1e1e24}.creator{display:flex;gap:10px;align-items:center}.creator strong,.creator small{display:block}.creator small{color:#666;font-size:9px}.status{color:var(--green);background:#55d2a011;border-radius:10px;padding:4px 8px;font-size:8px}.gain{color:var(--green);font-size:8px}.loss{color:#ff7a83}.backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:50}.backdrop[hidden]{display:none}.modal{width:min(490px,100%);background:#151519;border:1px solid #34323a;border-radius:14px;padding:30px;position:relative}.modal>#close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:25px}.modal h2{font-size:24px;margin-top:10px}.modal p{color:#83818a;font-size:11px}.modal form{display:grid;gap:14px}.modal form div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal form span{display:grid;gap:7px;color:#aaa8b0;font-size:10px}.modal input{border:1px solid #323139;background:#0f0f12;border-radius:7px;padding:11px;outline:0}.modal input:focus{border-color:var(--pink)}#toast{position:fixed;right:25px;bottom:25px;border:1px solid #393840;border-left:3px solid var(--pink);background:#202026;border-radius:8px;padding:13px 17px;font-size:10px;opacity:0;transform:translateY(10px);transition:.25s;z-index:70}#toast.show{opacity:1;transform:none}@media.empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#66656e}.empty>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ed5b9210;color:var(--pink);font-size:18px}.empty strong{color:#aaa8b0;font-size:11px;margin-top:12px}.empty p{font-size:9px;margin:5px 0;max-width:250px}(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:.25s}#sidebar.open{transform:none}main{margin-left:0}#menu{display:block}.top{padding:0 16px}.content{padding:28px 16px 50px}.actions .primary span{display:none}.welcome{align-items:start;flex-direction:column;gap:20px}.modal form div{grid-template-columns:1fr}}@media(max-width:470px){.metrics{grid-template-columns:1fr}.search kbd{display:none}}