body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;margin:0;color:#333}@media (max-width: 640px){.edit-profile-page{padding:16px 12px 24px}.page-actions,.actions-row{width:100%}.page-actions .btn-primary,.actions-row .btn-primary,.page-actions .btn-secondary,.actions-row .btn-secondary{width:100%;justify-content:center}.card{padding:18px}}.edit-profile-page{display:flex;justify-content:center;padding:40px 20px;min-height:100vh}.container{width:100%;max-width:750px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-left h1{margin:0 0 6px;font-size:24px;font-weight:600;color:#1f2937}.subtitle{margin:0;font-size:14px;color:#6b7280}.btn-secondary{background:#fff;border:1px solid #e5e7eb;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;color:#1f2937;transition:background .2s}.btn-secondary:hover{background:#f3f4f6}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 2px #0000000d}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.profile-photo-control{display:flex;align-items:center;gap:18px;margin:0 0 24px}.profile-photo-preview,.profile-photo-placeholder{width:88px;height:88px;border-radius:50%;flex:0 0 88px}.profile-photo-preview{object-fit:cover;border:1px solid #e5e7eb}.profile-photo-placeholder{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#16a394,#07867b);font-size:1.25rem;font-weight:700}.profile-photo-actions{min-width:0}.profile-photo-upload{display:inline-block}.profile-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.profile-photo-message{margin:8px 0 0;font-size:13px}.profile-photo-message.success{color:#065f46}.profile-photo-message.error{color:#b91c1c}.card-header h2{margin:0;font-size:16px;font-weight:500;color:#374151}.icon{stroke-width:2}.icon-teal{stroke:#2d9d9c}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.helper-text{font-size:12px;color:#6b7280;margin-top:6px}.helper-text a{color:#2d9d9c;text-decoration:none}.helper-text a:hover{text-decoration:underline}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#2d9d9c;box-shadow:0 0 0 1px #2d9d9c}.form-textarea{resize:vertical;font-family:inherit}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .form-input{padding-right:50px}.btn-icon{position:absolute;right:4px;top:4px;bottom:4px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;width:36px;height:calc(100% - 8px);cursor:pointer;color:#fff}.btn-teal{background-color:#7bc0c0;transition:background-color .2s}.btn-teal:hover{background-color:#6aacac}.multi-input-row{display:flex;gap:8px}.btn-add{background:#fff;border:1px solid #d1d5db;border-radius:4px;width:42px;height:42px;flex-shrink:0;font-size:20px;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-add:hover{background:#f3f4f6;border-color:#9ca3af}.label-with-icon{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.label-with-icon svg{stroke:#4b5563}.btn-primary{width:100%;padding:12px;background-color:#399c90;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer}.shareable-url-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:20px;margin-bottom:24px}.shareable-url-label{font-size:14px;font-weight:600;color:#111827;margin-bottom:10px}.shareable-url-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shareable-url-input{flex:1;min-width:0}.btn-copy{min-width:110px;white-space:nowrap}.copy-feedback{margin-top:12px;color:#065f46;font-size:13px}.btn-primary:hover{background-color:#2e8277}.app-header{width:100%;background:#fff;border-bottom:1px solid #eef2f4;position:sticky;top:0;z-index:80}.nav-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-weight:700}.logo-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#0d7a5f,#34d399);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:#6b7280;text-decoration:none;font-size:.95rem}.nav-right{display:flex;gap:12px;align-items:center}.icon-btn{background:transparent;border:none;font-size:18px;cursor:pointer}.user-menu{position:relative}.avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.menu-dropdown{position:absolute;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 18px #00000014;min-width:160px;overflow:hidden;display:flex;flex-direction:column}.menu-dropdown button{background:transparent;border:none;padding:10px 12px;text-align:left;cursor:pointer}.menu-dropdown .divider{height:1px;background:#f3f4f6}.container{margin-top:20px}.status-banner{padding:14px 18px;border-radius:8px;margin-bottom:20px;font-weight:500}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.actions-row,.page-actions{display:flex;gap:12px;flex-wrap:wrap}.page-actions .btn-primary,.actions-row .btn-primary{width:auto}:root{--primary: #0f766e;--primary-hover: #0d6460;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--bg-body: #fff}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);color:var(--gray-900);overflow-x:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}@media (max-width: 640px){body{font-size:15px}}