*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6f8;color:#18212b}a{color:inherit}.wrap{max-width:1100px;margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{font-size:22px;font-weight:800}.nav{display:flex;gap:8px;flex-wrap:wrap}.btn,button{border:0;border-radius:12px;padding:11px 16px;background:#13795b;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.btn.alt{background:#e8eeeb;color:#17352a}.btn.danger{background:#b42318}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(20,40,30,.08)}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .card{width:min(520px,100%)}input,textarea,select{width:100%;padding:12px;border:1px solid #d7dfdc;border-radius:10px;margin:7px 0 14px;font:inherit}textarea{min-height:120px}.muted{color:#65736d}.alert{padding:12px;border-radius:10px;background:#fff3cd;margin:10px 0}.alert.error{background:#fde2e1}.alert.success{background:#ddf7e8}.profile{max-width:850px;margin:20px auto}.hero{background:linear-gradient(135deg,#0e7657,#19a06f);color:#fff;border-radius:24px;padding:30px;text-align:center}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid #fff;background:#ddd}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:25px 0}.socials a{width:72px;height:72px;border-radius:18px;background:#fff;color:#11664c;display:grid;place-items:center;font-size:34px;text-decoration:none;box-shadow:0 7px 18px rgba(0,0,0,.12)}.sections{display:grid;gap:16px;margin-top:18px}.rowline{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e7ecea;padding:12px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e8eceb;text-align:left}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.card{padding:16px}.profile{margin:8px auto}.hero{padding:22px 14px}.socials{gap:12px}.socials a{width:64px;height:64px;font-size:30px}}