:root{color:#242722;font-synthesis:none;--ink:#242722;--muted:#777a72;--line:#deddd5;--paper:#fbfaf5;--lime:#d9ff63;--dark:#20231f;background:#f4f3ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;display:flex}.brand-mark{width:34px;height:34px;color:var(--dark);background:var(--lime);border-radius:50% 50% 46% 54%/57% 44% 56% 43%;place-items:center;font-size:16px;display:grid;transform:rotate(-5deg)}.brand-mark:first-letter{transform:rotate(5deg)}.eyebrow{color:#777b70;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.login-shell{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-intro{color:#f4f3ed;background:var(--dark);flex-direction:column;justify-content:space-between;padding:46px 6vw;display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #53584d;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-180px;box-shadow:0 0 0 65px #20231f,0 0 0 66px #41463d,0 0 0 125px #20231f,0 0 0 126px #343931}.login-intro .brand{z-index:1;position:relative}.login-intro .eyebrow{color:#aeb3a6}.login-intro h1{letter-spacing:-4px;margin:0;font:600 clamp(44px,5.2vw,78px)/1.02 Manrope,sans-serif}.login-intro h1 em{color:var(--lime);font-style:normal}.intro-copy{color:#abb0a5;max-width:450px;margin:27px 0 0;font-size:17px;line-height:1.6}.copyright{z-index:1;color:#777d72;margin:0;font-size:12px;position:relative}.login-panel{background:#f4f3ed;place-items:center;padding:40px;display:grid}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2{letter-spacing:-1.8px;margin:0;font:600 39px/1.15 Manrope,sans-serif}.muted{color:var(--muted)}.login-card>.muted{margin:10px 0 35px}.login-card label{margin:20px 0 8px;font-size:13px;font-weight:600;display:block}.login-card input,.password-form input{width:100%;height:49px;color:var(--ink);background:#fbfaf6;border:1px solid #d7d6cf;border-radius:8px;outline:none;padding:0 14px}.login-card input:focus,.password-form input:focus{border-color:#7f866b;box-shadow:0 0 0 3px #5760421a}.primary,.secondary,.quiet{border-radius:8px;font-weight:700}.primary{color:#20231f;background:var(--lime);border:0;width:100%;height:50px}.primary:hover{background:#cdf34f}.primary:disabled{opacity:.6;cursor:wait}.form-error{color:#aa3c38;min-height:18px;margin:10px 0;font-size:12px}.security-note{text-align:center;color:#999b95;margin:20px 0;font-size:11px}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#f8f7f1;flex-direction:column;width:245px;height:100vh;padding:30px 24px;display:flex;position:fixed}nav{gap:7px;margin-top:52px;display:grid}nav a{color:#777a72;border-radius:7px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}nav a span{text-align:center;width:18px;font-size:17px}nav a.active,nav a:hover{color:#292d27;background:#eae9e2}.account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:13px;display:flex}.account div{display:grid}.account small{color:#8c8f87;text-transform:capitalize;margin-top:2px}.avatar{width:37px;height:37px;color:var(--lime);background:#292d27;border-radius:50%;place-items:center;font-weight:700;display:grid}.workspace{grid-column:2;padding:42px clamp(28px,5vw,76px) 70px}.workspace header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.workspace header h1{letter-spacing:-1.8px;margin:0;font:600 clamp(28px,3vw,42px)/1.15 Manrope,sans-serif}.quiet,.secondary{color:#4c5049;background:0 0;border:1px solid #d5d4cc;padding:10px 16px}.quiet:hover,.secondary:hover{background:#ebeae3}.hero-card{color:#f7f7ef;background:#252923;border-radius:16px;min-height:260px;padding:38px;position:relative;overflow:hidden}.hero-card:after{content:"M";color:#32372f;font:700 300px/1 Manrope,sans-serif;position:absolute;bottom:-95px;right:30px;transform:rotate(-9deg)}.hero-card div{z-index:1;color:#b9bdb2;font-size:12px;position:relative}.status-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}.hero-card h2{z-index:1;letter-spacing:-2px;max-width:600px;margin:45px 0 12px;font:600 clamp(27px,3.2vw,44px)/1.12 Manrope,sans-serif;position:relative}.hero-card p{z-index:1;color:#aeb3a8;max-width:570px;margin:0;line-height:1.6;position:relative}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.card-grid article{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-height:185px;padding:25px;position:relative;overflow:hidden}.card-grid h3{margin:25px 0 8px;font:600 20px Manrope,sans-serif}.card-grid article>p:not(.eyebrow){max-width:75%;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.card-icon{color:#bec0b7;font-size:32px;position:absolute;bottom:16px;right:18px}.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:1fr auto;gap:20px;margin-top:16px;padding:28px;display:grid}.settings-card h2{margin:0;font:600 23px Manrope,sans-serif}.settings-card .muted{margin:8px 0 0;font-size:13px}.password-form{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr) auto;gap:10px;padding-top:22px;display:grid}.password-form .primary{width:auto;padding:0 22px}.password-form .form-error{grid-column:1/-1;margin:0}.loading{place-content:center;gap:24px;min-height:100vh;display:grid}.loading>span{background:linear-gradient(90deg,var(--lime),var(--dark));width:100%;height:2px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (width<=850px){.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh}.mobile-brand{margin-bottom:70px;display:block}.app-shell{display:block}aside{border-right:0;border-bottom:1px solid var(--line);width:auto;height:auto;padding:18px 24px;position:static}aside nav,.account{display:none}.workspace{padding:30px 20px}.card-grid,.password-form{grid-template-columns:1fr}.password-form .primary{width:100%}}@media (width<=500px){.login-panel{padding:28px 22px}.mobile-brand{margin-bottom:50px}.workspace header{align-items:flex-start;gap:15px}.workspace header h1{font-size:27px}.hero-card{padding:28px 23px}.settings-card{grid-template-columns:1fr}.settings-card .secondary{justify-self:start}}