:root{--ink:#14243a;--muted:#718093;--green:#0b8074;--cyan:#1aa6bb;--blue:#315ccf;--purple:#7255b7;--line:#e2e8f0;--bg:#f8fafc}*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif}body{margin:0;color:var(--ink);background:#fff}.shell{min-height:100dvh;display:grid;grid-template-columns:minmax(330px,44%) minmax(0,56%)}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(28px,5vw,78px);color:white;overflow:hidden;background:linear-gradient(145deg,#096e63 0%,#139eae 39%,#305dba 75%,#6745a9 100%)}.brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff40;border-radius:50%;right:-200px;bottom:9%;box-shadow:0 0 0 90px #ffffff0c,0 0 0 180px #ffffff0a;pointer-events:none}.brand{display:flex;gap:16px;align-items:center;font-weight:800;font-size:27px;letter-spacing:-.8px;z-index:1}.brand img{max-width:85px;max-height:72px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:2.8px;font-weight:600;margin-top:3px}.brand-copy{z-index:1}.eyebrow,.step{font-size:11px;font-weight:800;letter-spacing:2.2px}.eyebrow{color:#d5fff9}.brand h1{font-size:clamp(34px,3.5vw,60px);letter-spacing:-2px;line-height:1.12;margin:20px 0}.brand p{font-size:16px;line-height:1.8;color:#ecfaff;max-width:450px}.brand-bottom{z-index:1;font-size:12px;color:#d7f6f8}.content-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px clamp(20px,5vw,90px) 18px;min-width:0}.content-inner{width:100%;max-width:650px;margin:auto 0}.step{color:var(--green);margin-bottom:15px}h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.3px;margin:0 0 10px}.intro{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 30px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field{margin-bottom:19px}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}input,select{font:inherit;font-size:14px;width:100%;height:47px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none;min-width:0}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #1aa6bb20}input::placeholder{color:#a3adba}.hint{display:block;color:var(--muted);font-size:11px;margin-top:7px}.primary,.secondary{font:inherit;font-weight:700;font-size:14px;border-radius:9px;padding:13px 19px;cursor:pointer}.primary{display:block;width:100%;background:linear-gradient(95deg,var(--green),var(--blue));border:0;color:#fff;margin-top:9px}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.primary:hover{filter:brightness(1.08)}.link-button{text-align:center;text-decoration:none}.fine{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}.notice{border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.6;margin-bottom:18px}.notice.error{background:#fff2f2;color:#a02732}.notice.success{background:#eaf9f3;color:#146e51}.content-panel footer{font-size:12px;color:var(--muted);padding-top:24px}.content-panel footer a{font-weight:800;text-decoration:none;color:var(--blue)}.dashboard-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.profile-card{display:flex;gap:18px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:15px;margin:12px 0 22px}.avatar{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--purple));color:white;display:grid;place-items:center;font-weight:800;font-size:23px;flex:none}.profile-card strong,.profile-card span{display:block;margin-bottom:7px}.profile-card span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}@media(max-width:900px){.shell{grid-template-columns:1fr}.brand-panel{min-height:190px;padding:24px 28px}.brand-copy{display:none}.brand-bottom{margin-top:22px}.content-panel{padding:38px 22px 18px}.content-inner{max-width:640px}}@media(max-width:480px){.grid-two{grid-template-columns:1fr;gap:0}.brand{font-size:23px}.brand-panel{min-height:150px}.content-panel{padding:30px 18px 15px}.dashboard-top{flex-direction:column}.dashboard-top form,.dashboard-top button{width:100%}.profile-card{padding:17px}}

.role-switch{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.role-switch a{padding:12px 16px;border:1px solid #d8e5e8;border-radius:10px;font-size:13px;font-weight:700}.role-switch a.selected{background:#e7f8f2;color:#087f63;border-color:#087f63}.account-list{display:grid;gap:10px;margin-top:15px}.account-row{border:1px solid #e2e9ef;border-radius:12px;padding:16px;display:grid;gap:5px;overflow-wrap:anywhere}.account-row span{font-size:12px;color:#64748b}button:disabled{opacity:.5;cursor:not-allowed}