:root{--ink:#17120f;--paper:#fbf7f1;--pink:#ff4f87;--lime:#dff56a;--line:#ded7cf;--sans:"Manrope",sans-serif;--body:"DM Sans",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-view>section{background:#17120f;color:#fff;padding:5vw 8vw;display:flex;flex-direction:column;justify-content:space-between}.studio-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 12px var(--sans);letter-spacing:.15em}.studio-brand span{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:italic 20px var(--serif)}.login-view section>div{max-width:490px;margin:auto 0}.login-view section>div>p{font:700 10px var(--sans);color:var(--lime);letter-spacing:.2em}.login-view h1{font:700 clamp(44px,5vw,76px)/.95 var(--sans);letter-spacing:-.07em}.login-view h1 em{font-family:var(--serif);color:#f6a8c0}.login-view form{display:grid;gap:13px;margin-top:38px;max-width:410px}.login-view label{font:700 10px var(--sans);letter-spacing:.1em;display:grid;gap:7px}.login-view input{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;padding:15px;border-radius:9px}.login-view button{border:0;background:var(--pink);color:#fff;padding:16px;border-radius:999px;font:800 12px var(--sans);margin-top:8px}.login-view small{color:#756f6a;text-align:center}.login-view aside{position:relative;overflow:hidden}.login-view aside img{width:100%;height:100%;object-fit:cover}.login-view aside:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,18,15,.8),transparent 55%)}blockquote{position:absolute;z-index:2;bottom:5vw;left:5vw;color:#fff;font:italic 38px/1.15 var(--serif);margin:0}.dashboard{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.dashboard>aside{background:var(--ink);color:#fff;padding:30px 18px;display:flex;flex-direction:column}.dashboard nav{display:grid;gap:7px;margin-top:70px}.dashboard button{border:0;background:none;color:#857e79;text-align:left;padding:12px 13px;border-radius:9px;font:600 12px var(--sans);cursor:pointer}.dashboard button span{margin-left:9px}.dashboard button.active{background:#2a2320;color:#fff}.dashboard button i{float:right;background:var(--pink);color:#fff;border-radius:999px;font-style:normal;padding:2px 6px;font-size:9px}.dashboard aside footer{margin-top:auto}.dash-main{padding:35px 4vw}.dash-main>header{display:flex;justify-content:space-between;align-items:center}.dash-main header p{font:800 9px var(--sans);letter-spacing:.18em;color:var(--pink)}.dash-main h1{font:700 30px var(--sans);letter-spacing:-.04em}.profile{display:flex;gap:10px;align-items:center}.profile>span{width:40px;height:40px;background:var(--pink);color:#fff;border-radius:50%;display:grid;place-items:center;font:700 12px var(--sans)}.profile div{display:grid}.profile small{color:#8a817a}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.metric span{font:700 9px var(--sans);letter-spacing:.12em;color:#8e857e}.metric strong{display:block;font:700 31px var(--sans);margin:18px 0 8px}.metric small{color:#8b837c}.panel-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.panel header{display:flex;justify-content:space-between}.panel h2{font:700 16px var(--sans)}.lead-row{display:grid;grid-template-columns:1.5fr .9fr .8fr;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #eee7e0}.lead-row div{display:grid}.lead-row span,.lead-row small{font-size:11px;color:#8a817a}.lead-row b{font-size:13px}.status{justify-self:end;background:#ffe2eb;color:#ae315c;padding:6px 9px;border-radius:999px;font:700 9px var(--sans)}.status.call{background:#e8f4c5;color:#5d741b}.donut{width:170px;height:170px;margin:25px auto;border-radius:50%;background:conic-gradient(var(--pink) 0 68%,var(--lime) 68% 86%,#eee4db 86%);position:relative}.donut:after{content:"86%";position:absolute;inset:28px;border-radius:50%;background:#fff;display:grid;place-items:center;font:700 28px var(--sans)}.empty{padding:55px;text-align:center;color:#8a817a}.app-card{background:var(--ink);color:#fff;border-radius:14px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.app-card h2{font:700 37px/1.1 var(--sans);letter-spacing:-.05em}.roadmap{display:grid;gap:10px}.roadmap p{margin:0;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:9px}.roadmap span{color:var(--lime);margin-right:10px}@media(max-width:800px){.login-view{grid-template-columns:1fr}.login-view aside{display:none}.login-view>section{min-height:100vh;padding:35px 24px}.dashboard{grid-template-columns:72px 1fr}.dashboard>aside{padding:25px 10px}.dashboard .studio-brand b,.dashboard button span,.dashboard aside footer span{display:none}.dashboard nav{margin-top:50px}.dash-main{padding:25px 16px}.profile div{display:none}.metric-grid{grid-template-columns:1fr 1fr}.panel-grid,.app-card{grid-template-columns:1fr}.lead-row{grid-template-columns:1fr .7fr}.lead-row>span{display:none}}