.prof-page{background:#f9fafb;min-height:100vh}.prof-hero{text-align:center;background:linear-gradient(135deg,#061a0f 0%,#0c2e1a 50%,#1a5c32 100%);margin-top:-100px;padding:140px 0 60px}.prof-badge{color:#5dcaa5;letter-spacing:.08em;text-transform:uppercase;background:#5dcaa526;border:1px solid #5dcaa54d;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.prof-title{color:#fff;margin-bottom:14px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.prof-title span{color:#5dcaa5}.prof-sub{color:#ffffffa6;font-size:1rem}.prof-body{max-width:600px;margin:0 auto;padding:48px 0 80px}.prof-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:40px 36px;box-shadow:0 4px 24px #0000000f}.prof-section{text-align:center}.prof-heading{color:#111827;margin-bottom:8px;font-size:1.3rem;font-weight:800}.prof-desc{color:#6b7280;margin-bottom:24px;font-size:14px}.prof-phone-row{align-items:center;gap:8px;max-width:320px;margin:0 auto 16px;display:flex}.prof-prefix{color:#374151;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:15px;font-weight:700}.prof-phone-input{color:#374151;letter-spacing:.05em;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:15px;transition:border-color .2s}.prof-phone-input:focus{border-color:#3b6d11}.prof-otp-row{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.prof-otp-digit{text-align:center;color:#111827;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:48px;height:56px;font-size:22px;font-weight:700;transition:border-color .2s}.prof-otp-digit:focus{border-color:#3b6d11;box-shadow:0 0 0 3px #3b6d111f}.prof-resend{color:#6b7280;justify-content:center;gap:16px;margin-top:16px;font-size:13px;display:flex}.prof-link-btn{color:#3b6d11;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.prof-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b6d11,#1d9e75);border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:12px 32px;font-size:15px;font-weight:700;transition:opacity .2s;display:inline-flex;box-shadow:0 4px 16px #3b6d114d}.prof-btn:disabled{opacity:.6;cursor:not-allowed}.prof-error{color:#dc2626;margin:8px 0;font-size:13px;font-weight:500}.prof-spin{animation:1s linear infinite prof-rotate}@keyframes prof-rotate{to{transform:rotate(360deg)}}.prof-profile-header{text-align:left;align-items:center;gap:16px;margin-bottom:28px;display:flex}.prof-avatar{color:#3b6d11;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.prof-name{color:#111827;margin:0;font-size:1.2rem;font-weight:800}.prof-phone-display{color:#6b7280;margin:4px 0 0;font-size:13px}.prof-edit-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e5e7eb;border-radius:100px;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.prof-edit-btn:hover{color:#3b6d11;border-color:#3b6d11}.prof-details{text-align:left;background:#fafbfa;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.prof-detail-row{color:#374151;align-items:flex-start;gap:10px;font-size:14px;display:flex}.prof-detail-row svg{color:#6b7280;flex-shrink:0;margin-top:2px}.prof-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px;display:flex}.prof-stat{background:#f0fdf0;border:1px solid #dcfce7;border-radius:16px;align-items:center;gap:10px;min-width:140px;padding:16px 20px;display:flex}.prof-stat svg{color:#3b6d11}.prof-stat-icon{font-size:20px}.prof-stat-val{color:#111827;font-size:18px;font-weight:800;display:block}.prof-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.prof-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.prof-action-btn{color:#fff;background:linear-gradient(135deg,#3b6d11,#1d9e75);border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #3b6d114d}.prof-switch-btn{color:#3b6d11;cursor:pointer;background:0 0;border:1.5px solid #3b6d11;border-radius:100px;align-items:center;gap:6px;padding:11px 24px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.prof-switch-btn:hover{background:#f0fdf4}.prof-logout-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:100px;align-items:center;gap:6px;padding:11px 24px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.prof-logout-btn:hover{color:#dc2626;border-color:#dc2626}.prof-form{text-align:left;margin-bottom:20px}.prof-label{color:#374151;margin-bottom:16px;font-size:13px;font-weight:600;display:block}.prof-input{color:#374151;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:10px 14px;font-size:14px;transition:border-color .2s;display:block}.prof-input:focus{border-color:#3b6d11}.prof-form-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.prof-edit-actions{justify-content:center;gap:12px;display:flex}.prof-cancel-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:100px;padding:11px 24px;font-size:14px;font-weight:600}@media (max-width:600px){.prof-hero{margin-top:-80px;padding:100px 0 24px}.prof-title{margin-bottom:8px;font-size:1.4rem}.prof-sub{font-size:13px}.prof-badge{margin-bottom:14px;padding:5px 12px;font-size:10px}.prof-body{padding:20px 12px 88px}.prof-card{border-radius:18px;padding:20px 16px}.prof-heading{font-size:1.1rem}.prof-desc{margin-bottom:18px;font-size:13px}.prof-phone-row{max-width:100%}.prof-prefix{padding:10px;font-size:14px}.prof-phone-input{padding:10px 12px;font-size:14px}.prof-btn{width:100%;padding:13px 24px;font-size:14px}.prof-otp-digit{width:44px;height:50px;font-size:20px}.prof-profile-header{gap:12px}.prof-avatar{width:52px;height:52px}.prof-name{font-size:1rem}.prof-edit-btn{margin-left:auto;padding:6px 12px;font-size:12px}.prof-details{margin-bottom:18px;padding:14px}.prof-detail-row{font-size:13px}.prof-stats{flex-flow:wrap;gap:10px}.prof-stat{border-radius:12px;flex:calc(50% - 5px);min-width:0;padding:12px 14px}.prof-stat-val{font-size:16px}.prof-stat-label{font-size:10px}.prof-actions{flex-direction:column;gap:10px}.prof-action-btn{justify-content:center;width:100%;padding:13px 20px;font-size:14px}.prof-logout-btn{width:100%;padding:12px 20px;font-size:13px}.prof-form-row{grid-template-columns:1fr 1fr;gap:10px}.prof-input{padding:10px 12px;font-size:13px}.prof-label{margin-bottom:12px;font-size:12px}.prof-edit-actions{width:100%}.prof-edit-actions .prof-btn{flex:1}.prof-cancel-btn{text-align:center;flex:1}}@media (max-width:380px){.prof-form-row{grid-template-columns:1fr}.prof-stat{flex:100%}.prof-otp-digit{width:40px;height:46px;font-size:18px}.prof-otp-row{gap:8px}}