body:has(.account-settings-page){background:#fafafa}body:has(.account-settings-page) main.app-main{background:#fafafa;padding:10px 24px 24px}.app-shell main.app-main:has(.account-settings-page){background:#fff}.app-shell .account-settings-card{border:none;border-radius:0;box-shadow:none;background:transparent}.app-shell .account-settings-card__head{padding:8px 0 28px}.app-shell .account-settings-main{padding:28px 0 8px}.account-settings-page{max-width:none;margin:0;padding:0;background:transparent;display:block;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.account-settings-page__container{width:100%;max-width:none}.account-settings-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-settings-card{background:#fff;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 1px 2px #0b234008,0 8px 24px #0b23400a;overflow:hidden;padding:0}.account-settings-card__head{padding:24px 48px;border-bottom:1px solid var(--color-border-soft);background:#fff}.account-settings-card__title{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.018em;line-height:1.1;color:var(--text-primary);margin:0}@media(max-width:880px){.account-settings-card__head{padding:20px 24px}.account-settings-card__title{font-size:24px}}.account-settings-layout{display:grid;grid-template-columns:280px 1fr}.account-settings-layout--full{grid-template-columns:1fr}.account-settings-sidebar{padding:56px 32px;background:#fff;display:flex;flex-direction:column;align-items:center;position:sticky;top:0;align-self:flex-start}.account-settings-avatar-shell{width:144px;height:144px;border-radius:32px;background:var(--color-dub-navy);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:48px;letter-spacing:-.02em;margin-bottom:22px;overflow:hidden}.account-settings-avatar-gradient{background:var(--color-dub-navy)}.account-settings-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.account-settings-avatar-placeholder{display:grid;place-items:center;color:#fff;width:56px;height:56px}.account-settings-avatar-placeholder svg{width:100%;height:100%}.account-settings-avatar-initials{font-family:var(--font-display);font-weight:800;font-size:48px;letter-spacing:-.02em;color:#fff;line-height:1}.account-settings-sidebar-edit{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-dub-orange-deep);background:transparent;border:none;border-radius:999px;padding:8px 14px;cursor:pointer;text-decoration:none;transition:background .15s}.account-settings-sidebar-edit:hover{background:var(--color-dub-orange-soft);color:var(--color-dub-orange-deep)}.account-settings-sidebar-edit svg{width:13px;height:13px}.account-settings-main{padding:40px 48px 48px}.account-settings-main>.account-settings-section-html{display:block;padding:28px 0;border-bottom:1px solid var(--color-border-soft)}.account-settings-main>.account-settings-section-html:first-child{padding-top:0}.account-settings-main>.account-settings-section-html:last-child{border-bottom:none;padding-bottom:0}.account-settings-main .account-settings-block{border-bottom:0;padding:0}.account-settings-main h2,.account-settings-row__title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary);margin:0 0 8px}.account-settings-main>h2.account-settings-row__title{margin-top:28px}.account-settings-row__line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.account-settings-row__value{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:10px}.account-settings-row__hint{margin-top:8px;font-family:var(--font-sans);font-size:14px;font-weight:300;color:var(--text-alternate);line-height:1.5;max-width:80%}.account-settings-row__hint--accent{color:var(--color-dub-orange-deep)}.account-settings-edit-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-dub-orange-deep);background:transparent;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s}.account-settings-edit-btn:hover{background:var(--color-dub-orange-soft)}.account-settings-edit-btn svg,.account-settings-edit-icon{width:16px;height:16px}.account-settings-edit-btn__label{font-family:var(--font-display);font-size:13px;font-weight:600}.account-settings-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-section__message{display:block;margin-top:10px;padding:8px 12px;border-radius:8px;font-family:var(--font-sans);font-size:13.5px;line-height:1.5}.account-section__message--success{background:var(--bg-success-light);color:var(--text-success);border:1px solid var(--border-success)}.account-section__message--error{background:var(--bg-error-light);color:var(--text-error);border:1px solid var(--border-error)}.account-settings-email-verify{margin-top:16px;padding:14px 16px;background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:12px}.account-settings-email-verify__title{margin:0 0 6px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary)}.account-settings-email-verify__form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.account-settings-email-verify__actions{display:flex;gap:10px;flex-wrap:wrap}.account-settings-toggle-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--color-border-soft)}.account-settings-toggle-row:last-child,.account-settings-prefs-group .account-settings-toggle-row:last-child,.account-section .account-settings-toggle-row:last-child{border-bottom:none}.account-settings-toggle-row__text{min-width:0}.account-settings-toggle-row__title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.account-settings-toggle-row__desc{font-family:var(--font-sans);font-size:13.5px;font-weight:300;color:var(--text-alternate);line-height:1.5;max-width:80%;margin:0}.account-settings-switch{position:relative;display:inline-block;width:42px;height:24px;cursor:pointer;flex-shrink:0;margin-top:2px}.account-settings-switch__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.account-settings-switch__track{position:absolute;inset:0;background:#cbd3de;border-radius:999px;transition:background .18s var(--ease-standard);pointer-events:none}.account-settings-switch__track:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0b23402e;transition:transform .22s var(--ease-standard)}.account-settings-switch__input:checked+.account-settings-switch__track{background:var(--color-dub-orange)}.account-settings-switch__input:checked+.account-settings-switch__track:before{transform:translate(18px)}.account-settings-switch__input:focus-visible+.account-settings-switch__track{outline:2px solid var(--color-dub-orange);outline-offset:2px}.account-email-verify-title,.account-modal-form h2,.account-modal-form h3{font-family:var(--font-display)!important;color:var(--text-primary);letter-spacing:-.005em}.account-email-verify-modal{--account-verify-ink: var(--color-dub-navy);--account-verify-muted: var(--text-alternate);--account-verify-line: var(--color-border-soft);--account-verify-accent: var(--color-dub-orange)}.account-modal__frame{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0b234033,0 8px 20px #0b23401a;overflow-x:hidden;overflow-y:auto;width:100%;max-width:700px}@media(min-width:740px){.account-modal__frame{width:700px;min-width:700px}}dialog.account-settings-dialog{background:transparent;border:none;padding:0;margin:0}dialog.account-settings-dialog[open]{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem;box-sizing:border-box}dialog.account-settings-dialog::backdrop{background:#0b234073;backdrop-filter:blur(2px)}dialog.account-settings-dialog .account-modal__frame{width:100%;max-width:700px;max-height:calc(100vh - 2rem);overflow-y:auto}body.account-modal-open{overflow:hidden}.account-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border-soft)}.account-modal__title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.005em;line-height:1.25;color:var(--text-primary);margin:0;flex:1;min-width:0}.account-modal__actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.account-modal__btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-family:var(--font-display);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-standard),border-color .15s var(--ease-standard),color .15s var(--ease-standard);text-decoration:none}.account-modal__btn:focus-visible{outline:2px solid var(--color-dub-orange);outline-offset:2px}.account-modal__btn--save{background:var(--color-dub-orange);border-color:var(--color-dub-orange);color:#fff}.account-modal__btn--save:hover{background:var(--color-dub-orange-deep);border-color:var(--color-dub-orange-deep)}.account-modal__btn--cancel{background:transparent;color:var(--color-dub-navy);border-color:transparent}.account-modal__btn--cancel:hover{background:var(--bg-alternate)}.account-modal__btn--secondary{background:#fff;color:var(--color-dub-navy);border-color:var(--color-border-strong)}.account-modal__btn--secondary:hover{background:var(--bg-alternate);border-color:var(--color-dub-navy)}.account-avatar-modal__stack{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.account-avatar-modal__stack>.account-modal__btn--secondary{width:auto;flex:0 0 auto}.account-avatar-modal__delete-form{margin:0;padding:0;flex:0 0 auto;display:inline-flex;align-items:center}.account-avatar-modal__delete-row{display:inline-flex;align-items:center;margin:0;padding:0}.account-avatar-modal__delete-row>.account-modal__btn--secondary{width:auto}.account-avatar-modal__delete-busy:not(.htmx-request){display:none}.account-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:4px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-alternate);cursor:pointer;transition:background-color .15s,color .15s}.account-modal__close:hover{background:var(--bg-alternate);color:var(--color-dub-navy)}.account-modal__close svg{width:18px;height:18px;display:block}.account-modal__body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:14px}.account-modal__field{display:flex;flex-direction:column;gap:6px}.account-modal__label{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary)}.account-modal__frame input[type=text],.account-modal__frame input[type=email],.account-modal__frame input[type=password],.account-modal__frame input[type=tel],.account-modal__frame input[type=url],.account-modal__frame input[type=number],.account-modal__frame input[type=search],.account-modal__frame select,.account-modal__frame textarea{width:100%;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.4;color:var(--text-primary);background:#fff;border:1px solid var(--color-border-strong);border-radius:10px;padding:11px 14px;transition:border-color .15s,box-shadow .15s;outline:none}.account-modal__frame input::-moz-placeholder,.account-modal__frame textarea::-moz-placeholder{color:var(--color-ink-faint);font-weight:300}.account-modal__frame input::placeholder,.account-modal__frame textarea::placeholder{color:var(--color-ink-faint);font-weight:300}.account-modal__frame input:hover,.account-modal__frame select:hover,.account-modal__frame textarea:hover{border-color:var(--text-primary)}.account-modal__frame input:focus,.account-modal__frame select:focus,.account-modal__frame textarea:focus{border-color:var(--color-dub-orange);box-shadow:0 0 0 4px #f07e2326}.account-modal__hint{font-family:var(--font-sans);font-size:13px;font-weight:300;color:var(--text-alternate);line-height:1.5;margin:2px 0 0}@media(max-width:600px){.account-modal__head{padding:16px 18px}.account-modal__body{padding:16px 18px 20px}.account-modal__title{font-size:18px}}@media(max-width:880px){.account-settings-layout{grid-template-columns:1fr}.account-settings-sidebar{border-right:none;border-bottom:1px solid var(--color-border-soft);padding:36px 24px;position:static}.account-settings-main{padding:28px 24px 36px}.account-settings-page{padding:24px 16px 64px}}.account-modal__option-group{display:flex;flex-direction:column;gap:10px}.account-modal__option-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--color-border-strong);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.account-modal__option-card:hover{border-color:var(--color-dub-navy)}.account-modal__option-card:has(input:checked){border-color:var(--color-dub-navy);background:var(--bg-alternate)}.account-modal__option-card input[type=radio],.account-modal__option-card input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.account-modal__option-card__title{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary)}.account-modal__option-card__desc{display:block;font-family:var(--font-sans);font-size:13px;font-weight:300;color:var(--text-alternate);margin-top:2px}.account-modal__option-card__check{width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-strong);display:grid;place-items:center;color:#fff;background:transparent;flex-shrink:0;transition:background .15s,border-color .15s}.account-modal__option-card__check svg{width:12px;height:12px;opacity:0;transition:opacity .15s}.account-modal__option-card:has(input:checked) .account-modal__option-card__check{background:var(--color-dub-navy);border-color:var(--color-dub-navy)}.account-modal__option-card:has(input:checked) .account-modal__option-card__check svg{opacity:1}.account-modal__chip-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:8px 10px;background:#fff;border:1px solid var(--color-border-strong);border-radius:10px;transition:border-color .15s,box-shadow .15s}.account-modal__chip-field:focus-within{border-color:var(--color-dub-orange);box-shadow:0 0 0 4px #f07e2326}.account-modal__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-alternate);border:1px solid var(--color-border-soft);border-radius:999px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-dub-navy);line-height:1.4}.account-modal__chip-remove{background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-dub-navy);display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:4px;transition:background .15s}.account-modal__chip-remove:hover{background:var(--color-border-soft)}.account-modal__chip-input{flex:1;min-width:120px;border:none!important;background:transparent!important;padding:0!important;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);outline:none;box-shadow:none!important}.account-modal__chip-input:focus{border:none!important;box-shadow:none!important}.account-modal__hint--error{color:var(--text-error)}.account-modal__inline-group{display:flex;gap:12px;align-items:stretch}.account-modal__inline-group>select{flex:0 0 auto;min-width:130px}.account-modal__inline-group>input{flex:1;min-width:0}@media(max-width:480px){.account-modal__inline-group{flex-direction:column}}
