@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#19182b;--muted:#89889a;--line:#ececf2;--purple:#7357e8;--purple-dark:#5540c5;--soft:#f7f7fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif;background:var(--soft)}button,input{font:inherit}button{cursor:pointer;border:0}.loading-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:34px;height:34px;border:3px solid #e9e5ff;border-top:3px solid var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:45% 55%;background:white}.auth-art{background:#201d3e;color:white;overflow:hidden;padding:42px 8%;display:flex;flex-direction:column}.auth-art,.brand{position:relative}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-1px;z-index:2}.brand-mark{color:#a595ff;margin-right:6px}.art-copy{margin:auto 0;max-width:400px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#9694a8;margin:0 0 17px}.auth-art .eyebrow{color:#a9a5d1}.art-copy h1{font:800 clamp(36px,4vw,60px)/1.08 Manrope,sans-serif;letter-spacing:-2.5px;margin:0 0 20px}.art-copy p:not(.eyebrow){color:#b1aec8;font-size:16px;line-height:1.7;max-width:330px}.art-footer{color:#716e8d;font-size:12px;position:relative;z-index:2}.art-glow{position:absolute;width:500px;height:500px;background:#6652db;opacity:.18;filter:blur(70px);border-radius:50%;right:-180px;top:28%}.art-orbit{position:absolute;border:1px solid rgba(169,157,255,.19);border-radius:50%;right:-155px;top:29%;width:490px;height:490px}.orbit-two{width:390px;height:390px;right:-105px;top:34%;border-color:rgba(169,157,255,.14)}.auth-panel{display:grid;place-items:center;padding:45px}.auth-card{width:min(410px,100%)}.mobile-brand{display:none}.auth-card h2{font:700 31px Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 9px}.subheading{color:var(--muted);margin:0 0 32px;font-size:14px}.auth-card form{display:grid;grid-gap:18px;gap:18px}.auth-card label{display:grid;grid-gap:8px;gap:8px;font-weight:600;font-size:13px}.auth-card input:not([type=checkbox]){width:100%;border:1px solid #dedee8;border-radius:9px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}.auth-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeeaff}.form-options{justify-content:space-between;margin-top:-3px}.checkbox,.form-options{display:flex!important;align-items:center}.checkbox{gap:8px!important;font-weight:400!important;color:#777687;font-size:12px!important}.checkbox input{accent-color:var(--purple)}.text-button{background:none;color:var(--purple);font-size:12px;font-weight:700;padding:0}.primary-button{border-radius:9px;background:var(--purple);color:white;padding:14px;font-weight:700;box-shadow:0 8px 18px #7357e82e;transition:.2s}.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button span,.secondary-button span{float:right;font-size:18px;line-height:14px}.switch-copy{text-align:center;font-size:13px;color:var(--muted);margin-top:28px}.switch-copy a{color:var(--purple);font-weight:700;text-decoration:none}.message{border-radius:8px;padding:11px 12px;font-size:12px;line-height:1.4}.error{color:#a54252;background:#fff0f2}.notice{color:#725d16;background:#fff9df}.demo-box{background:#f7f6ff;border:1px solid #e7e2ff;border-radius:9px;padding:14px;margin-top:18px;display:grid;grid-gap:8px;gap:8px;font-size:12px}.demo-box button{text-align:left;background:white;color:var(--purple);border-radius:5px;padding:7px 9px;font-size:11px}.dashboard-shell{min-height:100vh;display:flex;background:#f8f8fb}.sidebar{width:245px;background:white;border-right:1px solid var(--line);padding:31px 20px 23px;display:flex;flex-direction:column}.sidebar nav{margin-top:64px;display:grid;grid-gap:8px;gap:8px}.nav-item{padding:12px 14px;border-radius:8px;color:#9291a1;font-size:13px;font-weight:600;text-decoration:none}.nav-item span{display:inline-block;width:27px;font-size:17px}.nav-item.active{color:var(--purple);background:#f0edff}.side-bottom{margin-top:auto}.mini-profile{border-top:1px solid var(--line);padding:20px 5px;display:flex;gap:10px;align-items:center}.avatar{background:#e6dfff;color:var(--purple);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:13px}.avatar.large{width:38px;height:38px}.mini-profile small,.mini-profile strong{display:block;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis}.mini-profile strong{font-size:12px}.mini-profile small{color:#aaa9b5;font-size:10px;margin-top:3px}.logout-button{background:none;color:#9291a1;font-size:12px;padding:10px 5px}.logout-button span{margin-left:10px}.dashboard-main{max-width:1250px;width:100%;padding:38px 5%;margin:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.dashboard-header h1{font:700 29px Manrope;margin:0;letter-spacing:-1px}.dashboard-header h1 span{color:#edb647;font-size:22px}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{background:none;color:#91909f;font-size:23px;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e36d75;border-radius:50%;right:1px;top:1px}.welcome-card{position:relative;overflow:hidden;border-radius:14px;padding:32px 37px;background:#6652d5;color:white;min-height:170px;margin-bottom:23px}.welcome-card .eyebrow{color:#c9c3ff}.welcome-card h2{font:700 24px Manrope;margin:0 0 10px}.welcome-card p:not(.eyebrow){color:#d5d1fa;margin:0;font-size:13px}.card-shape{position:absolute;right:11%;top:-50px;font-size:180px;color:#8474e5;transform:rotate(20deg);opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:19px;gap:19px;margin-bottom:23px}.panel,.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 22px}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:17px;margin-bottom:20px}.purple{color:#7259e2;background:#eeeaff}.orange{color:#d89231;background:#fff3dc}.green{color:#36a779;background:#e5f7ee}.stat-card small{display:block;color:#a09fac;font-size:10px;letter-spacing:1px;font-weight:700}.stat-card strong{display:block;font:700 26px Manrope;margin:6px 0}.unit{font-size:14px;color:#a3a2af}.stat-card em{font-style:normal;color:#41a776;font-size:11px;font-weight:700}.stat-card em span{color:#aaa9b4;font-weight:400}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:19px;gap:19px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel-heading h3{font:700 17px Manrope;margin:0}.panel-heading .eyebrow{margin-bottom:8px}.activity-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.activity-dot{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px}.purple-bg{background:#eeeaff;color:#7058df}.orange-bg{background:#fff2dc;color:#dc9434}.green-bg{background:#e4f7ed;color:#35a977}.activity-row div{flex:1 1}.activity-row small,.activity-row strong{display:block}.activity-row strong{font-size:12px}.activity-row small{color:#aaa9b4;font-size:10px;margin-top:4px}.status{font-size:10px;padding:5px 8px;border-radius:12px;font-weight:700}.complete{color:#38a777;background:#e8f8f0}.progress{color:#d28d2e;background:#fff4df}.goal-percent{color:var(--purple);font-weight:700;font-size:19px}.progress-track{height:9px;background:#eeecf8;border-radius:9px;margin:24px 0 16px}.progress-track div{height:100%;width:78%;background:var(--purple);border-radius:9px}.goal-copy{font-size:12px;line-height:1.7;color:#90909e;margin-bottom:27px}.goal-copy strong{color:var(--ink)}.secondary-button{background:#f0edff;color:var(--purple);padding:12px 14px;width:100%;text-align:left;border-radius:7px;font-size:12px;font-weight:700}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{padding:28px 22px}.mobile-brand{display:block;margin-bottom:55px}.content-grid,.stats-grid{grid-template-columns:1fr}.sidebar{width:72px;padding:25px 12px}.sidebar .brand{font-size:0;text-align:center}.sidebar .brand-mark{font-size:22px}.sidebar nav{margin-top:55px}.nav-item{font-size:0;text-align:center;padding:12px 0}.nav-item span{width:auto;font-size:19px}.logout-button span,.mini-profile{display:none}.side-bottom{text-align:center}.dashboard-main{padding:27px 18px}.dashboard-header h1{font-size:22px}.header-actions{gap:8px}.welcome-card{padding:25px 22px}.card-shape{right:-15px}.status{display:none}}