.account-entry{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6d4b40;border-radius:8px;color:#f2b099;background:#34241f;padding:8px 13px;font-size:12px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}
[data-nav="accounts"][hidden]{display:none!important}
.account-layout{display:grid;grid-template-columns:minmax(280px,470px) 1fr;gap:8%;align-items:center;max-width:1080px;padding-top:10px}
.account-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:27px}
.account-panel h2{font-size:18px;font-weight:600;margin:0 0 22px}
.account-panel p{color:var(--muted);font-size:12px;line-height:1.8}
.account-switch{display:flex;gap:26px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.account-switch a{font-size:15px;color:var(--muted);padding:0 3px 14px;border-bottom:2px solid transparent}
.account-switch a.active{color:var(--accent);border-color:var(--accent)}
.account-field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;font-size:12px;color:#c9cbd1;min-width:0}
.account-field input,.account-field select,.account-search input{width:100%;min-width:0;background:#111317;border:1px solid #383c45;color:var(--text);border-radius:7px;padding:12px 13px;font:inherit;outline:none}
.account-field input:focus,.account-field select:focus,.account-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff795419}
.account-field input::placeholder,.account-search input::placeholder{color:#737884}
.account-panel .account-form-error{margin:0 0 14px;color:#ff9a80;font-size:12px;line-height:1.6;min-height:0}
.account-form-error:empty{display:none}
.account-panel button:disabled{opacity:.45;cursor:wait}
.account-aside{max-width:385px;padding:30px 0}
.account-aside h2{font-size:36px;line-height:1.45;font-weight:580;letter-spacing:1px;margin:20px 0}
.account-aside p{font-size:14px;line-height:2;color:var(--muted);margin-bottom:24px}
.account-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 27px}
.account-toolbar>.result-note{margin:0 0 0 auto}
.account-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.account-settings .account-danger{grid-column:1/-1;max-width:100%}
.account-settings .account-danger form{max-width:440px}
.account-import{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px}
.account-import p{width:100%;margin:0 0 3px}
.account-panel .text-link,.account-table .text-link{background:none;border:0;cursor:pointer;font-size:12px;padding:5px 0}
.account-panel .account-hint{font-size:11px;margin:13px 0 0}
.account-danger{border-color:#513832}
.account-danger h2{color:#e4aaa0}
.danger-button{background:#452724;color:#ffc3b7;border:1px solid #75443b;border-radius:7px;padding:11px 17px;font:inherit;font-size:12px;cursor:pointer}
.danger-button:hover{background:#62352d}
.account-search{display:flex;align-items:center;gap:9px;flex:1;max-width:420px}
.account-search input{font-size:12px;padding:10px 12px}
.account-search button{flex:none}
.account-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.account-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}
.account-table th{padding:16px 20px;color:var(--muted);font-size:11px;font-weight:500;background:#202228}
.account-table td{padding:17px 20px;border-top:1px solid var(--line);color:#c3c7d0}
.account-table td strong{display:block;color:var(--text);font-size:13px;font-weight:500;margin-bottom:5px}
.account-table td small{font-size:11px;color:var(--muted)}
.account-status{color:#9dcab5;background:#23352f;padding:4px 9px;border-radius:4px;font-size:11px}
.account-status.disabled{color:#c7a69a;background:#372b27}
.account-editor{margin-bottom:25px}
.account-editor .section-heading h2{margin:0}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}
.account-delete-details{border-top:1px solid #49332e;margin-top:26px;padding-top:19px;color:#dfa89c;font-size:12px}
.account-delete-details summary{cursor:pointer;padding:3px 0}
.account-delete-details form{max-width:430px;margin-top:17px}
@media(max-width:900px){.account-layout{gap:30px}.account-aside h2{font-size:26px}.account-settings{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.account-entry{font-size:10px;max-width:65px;padding:7px 8px}.account-layout{grid-template-columns:minmax(0,1fr);gap:0}.account-aside{padding:26px 7px}.account-aside h2{font-size:24px;margin:15px 0}.account-aside p{font-size:12px}.account-panel{padding:20px;border-radius:10px}.account-panel h2{font-size:16px}.account-form-grid{grid-template-columns:minmax(0,1fr)}.account-toolbar{gap:9px}.account-toolbar>.result-note{margin:0;width:100%}.account-toolbar .primary-button,.account-toolbar .secondary-button{font-size:11px;padding:9px 12px}.account-table td,.account-table th{padding:13px}.account-search{max-width:none}.account-field input,.account-field select{font-size:16px}#navigation a{padding:8px;min-width:46px}#navigation [data-nav="accounts"]{display:none!important}}
