@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap");:root{--wa:#25d366;--wa-dark:#1aab52;--wa-light:rgba(37,211,102,.1);--wa-border:rgba(37,211,102,.22);--red:#ef4444;--red-light:rgba(239,68,68,.08);--orange:#f97316;--orange-light:rgba(249,115,22,.08);--blue:#3b82f6;--blue-light:rgba(59,130,246,.08);--amber:#f59e0b;--text-dark:#0d1f13;--text-body:#444;--text-muted:#888;--text-light:#aaa;--bg:#f4f7f5;--card:#fff;--border:#e8ede9;--radius:1.1rem;--radius-sm:0.7rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text-dark);overflow-x:hidden;-webkit-tap-highlight-color:transparent}.profile-root{min-height:100vh;background:var(--bg);padding-bottom:3rem}.profile-page{max-width:480px;margin:0 auto;padding:0 1rem 2rem}.topbar{position:sticky;top:0;z-index:50;background:rgba(244,247,245,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.85rem 1rem;gap:.75rem}.topbar,.topbar-back{display:flex;align-items:center}.topbar-back{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--card);border:1.5px solid var(--border);justify-content:center;cursor:pointer;color:var(--text-dark);font-size:1rem;flex-shrink:0;text-decoration:none;transition:background .15s}.topbar-back:hover{background:var(--border)}.topbar-title{font-size:1rem;font-weight:800;color:var(--text-dark);letter-spacing:-.01em}.card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);margin-bottom:.85rem;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .6rem;border-bottom:1px solid var(--border)}.card-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.card-action{font-size:.8rem;font-weight:700;color:var(--wa-dark);cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.card-action:hover{opacity:.75}.profile-hero{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);margin-bottom:.85rem;padding:1.6rem 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:5rem;background:linear-gradient(135deg,rgba(37,211,102,.12),rgba(37,211,102,.04))}.avatar-wrap{position:relative;margin-bottom:.9rem;z-index:1}.avatar{width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid var(--card);box-shadow:0 4px 16px rgba(0,0,0,.12);background:#dde8e1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--wa-dark);overflow:hidden}.avatar,.avatar img{-o-object-fit:cover;object-fit:cover}.avatar img{width:100%;height:100%}.avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2.5px solid var(--wa);opacity:0;transition:opacity .2s}.avatar-ring.verified{opacity:1}.avatar-badge{position:absolute;bottom:2px;right:2px;width:1.4rem;height:1.4rem;border-radius:50%;border:2.5px solid var(--card);display:flex;align-items:center;justify-content:center;font-size:.5rem}.avatar-badge.verified{background:var(--wa)}.avatar-badge.unverified{background:#ccc}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.3rem}.profile-name{font-size:1.2rem;font-weight:900;color:var(--text-dark);letter-spacing:-.02em}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;flex-shrink:0}.verified-badge.green{background:var(--wa)}.verified-badge.grey{background:#ccc}.verified-badge svg{width:.65rem;height:.65rem}.profile-email{font-size:.82rem;color:var(--text-muted);font-weight:500;margin-bottom:.2rem}.profile-phone{font-size:.82rem;color:var(--text-body);font-weight:600;margin-bottom:1.1rem}.edit-profile-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.3rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);font-size:.82rem;font-weight:700;color:var(--text-dark);cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}.edit-profile-btn:hover{border-color:var(--wa);background:var(--wa-light);color:var(--wa-dark)}.detail-row{display:flex;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);gap:.75rem}.detail-row:last-child{border-bottom:none}.detail-icon{width:2.1rem;height:2.1rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.detail-icon.green{background:var(--wa-light)}.detail-icon.blue{background:var(--blue-light)}.detail-icon.orange{background:var(--orange-light)}.detail-icon.red{background:var(--red-light)}.detail-content{flex:1;min-width:0}.detail-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.detail-value{font-size:.9rem;font-weight:700;color:var(--text-dark);margin-top:.1rem}.detail-value.muted{color:var(--text-muted);font-weight:500;font-style:italic}.detail-right{flex-shrink:0}.veri-row{display:flex;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);gap:.75rem}.veri-row:last-child{border-bottom:none}.veri-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.veri-dot.green{background:var(--wa);box-shadow:0 0 0 3px rgba(37,211,102,.2)}.veri-dot.grey{background:#ccc}.veri-dot.orange{background:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.2)}.veri-label{flex:1;font-size:.88rem;font-weight:700;color:var(--text-dark)}.veri-sub{font-size:.72rem;font-weight:500;color:var(--text-muted);margin-top:.1rem}.veri-chip{font-size:.68rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;letter-spacing:.03em}.veri-chip.green{background:var(--wa-light);color:var(--wa-dark)}.veri-chip.grey{background:#f0f0f0;color:#888}.veri-chip.orange{background:rgba(245,158,11,.1);color:#b45309}.veri-request-btn{font-size:.72rem;font-weight:800;color:var(--wa-dark);background:none;border:1.5px solid var(--wa-border);border-radius:999px;padding:.25rem .7rem;cursor:pointer;font-family:inherit;transition:background .15s}.veri-request-btn:hover{background:var(--wa-light)}.earnings-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;gap:.5rem}.earn-stat{background:var(--bg);border-radius:.8rem;padding:.85rem .5rem;text-align:center;border:1px solid var(--border)}.earn-stat.highlight{background:var(--wa-light);border-color:var(--wa-border)}.earn-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.4rem}.earn-stat.highlight .earn-label{color:var(--wa-dark)}.earn-amount{font-size:1.1rem;font-weight:900;color:var(--text-dark);letter-spacing:-.02em}.earn-stat.highlight .earn-amount{color:var(--wa-dark)}.action-row{display:flex;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);gap:.75rem;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.action-row:last-child{border-bottom:none}.action-row:hover{background:var(--bg)}.action-icon{width:2.1rem;height:2.1rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.action-icon.green{background:var(--wa-light)}.action-icon.blue{background:var(--blue-light)}.action-icon.red{background:var(--red-light)}.action-icon.orange{background:var(--orange-light)}.action-icon.grey{background:#f0f0f0}.action-label{flex:1;font-size:.9rem;font-weight:700;color:var(--text-dark)}.action-label.red{color:var(--red)}.action-chevron{color:var(--text-light);font-size:.8rem}.referral-body{padding:1rem 1.1rem}.referral-desc{font-size:.82rem;font-weight:500;color:var(--text-muted);margin-bottom:.9rem;line-height:1.5}.referral-code-box{display:flex;align-items:center;background:var(--bg);border:1.5px dashed rgba(37,211,102,.4);border-radius:.8rem;padding:.7rem 1rem;gap:.75rem;margin-bottom:.85rem}.referral-code{flex:1;font-size:1.1rem;font-weight:900;letter-spacing:.12em;color:var(--wa-dark);font-family:monospace}.copy-btn{font-size:.72rem;font-weight:800;color:var(--wa-dark);background:var(--wa-light);border:none;border-radius:.5rem;padding:.35rem .75rem;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.copy-btn:hover{background:rgba(37,211,102,.18)}.invite-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;background:var(--wa);color:#fff;font-size:.9rem;font-weight:800;border-radius:.75rem;border:none;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s}.invite-btn:hover{background:var(--wa-dark);transform:translateY(-1px)}.legal-row{display:flex;align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);gap:.75rem;text-decoration:none;color:inherit;transition:background .15s}.legal-row:last-child{border-bottom:none}.legal-row:hover{background:var(--bg)}.legal-label{flex:1;font-size:.88rem;font-weight:600;color:var(--text-body)}.legal-icon-wrap{width:2.1rem;height:2.1rem;border-radius:.6rem;align-items:center;font-size:.9rem;flex-shrink:0;background:#f0f0f0}.legal-icon-wrap,.modal-overlay{display:flex;justify-content:center}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;align-items:flex-end;padding:0;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{width:100%;max-width:480px;background:var(--card);border-radius:1.4rem 1.4rem 0 0;padding:0 1.25rem 2rem;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.modal-handle{width:2.5rem;height:4px;border-radius:2px;background:#ddd;margin:.75rem auto 1.25rem}.modal-title{font-size:1.1rem;font-weight:900;color:var(--text-dark);margin-bottom:1.5rem}.field-group{margin-bottom:1.1rem}.field-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.4rem;display:block}.field-input{width:100%;padding:.75rem .9rem;border-radius:.75rem;border:1.5px solid var(--border);font-size:.92rem;font-weight:600;color:var(--text-dark);font-family:inherit;background:var(--bg);transition:border-color .2s;outline:none}.field-input:focus{border-color:var(--wa)}.field-select{width:100%;padding:.75rem .9rem;border-radius:.75rem;border:1.5px solid var(--border);font-size:.92rem;font-weight:600;color:var(--text-dark);font-family:inherit;background:var(--bg);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;cursor:pointer;transition:border-color .2s}.field-select:focus{border-color:var(--wa)}.modal-actions{display:flex;gap:.75rem;margin-top:1.4rem}.btn-cancel{flex:1;border-radius:.8rem;border:1.5px solid var(--border);background:var(--bg);font-weight:700;color:var(--text-body)}.btn-cancel,.btn-save{padding:.85rem;font-size:.9rem;cursor:pointer;font-family:inherit}.btn-save{flex:2;border-radius:.8rem;border:none;background:var(--wa);font-weight:800;color:#fff;transition:background .2s}.btn-save:hover{background:var(--wa-dark)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(0);background:#111;color:#fff;font-size:.82rem;font-weight:700;padding:.6rem 1.25rem;border-radius:999px;z-index:500;white-space:nowrap;animation:toastIn .25s ease,toastOut .3s ease 1.8s forwards}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.version-text{text-align:center;font-size:.7rem;color:var(--text-light);font-weight:500;padding-top:.5rem}