[id^="account-"],[id^="affiliate-"] { --acc-gap: 1rem;}[id^="account-"] h1,[id^="affiliate-"] h1 { margin: 0 0 1.5rem; font-size: 28px; font-weight: 700; line-height: 34px; color: var(--heading);}@media (max-width: 768px) { [id^="account-"] h1, [id^="affiliate-"] h1 { font-size: 22px; line-height: 28px; }}[id^="account-"] h2,[id^="affiliate-"] h2 { margin: 1.5rem 0 0.75rem; font-size: 18px; font-weight: 500; line-height: 24px; color: var(--heading);}[id^="account-"] h2:first-of-type { margin-top: 0;}[id^="account-"] legend,[id^="affiliate-"] legend { float: none; width: auto; margin: 0 0 0.75rem; padding: 0; font-size: 16px; font-weight: 500; line-height: 22px; color: var(--heading); border: none;}[id^="account-"] fieldset,[id^="affiliate-"] fieldset { margin: 0 0 1.5rem; padding: 0; border: none;}[id^="account-"] p,[id^="affiliate-"] p { font-size: 14px; font-weight: 300; line-height: 22px; color: var(--description);}.account-nav { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 1.5rem; padding: 0.5rem; background: var(--white); border: 1px solid var(--gray-300); border-radius: 0.8rem;}.account-nav__item { display: flex; align-items: center; gap: 0.6rem; padding: 0.55rem 0.7rem; font-size: 14px; font-weight: 300; line-height: 20px; color: var(--gray-700); text-decoration: none; border-radius: 0.6rem; transition: color 0.2s ease, background 0.2s ease;}.account-nav__item > svg { flex-shrink: 0; width: 17px; height: 17px; color: var(--gray-500); transition: color 0.2s ease;}.account-nav__item:hover { color: var(--main); background: var(--gray-100);}.account-nav__item:hover > svg { color: var(--main);}.account-nav__item--active { font-weight: 400; color: var(--main-contrast); background: var(--main);}.account-nav__item--active > svg,.account-nav__item--active:hover > svg { color: var(--main-contrast);}.account-nav__item--active:hover { color: var(--main-contrast); background: var(--main-active);}.account-nav__item--logout { margin-top: 0.25rem; padding-top: 0.7rem; border-top: 1px solid var(--gray-300); border-radius: 0 0 0.6rem 0.6rem; color: var(--gray-600);}.account-nav__item--logout:hover { color: #b02a37; background: #f8d7da;}.account-nav__item--logout:hover > svg { color: #b02a37;}.account-hello { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem 1.25rem; background: var(--gray-100); border: 1px solid var(--gray-300); border-radius: 0.8rem;}.account-hello__avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 52px; height: 52px; color: var(--main-contrast); background: var(--main); border-radius: 50%;}.account-hello__avatar svg { width: 24px; height: 24px;}.account-hello__text { display: flex; flex-direction: column; min-width: 0;}[id^="account-"] .account-hello__name { margin: 0; font-size: 20px; font-weight: 500; line-height: 26px; color: var(--heading);}.account-hello__email { font-size: 13px; font-weight: 300; line-height: 18px; color: var(--description); overflow-wrap: anywhere;}.account-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0.5rem; margin: 0 0 1.5rem;}.account-tile { display: flex; align-items: center; gap: 0.65rem; padding: 0.85rem 1rem; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading); text-decoration: none; background: var(--white); border: 1px solid var(--gray-300); border-radius: 0.6rem; transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}.account-tile:hover { color: var(--main); border-color: var(--main); box-shadow: 0 2px 10px rgba(6, 142, 239, 0.12);}.account-tile > svg { flex-shrink: 0; width: 18px; height: 18px; color: var(--gray-500); transition: color 0.2s ease;}.account-tile:hover > svg { color: var(--main);}[id^="account-"] .form-label,[id^="affiliate-"] .form-label { display: block; margin-bottom: 0.35rem; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--heading);}[id^="account-"] .required > .form-label::after,[id^="affiliate-"] .required > .form-label::after { content: "*"; margin-left: 0.2rem; color: red;}[id^="account-"] .form-horizontal .mb-3,[id^="affiliate-"] .form-horizontal .mb-3 { display: block; margin-bottom: 1rem;}[id^="account-"] .mb-3 > .col-sm-2,[id^="account-"] .mb-3 > .col-sm-10,[id^="affiliate-"] .mb-3 > .col-sm-2,[id^="affiliate-"] .mb-3 > .col-sm-10 { flex: none; width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;}[id^="account-"] .form-control,[id^="account-"] .form-select,[id^="affiliate-"] .form-control,[id^="affiliate-"] .form-select { width: 100%; padding: 0.55rem 0.75rem; font-size: 14px; font-weight: 300; color: var(--color); background: var(--white); border: 1px solid var(--gray-400); border-radius: 0.6rem; box-shadow: none;}[id^="account-"] .form-control:focus,[id^="account-"] .form-select:focus,[id^="affiliate-"] .form-control:focus,[id^="affiliate-"] .form-select:focus { border-color: var(--main); box-shadow: none; outline: none;}[id^="account-"] textarea.form-control,[id^="affiliate-"] textarea.form-control { min-height: 96px;}[id^="account-"] .text-danger,[id^="affiliate-"] .text-danger { display: block; margin-top: 0.25rem; font-size: 12px; font-weight: 300; line-height: 16px; color: red;}[id^="account-"] .has-error .form-control,[id^="affiliate-"] .has-error .form-control { border-color: red;}[id^="account-"] .input-group,[id^="affiliate-"] .input-group { display: flex; flex-wrap: nowrap;}[id^="account-"] .input-group > .form-control,[id^="affiliate-"] .input-group > .form-control { flex: 1 1 auto; width: 1%;}[id^="account-"] .radio,[id^="account-"] .checkbox,[id^="affiliate-"] .radio,[id^="affiliate-"] .checkbox { margin: 0 0 0.4rem;}[id^="account-"] .radio > label,[id^="account-"] .checkbox > label,[id^="affiliate-"] .radio > label,[id^="affiliate-"] .checkbox > label { display: flex; align-items: center; gap: 0.6rem; margin: 0; padding: 0.6rem 0.85rem; font-size: 14px; font-weight: 300; line-height: 20px; color: var(--color); background: var(--white); border: 1px solid var(--gray-400); border-radius: 0.6rem; cursor: pointer; transition: border-color 0.2s ease;}[id^="account-"] .radio > label:hover,[id^="account-"] .checkbox > label:hover,[id^="affiliate-"] .radio > label:hover,[id^="affiliate-"] .checkbox > label:hover { border-color: var(--main);}[id^="account-"] .radio-inline,[id^="affiliate-"] .radio-inline { display: inline-flex; align-items: center; gap: 0.5rem; margin-right: 1rem; font-size: 14px; font-weight: 300; color: var(--color); cursor: pointer;}[id^="account-"] input[type="radio"],[id^="account-"] input[type="checkbox"],[id^="affiliate-"] input[type="radio"],[id^="affiliate-"] input[type="checkbox"] { flex-shrink: 0; width: 18px; height: 18px; margin: 0; accent-color: var(--main); cursor: pointer;}[id^="account-"] .btn,[id^="affiliate-"] .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 45px; padding: 0 1.25rem; font-family: inherit; font-size: 14px; line-height: 18px; text-decoration: none; border-radius: 0.6rem; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}[id^="account-"] .btn-primary,[id^="affiliate-"] .btn-primary { color: var(--main-contrast); background: var(--main); border: 1px solid var(--main);}[id^="account-"] .btn-primary:hover,[id^="affiliate-"] .btn-primary:hover { background: var(--main-active); border-color: var(--main-active);}[id^="account-"] .btn-secondary,[id^="affiliate-"] .btn-secondary,[id^="account-"] .btn-info,[id^="account-"] .btn-danger,[id^="account-"] .btn-warning { color: var(--gray-700); background: var(--white); border: 1px solid var(--gray-400);}[id^="account-"] .btn-secondary:hover,[id^="affiliate-"] .btn-secondary:hover,[id^="account-"] .btn-info:hover,[id^="account-"] .btn-danger:hover,[id^="account-"] .btn-warning:hover { color: var(--main); border-color: var(--main);}[id^="account-"] .btn:disabled,[id^="affiliate-"] .btn:disabled { opacity: 0.6; cursor: default;}[id^="account-"] .buttons,[id^="affiliate-"] .buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: 1.25rem;}[id^="account-"] .buttons .pull-right,[id^="affiliate-"] .buttons .pull-right { margin-left: auto;}[id^="account-"] .text-right,[id^="affiliate-"] .text-right { text-align: right;}[id^="account-"] .text-left,[id^="affiliate-"] .text-left { text-align: left;}[id^="account-"] .table-responsive,[id^="affiliate-"] .table-responsive { overflow-x: auto; margin-bottom: 1.25rem;}[id^="account-"] .table,[id^="affiliate-"] .table { width: 100%; border-collapse: collapse;}[id^="account-"] .table th,[id^="account-"] .table td,[id^="affiliate-"] .table th,[id^="affiliate-"] .table td { padding: 0.75rem 0.6rem; font-size: 14px; font-weight: 300; line-height: 20px; vertical-align: middle; border-bottom: 1px solid var(--gray-300);}[id^="account-"] .table thead td,[id^="account-"] .table thead th,[id^="affiliate-"] .table thead td,[id^="affiliate-"] .table thead th { font-weight: 500; color: var(--description); white-space: nowrap;}[id^="account-"] .table tbody tr:hover,[id^="affiliate-"] .table tbody tr:hover { background: var(--gray-100);}[id^="account-"] .table a,[id^="affiliate-"] .table a { color: var(--main); text-decoration: none;}[id^="account-"] .table a:hover,[id^="affiliate-"] .table a:hover { text-decoration: underline;}[id^="account-"] .table img,[id^="affiliate-"] .table img { display: block; width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; background: var(--white); border: 1px solid var(--gray-300); border-radius: 0.5rem;}[id^="account-"] .alert,[id^="affiliate-"] .alert { display: flex; align-items: center; gap: 0.75rem; padding: 0.85rem 1rem; margin-bottom: 1rem; font-size: 14px; font-weight: 300; line-height: 20px; border: 1px solid transparent; border-radius: 0.6rem;}[id^="account-"] .alert-success,[id^="affiliate-"] .alert-success { color: #0f5132; background: #d1e7dd; border-color: #badbcc;}[id^="account-"] .alert-danger,[id^="affiliate-"] .alert-danger { color: #842029; background: #f8d7da; border-color: #f5c2c7;}[id^="account-"] .alert-info,[id^="affiliate-"] .alert-info { color: #055160; background: #cff4fc; border-color: #b6effb;}[id^="account-"] .alert .btn-close,[id^="affiliate-"] .alert .btn-close { margin-left: auto; min-height: 0; padding: 0;}[id^="account-"] .pagination-box,[id^="affiliate-"] .pagination-box { margin-top: 1.25rem;}