.account-page{background:#f8f9fb;min-height:100vh}.account-header{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line,#e3e6eb)}.account-header .brand{border:0;padding:0;gap:14px;text-decoration:none;color:inherit}.account-header .brand b{font-size:20px}.account-header a{color:#53677f;text-decoration:none}.account-header #accountNav{display:flex;align-items:center;gap:20px}.account-page main{margin:0;padding:40px 32px;max-width:1280px;margin-inline:auto}.auth-card{max-width:430px;margin:5vh auto;background:white;border:1px solid #e1e5eb;border-radius:16px;padding:32px;box-shadow:0 8px 36px #26334206}.account-page h1{font-size:26px;margin:0 0 10px}.account-page p{color:#758195;line-height:1.7}.account-page label{display:grid;gap:8px;font-size:14px;margin-top:20px}.account-page input,.account-page select{width:100%;padding:11px 12px;border:1px solid #dce1e8;border-radius:8px;font:inherit;background:white;color:inherit;box-sizing:border-box}.account-page button{cursor:pointer}.account-page .primary{background:#29394a;color:white;border:1px solid #29394a;border-radius:8px;padding:12px 18px;margin-top:24px}.auth-card .primary{width:100%}.account-page .error{color:#b53d3d;min-height:22px;font-size:14px}.account-page button:disabled{opacity:.55;cursor:wait}.account-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}.account-heading .primary{margin-top:0}.account-panel{background:white;border:1px solid #e1e5eb;border-radius:14px;overflow:hidden}.account-panel td,.account-panel th{padding:17px 20px}.account-panel .actions{display:flex;gap:8px;flex-wrap:wrap}.account-panel button{font-size:13px;padding:5px 9px;white-space:nowrap}.account-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:20px}.account-page dialog{border:1px solid #dfe4eb;border-radius:16px;padding:28px;width:min(420px,calc(100vw - 48px));color:#263342;box-shadow:0 20px 80px #26334230}.account-page dialog::backdrop{background:#26334250;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{border:0;background:none;font-size:26px}#message{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #dfe4eb;background:#263342;color:white;border-radius:10px;padding:12px 20px;z-index:20}.account-page :focus-visible{outline:2px solid #6888a7;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.auth-card,.account-panel{animation:account-in .28s ease-out}.account-page button{transition:background .18s,box-shadow .18s}.account-page button:hover{box-shadow:0 3px 9px #26334212}.account-page dialog[open]{animation:account-in .2s ease-out}@keyframes account-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:650px){.account-header{padding:0 16px}.account-header #accountNav{gap:10px;font-size:13px}.account-page main{padding:28px 16px}.account-heading{flex-direction:column}.account-panel{overflow:auto}.auth-card{padding:24px;margin:3vh auto}}
