:root{color-scheme:light;--bg:#f4f7f4;--surface:#fffdfa;--soft:#e4f1e8;--text:#17352f;--muted:#60736b;--border:#dce7df;--accent:#1f6655;--accent-soft:#e4f1e8;--danger:#a54842;--danger-soft:#faece9;--radius:16px}
[data-theme=dark]{color-scheme:dark;--bg:#101d1a;--surface:#182a25;--soft:#24493b;--text:#edf5ef;--muted:#b2c7bc;--border:#355148;--accent:#8bd3b4;--accent-soft:#24493b;--danger:#f0a39a;--danger-soft:#49302d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.9 var(--font-main),Tahoma,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-block-start:0}h1{font-size:25px;line-height:1.6}h2{font-size:18px}h3{font-size:16px}.muted,.help{color:var(--muted)}.help{font-size:12px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:20px;background:var(--surface);padding:12px;z-index:30}.skip-link:focus{inset-block-start:12px}.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100dvh}.account-sidebar{position:sticky;inset-block-start:0;height:100dvh;background:var(--surface);border-inline-end:1px solid var(--border);padding:26px 18px;display:flex;flex-direction:column;gap:26px;overflow-y:auto}.account-wordmark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800}.account-wordmark .icon{color:var(--accent)}.sidebar-person{display:flex;align-items:center;gap:12px;background:var(--bg);padding:14px 12px;border:1px solid var(--border);border-radius:13px;min-width:0}.person-copy{min-width:0}.person-copy strong{display:block;overflow-wrap:anywhere}.person-copy small{color:var(--muted)}.avatar{width:48px;height:48px;flex-shrink:0;display:inline-grid;place-items:center;background:var(--accent-soft);border:1px solid var(--border);border-radius:15px;font-size:18px;font-weight:800;object-fit:cover;color:var(--accent)}.avatar-large{width:72px;height:72px;font-size:25px;border-radius:21px}.nav-heading{margin:0 12px 10px;color:var(--muted);font-size:11px}.account-nav{display:grid;gap:6px}.account-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 13px;border-radius:10px;color:var(--muted);border:1px solid transparent}.account-nav a:hover{background:var(--soft)}.account-nav a[aria-current=page]{background:var(--accent-soft);border-color:var(--border);color:var(--accent);font-weight:800;box-shadow:inset -3px 0 var(--accent)}.sidebar-footer{margin-block-start:auto;padding-block-start:18px;border-block-start:1px solid var(--border);display:grid;gap:10px}.sidebar-footer>a,.logout-button{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 13px;border-radius:10px}.logout-button{width:100%;border:1px solid var(--danger);background:transparent;color:var(--danger);text-align:start}.account-main{min-width:0;padding:0 clamp(20px,4vw,64px) 44px;max-width:1440px;width:100%;margin-inline:auto}.account-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:82px;border-block-end:1px solid var(--border);margin-block-end:28px}.account-topbar p{margin:0;color:var(--muted);font-size:12px}.account-topbar strong{font-size:14px}.topbar-tools{display:flex;gap:8px;align-items:center}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px}.mobile-toggle{display:none}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-block-end:23px}.page-heading h1{margin-block-end:5px}.page-heading p{color:var(--muted);max-width:620px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:10px;border:1px solid transparent;background:var(--accent);color:var(--surface);font-weight:700;font-size:13px;flex-shrink:0}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}[data-theme=dark] .button:not(.secondary){color:#10291f}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.card h2{margin-block-end:8px}.card p{color:var(--muted);margin-block-end:18px}.card>p:last-child{margin-block-end:0}.identity-card,.completion-card{grid-column:1/-1}.identity-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.identity-summary{display:flex;align-items:center;gap:18px;min-width:0}.identity-summary>div{min-width:0}.identity-summary h2{font-size:21px;margin-block-end:3px;overflow-wrap:anywhere}.identity-email{display:block;direction:ltr;text-align:start;unicode-bidi:plaintext;overflow-wrap:anywhere;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);padding:3px 10px;border-radius:30px;font-size:11px;white-space:normal}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.completion-card{background:var(--soft);border-inline-start:3px solid var(--accent)}.completion-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.completion-heading h2{font-size:16px}.completion-card progress{display:block;width:100%;height:9px;appearance:none;border:0;border-radius:9px;overflow:hidden;margin-block:14px 18px;background:var(--border)}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.completion-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.completion-bottom p{margin:0}.card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--accent);margin-block-end:16px}.product-head{display:flex;align-items:center;gap:13px;margin-block-end:16px}.product-head img{width:54px;height:54px;border:1px solid var(--border);border-radius:13px;object-fit:contain;background:white}.product-head h2{margin:0}.product-head small{color:var(--muted)}.product-card .badge{margin-block-end:18px}.product-card .button{width:100%;margin-block-start:8px}.security-lines{display:grid;gap:0;margin-block-end:18px}.security-line{display:flex;justify-content:space-between;gap:15px;padding-block:12px;border-block-end:1px solid var(--border);font-size:12px}.security-line span{color:var(--muted)}.security-line strong{font-weight:600}.empty-account{padding:36px 26px;text-align:center}.empty-account .card-icon{margin-inline:auto}.empty-account p{max-width:460px;margin-inline:auto}.account-form{max-width:820px}.form-section{border-block-end:1px solid var(--border);padding-block-end:20px;margin-block-end:24px}.form-section:last-of-type{border:0;margin-block-end:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:700;margin-block-end:7px}.field label small{font-weight:400;color:var(--muted)}.field input:not([type=file]){display:block;width:100%;height:48px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);padding:10px 12px}.field input[type=file]{display:block;width:100%;min-height:48px;font-size:12px}.field input[aria-invalid=true]{border-color:var(--danger)}.field .help{display:block;margin-block-start:7px}.field-error{color:var(--danger);font-size:12px;display:block;min-height:0}.field-error:not(:empty){margin-block-start:6px}.avatar-editor{display:flex;align-items:center;gap:20px;margin-block-end:14px}.avatar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:10px}.form-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-block-start:1px solid var(--border);padding-block-start:20px;margin-block-start:20px}.save-message{font-size:13px;margin:0}.save-message.error{color:var(--danger)}.save-message.success{color:var(--accent)}.unsaved-label{color:var(--muted);font-size:12px}.session-notice{margin-block-end:18px;border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:12px 16px;font-size:12px;color:var(--muted)}.account-loading{max-width:1050px;margin:70px auto;padding:24px;color:var(--muted)}.skeleton{min-height:190px;background:var(--soft);border:1px solid var(--border);border-radius:var(--radius)}.skeleton-title{min-height:90px;margin-block:20px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skeleton-grid>.skeleton:first-child{grid-column:1/-1}.menu-backdrop{display:none}.mobile-close{display:none}[hidden]{display:none!important}.security-page{max-width:820px}.security-page .logout-button{max-width:220px;margin-block-start:24px}.security-page .help{margin-block-start:18px}
@media(max-width:900px){.account-layout{grid-template-columns:minmax(0,1fr)}.account-main{padding-inline:22px}.account-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:22;width:min(300px,86vw);height:100dvh;transform:translateX(110%);visibility:hidden;transition:transform .18s ease,visibility .18s}.menu-open .account-sidebar{transform:none;visibility:visible}.menu-open{overflow:hidden}.mobile-toggle,.mobile-close{display:inline-grid}.mobile-close{position:absolute;inset-inline-end:14px;inset-block-start:18px}.account-wordmark{padding-inline-end:35px}.menu-open .menu-backdrop{display:block;position:fixed;inset:0;z-index:21;background:#071a1366;border:0;width:100%;height:100%}.account-topbar{margin-block-end:24px}.topbar-tools>a{display:none}}
@media(max-width:600px){.account-main{padding-inline:16px;padding-block-end:28px}.account-topbar{min-height:76px}.account-grid,.form-grid,.skeleton-grid{grid-template-columns:minmax(0,1fr)}.card{padding:20px}.page-heading{display:block}.page-heading .button{margin-block-start:16px}.page-heading h1{font-size:23px}.identity-card{display:block}.identity-card>.badge{margin-block-start:18px}.identity-summary{align-items:flex-start;gap:13px}.avatar-large{width:60px;height:60px}.identity-summary h2{font-size:18px}.completion-bottom{display:block}.completion-bottom .button{margin-block-start:16px;width:100%}.completion-heading{align-items:flex-start}.avatar-editor{align-items:flex-start;gap:14px}.form-footer{align-items:stretch;flex-direction:column}.form-footer>.button{width:100%}.security-line{align-items:flex-start;flex-wrap:wrap}.security-line strong{overflow-wrap:anywhere}.account-loading{margin-block:20px}}
.form-fields{border:0;padding:0;margin:0;min-inline-size:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}