#usersView,#userCreateView{max-width:980px}
.user-create-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:0 0 20px}.user-create-heading h2{margin:4px 0 7px}.user-create-heading p{margin:0;color:var(--muted,#708078)}
.user-create-card{padding:26px 28px;border:1px solid #dbe5dd;border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(19,60,42,.06)}
.user-create-card .card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-create-card .card-heading h3{margin:5px 0 0;font-size:22px}.user-create-card .create-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#3e3029;color:#fff;font-size:23px}
.user-create-card label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#536057}.user-create-card input,.user-create-card select{width:100%;box-sizing:border-box;border:1px solid #d6ded7;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;color:#27342d}.user-create-card input:focus,.user-create-card select:focus{outline:2px solid #e1a76b;border-color:#dc8641}.user-create-card .customer-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-create-card .customer-form{gap:14px}.user-create-card .account-divider{margin:5px 0 1px}.user-create-card .account-note{margin:0;color:#829087;font-size:12px;line-height:1.5}.user-create-card .customer-save{margin-top:4px}
.customer-pool-mode:not(.editing-customer) .customer-create-card{display:none}.customer-pool-mode:not(.editing-customer) .customer-admin-grid{grid-template-columns:minmax(0,1fr)}.user-create-card .customer-form-two small,.user-editor-modal .customer-form-two small{position:static;display:block;min-height:16px;margin-top:-2px;color:#7b857d;font-size:11px;line-height:1.35;font-weight:500}
.user-editor-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(12,35,26,.48);backdrop-filter:blur(5px)}.user-editor-modal{width:min(680px,100%);max-height:min(88vh,820px);overflow:auto;border-radius:22px;background:#fff;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.28);position:relative}.user-editor-modal h2{margin:3px 0 5px}.user-editor-modal>p{margin:0 0 20px;color:#718078}.user-editor-close{position:absolute;right:18px;top:17px;border:0;background:#f2eee9;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.user-editor-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:22px}.user-editor-actions .primary-action{margin-left:auto}.user-delete-button{border:1px solid #e8aaa3;background:#fff5f3;color:#b54134;border-radius:10px;padding:11px 13px;font:700 14px inherit;cursor:pointer}.user-delete-button:hover{background:#fee5e1}@media(max-width:650px){.user-editor-overlay{padding:12px;align-items:end}.user-editor-modal{padding:22px 16px;border-radius:20px 20px 14px 14px;max-height:92vh}.user-editor-actions{align-items:stretch;flex-wrap:wrap}.user-editor-actions .primary-action{margin-left:0;flex:1}.user-delete-button{width:100%}}
@media(max-width:650px){.user-create-card{padding:20px 16px}.user-create-card .customer-form-two{grid-template-columns:1fr}.user-create-heading{display:block}.user-create-heading .customer-count{margin-top:12px}.system-user-row{grid-template-columns:36px 1fr auto;gap:9px}.system-user-row>b{grid-column:2}.system-user-row .customer-state{grid-column:2;justify-self:start}.system-user-row .customer-edit{grid-column:3;grid-row:1/3}}
.system-users-card{margin-top:20px;overflow:hidden;border:1px solid #dbe5dd;border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(19,60,42,.06)}.system-user-count{color:#718078;font-size:12px}.system-user-list{padding:3px 20px 18px}.system-user-row{display:grid;grid-template-columns:38px minmax(180px,1.2fr) minmax(130px,.8fr) auto 70px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1ee}.system-user-row:last-child{border-bottom:0}.system-user-row>div:nth-child(2){display:grid;gap:3px}.system-user-row strong{color:#27342d;font-size:13px}.system-user-row span{color:#718078;font-size:11px}.system-user-row>b{font-size:12px;color:#41644d}.system-user-row .customer-edit{padding:7px 8px;font-size:10px}
