@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#172033;--muted:#7c8598;--line:#e9ebf2;--purple:#6941c6;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.app{display:flex;min-height:100vh}aside{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column;z-index:4}.brand{font:800 21px Manrope;display:flex;align-items:center;gap:11px}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#7c5ce2,#5733b5);color:white;box-shadow:0 7px 18px #7453d455}nav{margin-top:48px;display:grid;gap:7px}aside a{padding:12px 14px;color:#747d90;text-decoration:none;border-radius:11px;display:flex;gap:14px;cursor:pointer;font-weight:600}aside a:hover,aside a.active{background:#f1ecff;color:var(--purple);transform:translateX(2px);transition:.2s}.side-bottom{margin-top:auto;display:grid}.content{margin-left:240px;padding:33px 42px;width:calc(100% - 240px);max-width:1600px}header{display:flex;align-items:center;justify-content:space-between}h1,h2,h3{font-family:Manrope;margin:0}header h1{font-size:25px}header p,.section-title p{color:var(--muted);margin:6px 0 0}.profile{display:flex;align-items:center;gap:12px}.profile span{display:grid;text-align:right}.profile small{color:var(--muted)}.profile i{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8defe;color:var(--purple);font-weight:800}.welcome{margin-top:30px;border-radius:20px;padding:30px 34px;color:#fff;background:radial-gradient(circle at 70% 20%,#9a70ed55,transparent 26%),linear-gradient(110deg,#3f267d,#6842b4);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;animation:rise .5s ease}.welcome h2{font-size:28px;margin:7px 0}.welcome p{margin:0;color:#dcd1f3}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700}.welcome button,.login-form button{border:0;border-radius:11px;background:#fff;color:#513092;padding:13px 18px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #21104455}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:20px}.cards article,.grid>article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 12px #2221;animation:rise .5s ease both}.cards i,.activity i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-style:normal}.purple{background:#eee8ff;color:#7046cc}.blue{background:#e5f1ff;color:#3977c3}.green{background:#e3f8ec;color:#24a261}.orange{background:#fff0dd;color:#da8325}.cards span{display:block;color:var(--muted);margin:17px 0 5px}.cards b{font:800 27px Manrope}.cards small{display:block;color:var(--muted);margin-top:8px}.cards small.up{color:#24a261}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title h3{font-size:16px}.section-title select,.link{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;color:var(--muted)}.bars{height:210px;display:flex;align-items:end;justify-content:space-around;padding-top:25px}.bars div{height:100%;width:9%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.bars span{width:100%;max-width:38px;border-radius:7px 7px 2px 2px;background:linear-gradient(#8764dc,#6039bb);animation:grow .8s ease}.bars small{color:var(--muted)}.activity ul{list-style:none;padding:8px 0 0;margin:0}.activity li{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.activity li:last-child{border:0}.activity li div{display:grid}.activity small{color:var(--muted);margin-top:3px}.menu{display:none}.login-body{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{padding:45px 10%;color:#fff;background:radial-gradient(circle at 25% 30%,#8b67df66,transparent 24%),linear-gradient(145deg,#261658,#593499);display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:48px;line-height:1.12;max-width:590px;margin:16px 0}.login-art p{color:#ddd2f1;max-width:500px;font-size:18px}.pulse-card{display:flex;align-items:center;gap:12px;background:#ffffff12;border:1px solid #ffffff20;padding:17px;border-radius:14px;max-width:340px}.pulse-card i{width:9px;height:9px;border-radius:50%;background:#55dc91;box-shadow:0 0 0 7px #55dc9122}.pulse-card b{margin-left:auto}.login-panel{display:grid;place-items:center;padding:30px}.login-form{width:min(410px,100%)}.login-form h2{font-size:31px}.login-form>p{color:var(--muted);margin-bottom:32px}.login-form label{display:grid;gap:8px;margin:18px 0;font-weight:600}.login-form input{padding:14px;border:1px solid #dfe2e9;border-radius:10px;font:inherit;outline:none}.login-form input:focus{border-color:#7953ce;box-shadow:0 0 0 3px #7953ce18}.login-form button{width:100%;background:#6037b4;color:#fff;margin-top:8px;display:flex;justify-content:space-between}.login-form small{display:block;text-align:center;color:var(--muted);margin-top:18px}.mobile-brand{display:none}.alert{padding:11px;background:#fff0f0;color:#ba4242;border-radius:8px}@keyframes rise{from{opacity:0;transform:translateY(10px)}}@keyframes grow{from{height:0}}@media(max-width:900px){aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}.content{margin:0;width:100%;padding:24px}.menu{display:inline;border:0;background:none;font-size:20px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:block;color:var(--purple);font-weight:800;margin-bottom:40px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.welcome{align-items:start;gap:22px;flex-direction:column}.profile span{display:none}.content{padding:20px 15px}}