.management-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.management-toolbar label{margin:0}.management-toolbar select{width:auto;min-width:180px}.management-toolbar input{width:170px}.management-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.management-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:white}.management-card strong{display:block;color:var(--brand-primary);font-size:30px;margin-top:12px}.management-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.management-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto}.management-list button{text-align:right}.management-detail{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;min-width:0}.management-detail p{overflow-wrap:anywhere;white-space:pre-wrap}.management-filter{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:12px;align-items:end;margin-bottom:20px}.management-filter label{margin:0 0 8px}.management-filter .action-row{grid-column:1/-1;margin:0}.permission-choices{display:flex;flex-direction:column;gap:8px}.permission-choices label{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:12px}.permission-choices input{width:18px;height:18px;flex-shrink:0}.management-note{border-right:3px solid #216ca8;padding:12px;background:#f4f7fc;margin:12px 0;border-radius:8px}.management-note p{margin:6px 0}.announcement-item{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.announcement-item p{white-space:pre-wrap;overflow-wrap:anywhere}.management-money{display:flex;gap:12px;flex-wrap:wrap}.management-money span{padding:14px;background:#f4f7fc;border-radius:10px}.management-list .ticket-item{flex-shrink:0}.management-records-page{display:flex;justify-content:space-between;margin:18px 0}.management-detail h2{overflow-wrap:anywhere;line-height:1.8}@media(max-width:700px){.management-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.management-layout{grid-template-columns:1fr}.management-list{flex-direction:row;max-height:none;overflow:auto}.management-list button{flex:0 0 220px}.management-filter{grid-template-columns:minmax(0,1fr)}.management-filter .action-row{grid-column:auto}.management-detail{padding:18px}.management-toolbar>*{min-width:0!important;max-width:100%}.management-card{padding:16px}.management-card strong{font-size:25px}body.signed-in .topbar{height:auto;min-height:78px;gap:12px;padding-top:12px;padding-bottom:12px}#account{flex-wrap:wrap;justify-content:flex-end;max-width:65%}#account button{font-size:10px;padding:8px 10px}}

#management-workspace{max-width:1350px;margin:0 auto;padding:30px}#management-workspace .page-heading>div{min-width:0}#management-workspace .page-heading h1,#management-workspace .page-heading p{overflow-wrap:anywhere;white-space:normal}@media(max-width:700px){#management-workspace{padding:24px 18px}}

.management-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.management-shortcuts button{padding:18px 12px;font-size:14px;line-height:1.7}@media(max-width:700px){.management-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.permission-group{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafdff}.permission-group summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.permission-count{color:#69728a;font-size:11px;direction:ltr}.permission-group-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.permission-select-all{margin-top:12px!important;padding-bottom:10px;border-bottom:1px solid var(--line)}

.permission-group summary strong::before{content:"▸";display:inline-block;margin-left:10px}.permission-group[open] summary strong::before{content:"▾"}

#employee-create-dialog{width:1140px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;overflow:auto}
.employee-create-heading{padding:24px 28px;border-bottom:1px solid var(--line);gap:16px;align-items:flex-start;background:white}
.employee-create-heading p{margin:8px 0 0}
.employee-create-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:24px 28px;align-items:start;background:#f7f9fd}
.employee-data-panel,.employee-permissions-panel{min-width:0;padding:22px;background:white;border:1px solid var(--line);border-radius:14px}
.employee-create-layout h3{margin:0 0 14px;font-size:18px}
.employee-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.employee-fields label{margin:0 0 8px}
.employee-fields input,.employee-fields select{min-width:0;min-height:46px}
.employee-field-wide{grid-column:1/-1}
#employee-password-hint{display:block;color:var(--muted);font-size:11px;line-height:1.8;margin-top:8px}
#employee-create-dialog .permission-group{padding:14px}
#employee-create-dialog .permission-group summary{font-size:15px;align-items:center;min-height:26px}
#employee-create-dialog .permission-group-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
#employee-create-dialog .permission-choices label{font-size:13px;line-height:1.8}
.employee-create-footer{position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:white}
#employee-create-dialog .employee-create-footer .primary{width:auto;min-width:210px;margin:0}
.employee-create-footer .form-error{flex-basis:100%;margin:0}
@media(max-width:850px){.employee-create-layout{grid-template-columns:1fr}}
@media(max-width:520px){#employee-create-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.employee-create-heading{padding:18px}.employee-create-layout{padding:16px;gap:16px}.employee-data-panel,.employee-permissions-panel{padding:16px}.employee-fields{grid-template-columns:1fr}.employee-create-footer{padding:14px 18px}#employee-create-dialog .employee-create-footer .primary{width:100%}#employee-create-dialog .permission-group-options{grid-template-columns:1fr}}
/* Employee directory follows the shared right-list / left-detail workspace. */
#management-workspace:has(.management-employees-layout){max-width:1600px}
.management-employees-layout{grid-template-columns:minmax(430px,.95fr) minmax(0,1.15fr);gap:24px;align-items:start;direction:rtl}
.employee-list-panel{min-width:0;position:sticky;top:18px;background:white;border:1px solid var(--line);border-radius:16px;padding:16px}
.employee-list-panel .sidebar-heading{padding:4px 0 16px}.employee-list-panel h2{font-size:16px;margin:0}
#management-employee-list{display:block;max-height:65vh;overflow:auto;border:1px solid #e5ebef;border-radius:10px;padding:0}
#management-employee-list th:first-child{width:30%}#management-employee-list th:nth-child(2){width:16%}#management-employee-list th:nth-child(3){width:32%}
.employee-list-toolbar{display:flex;align-items:end;gap:20px;margin-bottom:22px}.employee-list-toolbar>div{max-width:460px;flex:1}.employee-list-toolbar label{margin:0 0 8px}
.employee-profile{margin-bottom:22px}.employee-profile p{margin:8px 0}.management-employees-layout .permission-group-options{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}
@media(max-width:1100px){.management-employees-layout{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr);gap:16px}.employee-list-panel{padding:10px}}
@media(max-width:800px){.management-employees-layout{grid-template-columns:minmax(0,1fr)}.employee-list-panel{position:static}#management-employee-list{max-height:360px}.employee-list-toolbar{align-items:stretch;flex-wrap:wrap;gap:12px}.employee-list-toolbar>div{flex-basis:100%;max-width:none}.management-employees-layout .permission-group-options{grid-template-columns:minmax(0,1fr)}}