*{box-sizing:border-box}body{color:#17202a;background:radial-gradient(circle at 0 0,#22c55e2e,#0000 32%),linear-gradient(135deg,#f8fafc,#eef7f1);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.card{background:#fffffff5;border:1px solid #94a3b840;border-radius:28px;width:100%;max-width:480px;padding:24px;box-shadow:0 18px 50px #0f172a1f}.profile-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}h1{margin:0 0 6px;font-size:24px}.muted{color:#64748b;margin:0;font-size:14px}.avatar{object-fit:cover;background:#e2e8f0;border-radius:24px;width:68px;height:68px}.placeholder{justify-content:center;align-items:center;font-weight:700;display:flex}.status-box{background:#f8fafc;border-radius:20px;gap:12px;margin-bottom:20px;padding:16px;display:grid}.status-box div{gap:4px;display:grid}.status-box span{color:#64748b;font-size:12px}.status-box strong{word-break:break-all;font-size:14px}.form{gap:14px;display:grid}label{gap:8px;font-size:14px;font-weight:600;display:grid}input,select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:12px 14px;font-size:16px}textarea{resize:vertical;min-height:96px}button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:16px;margin-top:8px;padding:14px 18px;font-size:16px;font-weight:700}button:active{transform:scale(.99)}.success{color:#166534;margin-top:16px;font-weight:700}.error{color:#b91c1c;margin-top:16px;font-weight:700}