.account-summary{display:flex;align-items:center;gap:11px;min-width:210px;justify-content:flex-end}.account-summary .user{position:static;flex:0 0 auto}.account-summary>span{display:flex;flex-direction:column;align-items:flex-end}.account-summary b{font-size:13px;color:var(--text)}.account-summary small{font-size:10px;color:var(--muted);margin-top:3px}.accounts-page{max-width:1440px;margin:auto}.accounts-hero{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;margin-bottom:18px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#172443,#283b77 58%,#5c45d9)}.accounts-hero span,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#bfcaff}.accounts-hero h2{font-size:28px;margin:8px 0 6px}.accounts-hero p{margin:0;color:#d8def4}.accounts-hero>div:last-child{min-width:112px;padding:18px;border:1px solid #ffffff33;border-radius:14px;text-align:center;background:#ffffff0e}.accounts-hero>div:last-child b,.accounts-hero>div:last-child small{display:block}.accounts-hero>div:last-child b{font-size:31px}.accounts-hero>div:last-child small{font-size:10px;color:#dce2ff;margin-top:4px}.accounts-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:18px;align-items:start}.account-form{position:sticky;top:105px}.panel-title{display:flex;gap:12px;margin-bottom:18px}.panel-title>span{width:38px;height:38px;border-radius:11px;background:#e9edff;color:#3158ff;display:grid;place-items:center;font-size:18px;font-weight:800}.panel-title h3,.account-list h3,.password-panel h3,.profile-panel h3{margin:0}.panel-title p,.account-list-head p,.password-panel p,.profile-panel p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.account-form .field{margin:15px 0}.account-form>button{width:100%;margin-top:5px}.account-list{padding:0;overflow:hidden}.account-list-head{padding:20px 22px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.account-list-head>span{margin-left:auto;border-radius:999px;background:#edf1ff;color:#3156cf;padding:6px 10px;font-size:10px;font-weight:800}.account-table{overflow:auto}.account-row{display:grid;grid-template-columns:minmax(165px,1.2fr) minmax(105px,.75fr) minmax(110px,.72fr) 88px minmax(136px,.8fr);gap:12px;align-items:center;min-width:820px;padding:13px 22px;border-bottom:1px solid var(--line)}.account-row:last-child{border-bottom:0}.account-row>span{min-width:0}.account-row>span:first-child{display:flex;align-items:center;gap:10px}.account-row>span:first-child i{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#eef1ff;color:#3156cf;font-size:11px;font-style:normal;font-weight:800}.account-row>span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-header{padding-top:10px;padding-bottom:10px;background:var(--bg);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.account-header>span:first-child{display:block}.role-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf1ff;color:#3454c3;font-style:normal;font-size:10px;font-weight:800}.role-superadmin{background:#ede7ff;color:#6842da}.role-client{background:#e8f8f1;color:#198760}.role-admin{background:#fff2df;color:#ad650c}.account-actions{display:flex;align-items:center;gap:7px}.account-actions button{padding:8px 10px;border-radius:8px;font-size:10px}.account-actions .edit-account{background:#edf2ff;color:#2454ff}.account-actions .edit-account:hover{background:#2454ff;color:#fff}.account-actions .delete-account{background:#fff0f1;color:#c92c3b}.account-actions .delete-account:hover{background:#d53645;color:#fff}.account-actions .protected-account,.account-actions .protected-account:hover{background:#f0f2f6;color:#8a93a6;cursor:not-allowed;opacity:.8}.account-edit-card{width:min(610px,94vw)}.account-modal-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.account-modal-head h2{margin:6px 0}.account-modal-head p{margin:0;color:var(--muted);font-size:12px}.account-modal-head>button{margin-left:auto;width:34px;height:34px;padding:0;background:#eef1f7;color:var(--text);font-size:20px}.account-edit-role{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.account-edit-role>span{font-size:11px;font-weight:800}.account-edit-role small{color:var(--muted);font-size:10px}.account-edit-card .field small{margin-left:5px;color:var(--muted);font-weight:500}.account-edit-note{margin-top:15px;padding:11px 13px;border-radius:9px;background:#eef4ff;color:#36558d;font-size:11px;line-height:1.45}body.dark .account-edit-note{background:#172541;color:#a9bce3}.security-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;max-width:1000px}.profile-panel{display:flex;align-items:center;gap:18px}.profile-avatar{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2858ff,#7551e7);color:#fff;font-size:20px;font-weight:900}.profile-panel .eyebrow,.password-panel .eyebrow{color:#6f7d99}.password-panel .field{margin:18px 0}.template-access-banner{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:15px 18px;border:1px solid #dce3f3;border-radius:14px;background:var(--panel)}.template-access-banner>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#3158ff;font-size:17px}.template-access-banner b,.template-access-banner small{display:block}.template-access-banner small{color:var(--muted);margin-top:4px}.template-access-banner.super-access{border-color:#d7cdfb;background:linear-gradient(90deg,var(--panel),#f3efff)}body.dark .template-access-banner.super-access{background:linear-gradient(90deg,var(--panel),#211b3d)}.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-actions .open-editor-button{width:auto}.master-edit-button{background:#ede9ff;color:#5e42c9}.master-template-card{position:relative}.master-template-card:before{content:"MASTER";position:absolute;z-index:2;top:22px;left:22px;padding:5px 8px;border-radius:999px;background:#10182ccc;color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em}@media(max-width:900px){.accounts-layout,.security-grid{grid-template-columns:1fr}.account-form{position:static}.account-summary{min-width:0}.account-summary>span{display:none}}@media(max-width:600px){.accounts-hero{padding:22px}.accounts-hero>div:last-child{display:none}.account-edit-role{grid-template-columns:1fr}.template-actions{grid-template-columns:1fr}}
.template-actions.single-action{grid-template-columns:1fr}
.account-row{grid-template-columns:minmax(155px,1.1fr) minmax(100px,.7fr) minmax(100px,.65fr) 82px 80px minmax(210px,1.25fr);gap:10px;min-width:980px}.account-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;font-style:normal}.account-status.active{background:#e4f8ee;color:#0b8053}.account-status.disabled{background:#fff0f1;color:#c62f43}.account-disabled{background:#fafbfe}.account-disabled>span:not(.account-actions){opacity:.68}.account-actions .toggle-account.disable{background:#fff5df;color:#9a6200}.account-actions .toggle-account.enable{background:#e4f8ee;color:#087c50}
