.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-circle{border-radius:50%;border-style:solid;border-color:var(--primary) transparent var(--primary) transparent;animation:spin 1s linear infinite}.spinner.small .spinner-circle{width:16px;height:16px;border-width:2px}.spinner.medium .spinner-circle{width:32px;height:32px;border-width:3px}.spinner.large .spinner-circle{width:48px;height:48px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modify-account-page{padding:var(--spacing-4)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-3)}.modal-content{background:var(--bg-color);padding:var(--spacing-4);border-radius:var(--radius-3);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-content h3{margin-top:0}.modify-account-page .review-table{margin-top:var(--spacing-3)}.modify-account-page .review-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-2);overflow:hidden}.modify-account-page .review-table tr{transition:background .2s ease}.modify-account-page .review-table tr.editable-row.hover{background:var(--hover-color)}.modify-account-page .review-table td{padding:var(--spacing-3);border-bottom:1px solid var(--border-color)}.modify-account-page .review-table tr:last-child td{border-bottom:none}.modify-account-page .review-table .label-cell{font-weight:600;color:var(--mid);width:30%}.modify-account-page .review-table .value-cell{color:var(--text-color);position:relative}.modify-account-page .review-table .value-text{word-break:break-word}.modify-account-page .review-table .edit-btn{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);opacity:0;background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-2);cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;gap:4px;font-size:var(--text-sm)}.modify-account-page .review-table tr.hover .edit-btn{opacity:1}.modify-account-page .review-table .edit-btn:hover{background:var(--primary-dark)}@media (max-width: 768px){.modify-account-page .review-table .label-cell{width:40%;font-size:var(--text-sm)}.modify-account-page .review-table td{padding:var(--spacing-2)}.modify-account-page .review-table .value-cell{display:flex;align-items:center;gap:var(--spacing-3);width:100%;justify-content:space-between}.modify-account-page .review-table .value-text{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modify-account-page .review-table .edit-btn{opacity:1;padding:8px;min-width:0}.modify-account-page .review-table .edit-btn .edit-text{display:none}.modal-content{padding:var(--spacing-3)}}