@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#1d2735;background:#f5f7fb;font-family:DM Sans,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 75% -10%,#e4f2f1 0,transparent 30%),#f5f7fb}.topbar{height:74px;padding:0 max(6vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9ef;background:#ffffffd1}.brand{display:flex;align-items:center;gap:11px;color:#162434;font-family:Space Grotesk;font-weight:700;letter-spacing:-.3px}.brand-logo{display:block;width:auto;height:68px;object-fit:contain}.dev-logo{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid #d59b37;border-radius:5px;color:#8a5a08;background:#fff4d8;font:700 10px/1 Space Grotesk;letter-spacing:.8px}.secure-label{display:flex;align-items:center;gap:7px;color:#6d7988;font-size:13px;font-weight:600}.content{width:min(1050px,calc(100% - 48px));margin:0 auto;padding:32px 0 70px;flex:1}.eyebrow,.section-label{color:#00563f;font-size:11px;font-weight:700;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{display:inline-block;width:24px;height:2px;background:#00563f}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:18px 0 44px}h1,h2,h3,p{margin:0}h1{color:#142334;font:700 clamp(32px,4vw,48px)/1.07 "Space Grotesk";letter-spacing:-1.7px}.subtitle{margin-top:15px;color:#738090;font-size:16px}.status-pill{padding:8px 13px;border-radius:30px;color:#00563f;background:#e6f4f1;font-size:12px;font-weight:600;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#00563f}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px;align-items:start}.workspace-grid.login-only{display:flex;justify-content:center}.workspace-grid.login-only .side-column{width:min(481px,100%)}.form-card,.identity-card,.info-card{border:1px solid #e3e8ee;border-radius:13px;background:#ffffffe6;box-shadow:0 10px 35px #1b2f440b}.form-card{padding:32px}.card-header{display:flex;flex-direction:column;align-items:start;gap:14px;padding-bottom:29px;border-bottom:1px solid #edf0f3;margin-bottom:27px}h2{color:#1d2b3c;font:600 23px Space Grotesk;letter-spacing:-.5px}.card-header p{margin-top:7px;color:#7d8996;font-size:14px}.card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:#00563f;background:#eaf5f3}form{display:grid;gap:10px}.entries-list{display:grid;gap:14px}.top-up-entry{padding:16px;border:1px solid #e3e8ee;border-radius:9px;background:#fbfcfd}.entry-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#3c4a59;font-size:13px}.remove-entry-button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #e3e8ee;border-radius:6px;color:#8c98a3;background:#fff}.remove-entry-button:hover:not(:disabled){color:#a04f4f;border-color:#e9caca;background:#fff8f7}.entry-fields{display:grid;grid-template-columns:45fr 55fr;gap:20px}label{margin-top:4px;color:#3c4a59;font-size:13px;font-weight:700}label>span{float:right;color:#a0a9b3;font-size:11px;font-weight:500}.conversion-preview{white-space:nowrap}label>.conversion-preview{display:inline;float:none;margin-left:12px;color:#8c98a3;font-size:11px;font-weight:600;white-space:nowrap}.conversion-separator{display:inline-block;margin:0 10px}input{width:100%;height:48px;margin-bottom:11px;padding:0 14px;border:1px solid #dce2e8;border-radius:7px;outline:none;color:#1d2b3c;background:#fbfcfd;transition:.2s}input:focus{border-color:#00563f;box-shadow:0 0 0 3px #dff2ef;background:#fff}.uid-input{position:relative}.uid-input input{padding-right:76px}.uid-input>span{position:absolute;top:14px;right:14px;color:#7c8793;font-size:14px;pointer-events:none}.amount-input{position:relative}.amount-input input{padding-left:14px}.add-entry-button{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #b9cfca;border-radius:7px;color:#00563f;background:#f7fbfa;font-size:13px;font-weight:700}.add-entry-button:hover:not(:disabled){border-color:#00563f;background:#edf7f4}button[type=submit]{height:49px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;color:#fff;background:#00563f;font-weight:700;transition:.2s}button[type=submit]:hover:not(:disabled){background:#00563f;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58}.button-hint{color:#9aa4ae;text-align:center;font-size:12px}.feedback{display:flex;align-items:center;gap:8px;margin-top:17px;padding:11px 13px;border-radius:7px;font-size:13px;white-space:pre-line}.feedback.success{color:#00563f;background:#e9f7f0}.feedback.error{color:#a04f4f;background:#fff0ef}.side-column{display:grid;gap:22px}.identity-card,.info-card{padding:25px}.section-label{margin-bottom:20px;font-size:10px}.identity-main{display:flex;align-items:center;gap:12px;margin-bottom:20px}.m365-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#3478c8;font:700 20px Space Grotesk}h3{font:600 15px Space Grotesk}.identity-main p{margin-top:4px;color:#89939d;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:200px}.signin-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:8px}.secondary-button{width:100%;height:40px;border:1px solid #d7e1e2;border-radius:6px;color:#00563f;background:#fff;font-size:13px;font-weight:700}.secondary-button:hover:not(:disabled){background:#f1f8f7}.identity-note{display:flex;align-items:start;gap:7px;margin-top:17px;color:#8c98a3;font-size:11px;line-height:1.4}.info-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid #edf0f3}.info-row span{color:#00563f;font:600 12px Space Grotesk}.info-row p{color:#6f7d8c;font-size:12px;line-height:1.45}footer{width:min(1050px,calc(100% - 48px));margin:auto;padding:20px 0;display:flex;justify-content:space-between;color:#9aa4ae;border-top:1px solid #e3e8ee;font-size:11px}@media(max-width:720px){.content{padding-top:45px}.heading-row{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.card-header{align-items:start;flex-direction:column}.entry-fields{grid-template-columns:1fr;gap:0}.workspace-grid{grid-template-columns:1fr}.form-card{padding:23px}footer{flex-direction:column;gap:8px}}