.phone-input-container{width:100%}.phone-input-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:8px}.phone-input-row{display:flex;gap:8px}.phone-input-select{width:110px;flex-shrink:0;padding:12px 24px 12px 8px;font-size:16px;border:1px solid var(--border-primary, #e0e0e0);border-radius:10px;background:var(--surface-primary, #fff);color:var(--text-primary, #000);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.phone-input-country{position:relative;flex-shrink:0}.phone-input-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:60;width:280px;max-width:calc(100vw - 48px);background:var(--surface-primary, #fff);border:1px solid var(--border-primary, #e0e0e0);border-radius:12px;box-shadow:0 8px 24px #00000029;overflow:hidden}.phone-input-search{width:100%;box-sizing:border-box;padding:10px 12px;font-size:15px;border:none;border-bottom:1px solid var(--border-primary, #e0e0e0);background:var(--surface-primary, #fff);color:var(--text-primary, #000)}.phone-input-search:focus{outline:none}.phone-input-options{list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch}.phone-input-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px;font-size:15px;text-align:left;border:none;border-radius:8px;background:transparent;color:var(--text-primary, #000);cursor:pointer}.phone-input-option:hover,.phone-input-option:focus-visible{background:var(--surface-secondary, #f3f3f3);outline:none}.phone-input-option.selected{font-weight:600;background:var(--surface-secondary, #f3f3f3)}.phone-input-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-input-option-dial{color:var(--text-secondary, #666);flex-shrink:0}.phone-input-select:focus{outline:none;border-color:var(--brand-primary, #00FF94)}.phone-input-number{flex:1;min-width:0;padding:12px 14px;font-size:16px;border:1px solid var(--border-primary, #e0e0e0);border-radius:10px;background:var(--surface-primary, #fff);color:var(--text-primary, #000)}.phone-input-number:focus{outline:none;border-color:var(--brand-primary, #00FF94)}.phone-input-number::placeholder{color:var(--text-tertiary, #999)}.phone-input-hint{font-size:12px;color:var(--text-tertiary, #999);margin:8px 0 0}@media(prefers-color-scheme:dark){.phone-input-select,.phone-input-number{background-color:var(--surface-secondary, #1a1a1a);border-color:var(--border-primary, #333);color:var(--text-primary, #fff)}.phone-input-dropdown,.phone-input-search{background:var(--surface-secondary, #1a1a1a);border-color:var(--border-primary, #333);color:var(--text-primary, #fff)}.phone-input-option{color:var(--text-primary, #fff)}.phone-input-option:hover,.phone-input-option:focus-visible,.phone-input-option.selected{background:#ffffff14}}.onboarding-form .phone-input-row{gap:8px}.onboarding-form .phone-input-select{padding:14px 28px 14px 8px;background-color:#fff;border-color:#e5e5e5;border-radius:12px}.onboarding-form .phone-input-select:focus{border-color:var(--brand-primary, #00FF94);background-color:#fff}.onboarding-form .phone-input-number{padding:14px 16px;background-color:#fff;border-color:#e5e5e5;border-radius:12px}.onboarding-form .phone-input-number:focus{border-color:var(--brand-primary, #00FF94);background-color:#fff}.profile-edit-group .phone-input-label{font-size:13px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:8px}.profile-edit-group .phone-input-select,.profile-edit-group .phone-input-number{padding:12px 14px;font-size:16px;border:1px solid var(--border-primary, #e0e0e0);border-radius:10px;background:var(--surface-primary, #fff)}.profile-edit-group .phone-input-select{padding-right:28px}