@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--ink:#17251f;--muted:#78847e;--line:#e5ebe7;--cream:#f5f8f5;--green:#1d7b5b;--mint:#dff2e9;--orange:#f5a263}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:44% 56%}.auth-visual{padding:52px 9%;display:flex;flex-direction:column;justify-content:space-between;background:#17634c;color:#fff;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-180px;bottom:-210px;box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.03)}.brand-mark{height:36px;width:36px;border-radius:11px;background:#a8e4c5;color:#14553f;display:grid;place-items:center;font-family:Space Grotesk;font-weight:700;font-size:22px}.visual-copy{max-width:440px;position:relative;z-index:1}.visual-copy h1{font:600 clamp(42px,5vw,70px)/1.03 Space Grotesk;letter-spacing:-3px;margin:17px 0 24px}.visual-copy p:not(.eyebrow){font-size:18px;line-height:1.6;color:#c1ddd1;max-width:340px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);margin:0 0 9px}.eyebrow.light{color:#a8e4c5}.visual-stat{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.visual-stat strong{font:600 31px Space Grotesk}.visual-stat span{color:#b7d5c8}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(420px,100%)}.mobile-brand{display:none}.auth-card h2{font:600 35px Space Grotesk;letter-spacing:-1.5px;margin:0 0 8px}.muted{color:var(--muted);line-height:1.55}.auth-form{gap:18px;margin-top:30px}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{font-size:13px;font-weight:600;gap:8px}.auth-form input{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px 15px;outline:none;color:var(--ink)}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff2e9}.primary-button{border:0;background:var(--green);color:white;border-radius:9px;padding:15px;font-weight:700;cursor:pointer;transition:.2s}.primary-button:hover{background:#145b44}.primary-button:disabled{opacity:.65}.form-error,.subtle-error{color:#b64b43;font-size:13px;margin:0}.switch-auth{text-align:center;color:var(--muted);font-size:14px;margin-top:26px}.switch-auth a{color:var(--green);font-weight:700}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;font:700 22px Space Grotesk;padding:0 10px 50px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{padding:13px 14px;border-radius:8px;color:var(--muted);font-weight:600;font-size:14px}.nav-item span{display:inline-block;width:28px;color:#8b9791;font-size:17px}.nav-item.active,.nav-item:hover{background:var(--mint);color:var(--green)}.nav-item.active span{color:var(--green)}.sidebar-bottom{margin-top:auto}.help-card{border-radius:10px;background:#f1f7f3;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:5px}.help-card strong{font-size:13px}.help-card span{font-size:11px;color:var(--muted)}.logout-button{background:none;border:0;color:var(--muted);padding:10px 14px;cursor:pointer;font-weight:600}.dashboard-content{padding:44px 5%;width:calc(100% - 250px);max-width:1500px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.dashboard-header h1{font:600 32px Space Grotesk;margin:0 0 8px;letter-spacing:-1px}.dashboard-header h1 span{color:var(--orange);font-size:24px}.profile{display:flex;align-items:center;gap:12px}.profile span,.profile strong{display:block;font-size:13px}.profile span{font-size:11px;color:var(--muted);margin-top:4px}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#dcefe6;color:var(--green);font-weight:700}.avatar{width:42px;height:42px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:17px;gap:17px;margin-bottom:48px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.metric-card.accent{background:#e3f3ea;border-color:#cbe8d8}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:20px}.metric-top b{color:var(--green);font-size:18px}.metric-card>strong{display:block;font:600 27px Space Grotesk;letter-spacing:-1px}.metric-card small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font:600 26px Space Grotesk;margin:0}.outline-button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:7px;padding:10px 15px;font-size:13px;font-weight:700;cursor:pointer}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;min-width:850px}td,th{text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9aa49f;background:#fcfdfc}tr:last-child td{border-bottom:0}td strong{color:var(--ink)}.borrower{display:flex;align-items:center;gap:10px}.mini-avatar{width:29px;height:29px;font-size:11px}.progress-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.progress{height:5px;background:#eaf0ed;border-radius:10px;width:130px}.progress i{height:100%;display:block;background:var(--green);border-radius:10px}.status{background:#e0f2e8;color:#24724f;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:700}.status.warning{background:#fff0df;color:#bd6d24}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px;margin-top:28px}.insight-card,.upcoming-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;display:flex;gap:18px}.insight-icon{width:38px;height:38px;background:#fff0de;color:#d8873e;border-radius:9px;display:grid;place-items:center}.insight-card h3,.upcoming-card h3{font:600 18px Space Grotesk;margin:0 0 8px}.insight-card p{font-size:13px;margin-top:0}.upcoming-card{display:block}.compact{margin-bottom:25px}.calendar-icon{color:var(--green);font-size:20px}.upcoming-card>strong{display:block;font:600 30px Space Grotesk;margin-bottom:5px}.notice,.upcoming-card>span{font-size:12px}.notice{background:#fff9e9;border:1px solid #f3dfaf;color:#9b722c;padding:11px 14px;border-radius:8px;margin:-17px 0 25px}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;grid-gap:14px;gap:14px;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid #d7e8df;border-top:3px solid var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:40px!important}.calendar-icon{display:block}.auth-visual+.auth-panel{background:#fbfcfb}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:28px 22px}.mobile-brand{display:flex;align-items:center;gap:9px;font:700 21px Space Grotesk;margin-bottom:70px}.dashboard-content{padding:30px 22px;width:100%}.sidebar{width:72px;padding:25px 11px}.sidebar-brand{padding:0 8px 45px}.nav-item span+*,.nav-item:not(.active):after,.sidebar-brand span{display:none}.nav-item{font-size:0;text-align:center;padding:12px 8px}.nav-item span{width:auto}.help-card,.logout-button span{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-header{display:block}.profile{margin-top:20px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card>strong{font-size:21px}.dashboard-header h1{font-size:27px}.section-heading h2{font-size:22px}.bottom-grid{display:block}.upcoming-card{margin-top:14px}}