.account-manager{--account-line:#dfe7f2;--account-soft:#f5f8fd;--account-ink:#16345b;--account-muted:#60738f}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.account-heading h2{font-size:23px;margin:8px 0}.account-heading p{margin:0;color:var(--account-muted)}.account-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#1756d6}.account-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.account-count{border:1px solid var(--account-line);background:var(--account-soft);padding:18px 20px;border-radius:12px;display:flex;align-items:center;gap:14px}.account-count strong{font-size:28px;color:var(--account-ink)}.account-count span{color:var(--account-muted);font-size:13px}.account-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:18px}.account-toolbar label:first-child{flex:1}.account-toolbar label{min-width:170px;margin:0}.account-toolbar input,.account-toolbar select{margin-top:8px}.account-toolbar>span{white-space:nowrap;color:var(--account-muted);padding-bottom:14px;font-size:12px}.account-table-wrap{overflow-x:auto;border:1px solid var(--account-line);border-radius:12px}.account-table{width:100%;border-collapse:collapse}.account-table th{background:var(--account-soft);color:var(--account-muted);font-size:11px;letter-spacing:.6px;text-transform:uppercase;padding:16px;text-align:left}.account-table td{padding:19px 16px;border-top:1px solid var(--account-line);vertical-align:middle;color:var(--account-ink)}.account-person{display:flex;gap:13px;align-items:center}.account-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#eaf1ff;color:#2456ad;font-size:13px;font-weight:700}.account-person strong{font-size:14px;display:block}.account-person small{display:block;color:var(--account-muted);margin-top:5px;font-size:12px}.account-self{font-size:10px;color:#1e58c6;background:#ecf3ff;border-radius:5px;padding:3px 6px;margin-left:6px}.account-role,.account-status{display:inline-block;padding:7px 10px;border-radius:7px;font-size:11px;white-space:nowrap;font-weight:600}.account-role{background:#edf1f8;color:#49607c}.account-integrator{background:#eaf0ff;color:#2356bc}.account-status.is-active{background:#e3f7f0;color:#087858}.account-status.is-inactive{background:#f0f2f6;color:#697688}.account-muted,.account-footnote{color:var(--account-muted);font-size:12px}.account-footnote{margin-top:18px}.account-person .account-pending{color:#916318}.account-empty{padding:38px;text-align:center;color:var(--account-muted)}.account-dialog{max-width:900px}.account-dialog .modal-head h2{margin:0}.account-dialog .modal-head p{margin:7px 0 0}.account-form-section{padding:18px 0;border-top:1px solid #dfe7f2}.account-form-section h3{font-size:14px;margin:0 0 18px}.account-form-section small{font-size:11px;font-weight:400;line-height:1.5;color:#647794}.account-role-help{font-size:13px;background:#eff5ff;color:#285493;border-radius:9px;padding:14px}.account-dialog #panel-account-form-error:empty{display:none}.account-dialog .form-actions{position:sticky;bottom:0;background:#fff;z-index:2}
[data-theme=dark] .account-manager{--account-line:#35465f;--account-soft:#152237;--account-ink:#e0ebfc;--account-muted:#a8bad3}[data-theme=dark] .account-eyebrow{color:#8ab9ff}[data-theme=dark] .account-avatar,[data-theme=dark] .account-self,[data-theme=dark] .account-integrator{background:#213c66;color:#b8d3ff}[data-theme=dark] .account-role{background:#2b3a52;color:#d5e2f5}[data-theme=dark] .account-status.is-active{background:#173f38;color:#8de7cc}[data-theme=dark] .account-status.is-inactive{background:#354052;color:#c2cbd9}[data-theme=dark] .account-person .account-pending{color:#e8c283}[data-theme=dark] .account-form-section{border-color:#35465f}[data-theme=dark] .account-form-section small{color:#adbed6}[data-theme=dark] .account-role-help{background:#213651;color:#c5dcff}[data-theme=dark] .account-dialog .form-actions{background:#1b2739}
@media(max-width:700px){.account-heading{align-items:flex-start;flex-direction:column}.account-heading>button{width:100%}.account-counts{gap:7px}.account-count{padding:12px 9px;display:block}.account-count strong{font-size:23px;display:block}.account-count span{font-size:10px}.account-toolbar{flex-wrap:wrap}.account-toolbar label{min-width:0;flex:1 1 100%}.account-toolbar>span{padding-bottom:0}.account-table{min-width:690px}.account-dialog .form-grid{grid-template-columns:1fr}.top-actions{gap:6px}.user-chip{font-size:11px}}
.account-role-picker{display:grid;gap:6px;margin-top:8px}.account-role-option{position:relative;display:flex;align-items:center;border:1px solid #dbe4f1;border-radius:9px;background:#f7faff;min-height:42px}.account-role-choice{display:flex;align-items:center;gap:9px;flex:1;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#244267;text-align:left;font:inherit;font-size:12px;cursor:pointer}.account-role-dot{width:12px;height:12px;border:1px solid #99aac2;border-radius:50%;flex-shrink:0}.account-role-choice[aria-pressed=true]{color:#1557ce;background:#eaf2ff;font-weight:700}.account-role-choice[aria-pressed=true] .account-role-dot{background:#1557ce;border-color:#1557ce;box-shadow:inset 0 0 0 3px #fff}.account-role-info{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #a9b9d0;color:#47688f;background:transparent;margin:0 10px;font-size:12px;font-weight:bold;cursor:help}.account-role-tooltip{display:none;position:absolute;right:0;top:calc(100% + 5px);width:min(310px,72vw);padding:13px 15px;border-radius:10px;background:#122a4c;color:#fff;font-size:12px;font-weight:400;line-height:1.6;box-shadow:0 8px 24px #10233f33;z-index:20;white-space:normal}.account-role-tip-wrap:hover .account-role-tooltip,.account-role-info:focus-visible+.account-role-tooltip,.account-role-info[aria-expanded=true]+.account-role-tooltip{display:block}.account-role-choice:focus-visible,.account-role-info:focus-visible{outline:2px solid #3d8aff;outline-offset:2px}[data-theme=dark] .account-role-option{background:#142238;border-color:#40516b}[data-theme=dark] .account-role-choice{color:#dbe7fa}[data-theme=dark] .account-role-choice[aria-pressed=true]{background:#25436a;color:#cce0ff}[data-theme=dark] .account-role-info{color:#bcd3f4;border-color:#647a99}[data-theme=dark] .account-role-tooltip{background:#e8f1ff;color:#142b4d}
.account-rule-switch,.account-weekdays label{display:flex;align-items:center;gap:9px;margin:18px 0}.account-rule-switch input,.account-weekdays input{width:17px!important;height:17px!important;margin:0!important;flex:0 0 17px}.account-weekdays{display:flex;flex-wrap:wrap;gap:8px 20px}.account-weekdays label{font-size:12px;margin:10px 0}.connection-ip{font-size:22px;font-weight:700;overflow-wrap:anywhere;margin:12px 0}.connection-log small{display:block;max-width:360px;overflow-wrap:anywhere}.connection-log table{min-width:650px}
.ip-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ip-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 9px 7px 12px;background:#eaf2ff;border:1px solid #c8dcff;border-radius:8px;color:#1f4d91;font-size:13px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.ip-chip button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 3px;border-radius:4px}.ip-chip button:hover{background:#cddfff}.ip-chip-input-row{display:flex;gap:10px;align-items:center}.ip-chip-input-row input{flex:1;min-width:0}.ip-chip-message:empty{display:none}.ip-chip button:focus-visible{outline:2px solid #1e65e0;outline-offset:2px}[data-theme=dark] .ip-chip{background:#203d61;border-color:#47668d;color:#daebff}[data-theme=dark] .ip-chip button:hover{background:#355783}@media(max-width:550px){.ip-chip-input-row{align-items:stretch;flex-direction:column}.ip-chip-input-row button{align-self:flex-end}}