.kba-account,.kba-login-card{--kba-primary:#246b8e;--kba-primary-dark:#174f70;--kba-heading:#113f67;--kba-text:#334155;--kba-surface:#ffffff;--kba-page:#f4f7f9;--kba-border:#d9e2e8;--kba-control-border:#7894a3;--kba-muted:#eef5f7;--kba-accent:#f5d77a;--kba-danger:#9f1239;box-sizing:border-box;width:100%;max-width:1180px;margin:clamp(1rem,3vw,2rem) auto;color:var(--kba-text);font:inherit;line-height:1.75}.kba-account *,.kba-account ::after,.kba-account ::before,.kba-login-card *,.kba-login-card ::after,.kba-login-card ::before{box-sizing:border-box}.kba-account :where(h2,h3,p),.kba-login-card :where(h2,p){margin-block-start:0}.kba-account :where(h2,h3),.kba-login-card h2{color:var(--kba-heading);font-family:inherit;line-height:1.55}.kba-account__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.kba-account__mobile-bar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block-end:0.75rem;padding:.45rem .65rem;border:1px solid var(--kba-border);border-radius:11px;background:var(--kba-surface)}.kba-account__mobile-bar strong{min-width:0;color:var(--kba-heading);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kba-menu-close,.kba-menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--kba-control-border);border-radius:8px;background:var(--kba-surface);color:var(--kba-primary-dark);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer}.kba-menu-close{position:absolute;inset-block-start:0.65rem;inset-inline-end:0.65rem;padding:0;z-index:2}.kba-account__overlay{position:fixed;inset:0;z-index:9998;width:100%;height:100%;padding:0;border:0;background:rgba(17,63,103,.42);opacity:0;visibility:hidden;cursor:pointer;transition:opacity 160ms ease,visibility 160ms ease}.kba-account__sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:9999;width:min(86vw,330px);max-width:100%;padding:.75rem;border:0;background:var(--kba-muted);box-shadow:-18px 0 42px rgba(17,63,103,.2);overflow-y:auto;overscroll-behavior:contain;transform:translateX(110%);visibility:hidden;transition:transform 180ms ease,visibility 180ms ease}html[dir=ltr] .kba-account__sidebar{transform:translateX(-110%);box-shadow:18px 0 42px rgba(17,63,103,.2)}.kba-account.is-menu-open .kba-account__sidebar,html[dir=ltr] .kba-account.is-menu-open .kba-account__sidebar{transform:translateX(0);visibility:visible}.kba-account.is-menu-open .kba-account__overlay{opacity:1;visibility:visible}body.kba-account-menu-open{overflow:hidden}html:not(.kba-js) .kba-account__mobile-bar,html:not(.kba-js) .kba-menu-close{display:none}html:not(.kba-js) .kba-account__sidebar,html[dir=ltr]:not(.kba-js) .kba-account__sidebar{position:relative;inset:auto;width:100%;padding:.65rem;border:1px solid var(--kba-border);border-radius:14px;box-shadow:none;transform:none;visibility:visible}.kba-account__identity{display:flex;flex-direction:column;align-items:center;padding:3.25rem .75rem 1rem;border:1px solid var(--kba-border);border-radius:11px;background:var(--kba-surface);text-align:center}.kba-account__identity p{margin:.75rem 0 .05rem;color:var(--kba-text);font-size:.8rem}.kba-account__identity h2{max-width:100%;margin:0;font-size:1.05rem;overflow-wrap:anywhere}.kba-account__avatar-link{display:inline-flex;border-radius:50%;text-decoration:none}.kba-avatar{width:var(--kba-avatar-size,96px);height:var(--kba-avatar-size,96px);flex:0 0 var(--kba-avatar-size,96px);display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--kba-surface);border-radius:50%;background:var(--kba-muted);box-shadow:0 0 0 2px var(--kba-primary);object-fit:cover;overflow:hidden}img.kba-avatar{display:block}.kba-avatar--sidebar{--kba-avatar-size:88px}.kba-avatar--profile{--kba-avatar-size:112px}.kba-avatar--default{color:var(--kba-heading)}.kba-avatar__placeholder-icon{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kba-account__joined{display:inline-flex;align-items:center;gap:.35rem;margin-block-start:0.45rem;color:var(--kba-text);font-size:.76rem;white-space:nowrap;flex-wrap:nowrap}.kba-account__joined .kba-icon{width:15px;height:15px}.kba-account__complete-link{margin-block-start:0.65rem;padding:.3rem .65rem;border-radius:999px;background:var(--kba-accent);color:var(--kba-heading);font-size:.76rem;font-weight:700;text-decoration:none}.kba-account__identity-extra:empty{display:none}.kba-account__nav{margin-block-start:0.65rem}.kba-account__nav ul{display:grid;grid-template-columns:1fr;gap:.4rem;margin:0;padding:0;list-style:none}.kba-account__nav li{margin:0}.kba-account__nav a{min-height:46px;display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:9px;background:0 0;color:var(--kba-text);font-size:.88rem;font-weight:600;line-height:1.4;text-decoration:none}.kba-account__nav a:hover{border-color:var(--kba-border);background:var(--kba-surface);color:var(--kba-primary-dark);text-decoration:none}.kba-account__nav a[aria-current=page]{border-color:var(--kba-primary);background:var(--kba-primary);color:var(--kba-surface)}.kba-account__nav a small{min-width:1.5rem;margin-inline-start:auto;padding:.08rem .35rem;border-radius:999px;background:var(--kba-accent);color:var(--kba-heading);font-size:.72rem;line-height:1.5;text-align:center}.kba-account__logout{margin-block-start:0.3rem!important;padding-block-start:0.35rem;border-block-start:1px solid var(--kba-border)}.kba-account__logout a{color:var(--kba-danger)}.kba-icon{width:20px;height:20px;flex:0 0 20px}.kba-account__content{min-width:0;padding:clamp(.875rem,2.5vw,1.5rem);border:1px solid var(--kba-border);border-radius:14px;background:var(--kba-surface)}.kba-account__section-heading{display:none;margin-block-end:1rem;padding-block-end:0.75rem;border-block-end:1px solid var(--kba-border)}.kba-account__section-heading h2{margin:0;font-size:clamp(1.15rem, 2.5vw, 1.4rem)}.kba-profile{display:grid;gap:.875rem}.kba-panel{padding:clamp(.875rem,2.3vw,1.25rem);border:1px solid var(--kba-border);border-radius:11px;background:var(--kba-surface)}.kba-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1rem}.kba-panel__heading h3{margin-block-end:0.15rem;font-size:1.05rem}.kba-panel__heading p{margin:0;font-size:.86rem}.kba-profile__avatar-panel{background:linear-gradient(135deg,var(--kba-surface),var(--kba-muted))}.kba-avatar-form{padding-block-start:0.875rem;border-block-start:1px solid var(--kba-border)}.kba-field,.kba-file-field,.kba-range-field{display:grid;gap:.35rem;color:var(--kba-heading);font-size:.9rem;font-weight:650}.kba-field input,.kba-field textarea,.kba-file-field input[type=file],.kba-range-field input{width:100%;margin:0;font:inherit}.kba-file-field input[type=file]{padding:.55rem;border:1px dashed var(--kba-control-border);border-radius:9px;background:var(--kba-surface);color:var(--kba-text);font-weight:400}.kba-file-field input[type=file]::file-selector-button{min-height:36px;margin-inline-end:.65rem;padding:.4rem .75rem;border:0;border-radius:7px;background:var(--kba-primary);color:var(--kba-surface);font:inherit;cursor:pointer}.kba-field input,.kba-field textarea{min-height:44px;padding:.65rem .75rem;border:1px solid var(--kba-control-border);border-radius:8px;background:var(--kba-surface);color:var(--kba-text);font-weight:400;line-height:1.55}.kba-field textarea{min-height:124px;resize:vertical}.kba-field--readonly input{border-color:var(--kba-border);background:var(--kba-muted);color:var(--kba-text);cursor:default}.kba-field b{color:var(--kba-danger)}.kba-field small,.kba-field-help{margin:0;color:var(--kba-text);font-size:.78rem;font-weight:400}.kba-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}.kba-field--wide{margin-block-start:0.875rem}.kba-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block-start:1rem}.kba-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0;padding:.65rem 1rem;border:1px solid var(--kba-control-border);border-radius:9px;background:var(--kba-surface);color:var(--kba-primary-dark);box-shadow:none;font:inherit;font-size:.9rem;font-weight:650;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color 140ms ease,background-color 140ms ease,color 140ms ease}.kba-button:hover{border-color:var(--kba-primary-dark);background:var(--kba-muted);color:var(--kba-primary-dark);text-decoration:none}.kba-button--primary{border-color:var(--kba-primary);background:var(--kba-primary);color:var(--kba-surface)}.kba-button--primary:hover{border-color:var(--kba-primary-dark);background:var(--kba-primary-dark);color:var(--kba-surface)}.kba-button--quiet{border-color:transparent;background:0 0;color:var(--kba-danger)}.kba-button--quiet:hover{border-color:#fecdd3;background:#fff1f2;color:var(--kba-danger)}.kba-form-status{color:var(--kba-primary-dark);font-size:.84rem}.kba-form-status.is-error{color:var(--kba-danger)}.kba-delete-avatar-form{margin-block-start:0.5rem}.kba-cropper{width:min(100%,360px);margin-block-start:1rem;padding:.75rem;border:1px solid var(--kba-border);border-radius:11px;background:var(--kba-surface)}.kba-cropper[hidden]{display:none!important}.kba-cropper__canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;margin:0 auto .75rem;border:2px solid var(--kba-primary);border-radius:50%;background:var(--kba-muted);cursor:grab;touch-action:none}.kba-cropper__canvas:active{cursor:grabbing}.kba-range-field input[type=range]{accent-color:var(--kba-primary)}.kba-notice{padding:.75rem .875rem;border:1px solid var(--kba-border);border-inline-start-width:4px;border-radius:9px;background:var(--kba-muted);font-size:.88rem}.kba-notice--info,.kba-notice--success{border-inline-start-color:var(--kba-primary);color:var(--kba-heading)}.kba-notice--error{border-color:#fecdd3;border-inline-start-color:var(--kba-danger);background:#fff1f2;color:var(--kba-danger)}.kba-empty-state{padding:1.25rem;border:1px dashed var(--kba-control-border);border-radius:10px;background:var(--kba-muted);text-align:center}.kba-empty-state p{margin:0}.kba-login-card{max-width:560px;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--kba-border);border-radius:14px;background:var(--kba-surface);box-shadow:0 12px 30px rgba(17,63,103,.08);text-align:center}.kba-login-card__icon{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;margin-block-end:0.75rem;border-radius:50%;background:var(--kba-muted);color:var(--kba-primary-dark)}.kba-login-card__icon .kba-icon{width:30px;height:30px}.kba-login-card h2{margin-block-end:0.35rem;font-size:clamp(1.2rem, 3vw, 1.5rem)}.kba-login-card p{margin-block-end:1rem}.kba-account button[aria-busy=true],.kba-button:disabled{cursor:wait;opacity:.68}.kba-account :where(a,button,input,textarea,select):focus,.kba-login-card :where(a,button):focus{outline:0}.kba-account :where(a,button,input,textarea,select):focus-visible,.kba-login-card :where(a,button):focus-visible{outline:2px solid var(--kba-heading);outline-offset:2px;box-shadow:0 0 0 4px var(--kba-accent)}@media (min-width:880px){.kba-account__mobile-bar,.kba-account__overlay,.kba-menu-close{display:none}.kba-account__layout{grid-template-columns:252px minmax(0,1fr);align-items:start}.kba-account__sidebar,html[dir=ltr] .kba-account__sidebar{position:sticky;inset:auto;top:1rem;z-index:auto;width:auto;max-height:calc(100vh - 2rem);padding:.65rem;border:1px solid var(--kba-border);border-radius:14px;box-shadow:none;transform:none;visibility:visible}.admin-bar .kba-account__sidebar{top:3.5rem;max-height:calc(100vh - 4.5rem)}.kba-account__identity{padding-block-start:1rem}.kba-account__section-heading{display:block}}@media (max-width:640px){.kba-form-grid{grid-template-columns:1fr}.kba-panel__heading{align-items:flex-start}.kba-profile__avatar-panel .kba-panel__heading{flex-direction:column-reverse}.kba-form-actions .kba-button--primary{width:100%}}@media (prefers-reduced-motion:reduce){.kba-account *,.kba-login-card *{scroll-behavior:auto!important;transition-duration:0s!important}}@media print{.kba-account,.kba-login-card{display:none!important}}