body{background:#eef3f7}.hidden{display:none!important}.staff-subtitle{font-size:12px;opacity:.78;margin-top:3px}.staff-user{display:flex;align-items:center;gap:14px}.btn-light{background:#fff;color:#17344e}.staff-container{width:min(1380px,calc(100% - 28px));padding-top:26px}.staff-login{min-height:calc(100vh - 120px);display:grid;place-items:center}.login-card{width:min(440px,100%);padding:34px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#3d6382}.form-stack{display:grid;gap:16px;margin-top:22px}.form-stack label,.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:800}.form-stack input,.form-grid input,.table-toolbar input,.table-toolbar select{border:1px solid #cad6df;border-radius:8px;padding:11px 12px;font:inherit;background:#fff;outline:none}.form-stack input:focus,.form-grid input:focus,.table-toolbar input:focus,.table-toolbar select:focus{border-color:#4e7695;box-shadow:0 0 0 3px rgba(78,118,149,.12)}.btn-wide{width:100%}.form-message{min-height:18px;font-size:12px;color:#a52222}.staff-heading,.section-head,.modal-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.staff-heading{margin-bottom:18px}.staff-heading h1,.section-head h2,.modal-title h2{margin:0 0 5px}.staff-metrics{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:18px}.staff-metric{background:#fff;border:1px solid #d8e1e8;border-radius:11px;padding:15px}.staff-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#607383;font-weight:800}.staff-metric strong{display:block;font-size:24px;color:#173a58;margin-top:7px}.staff-metric small{display:block;margin-top:4px;color:#758592;font-size:10px}.staff-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 14px}.staff-tab{white-space:nowrap;border:1px solid #d0dce5;background:#e8eef3;color:#345066;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer}.staff-tab.active{background:#173a58;color:#fff;border-color:#173a58}.staff-section{margin-bottom:20px}.table-toolbar{display:flex;gap:10px;margin:18px 0 12px}.table-toolbar input{flex:1}.table-toolbar select{min-width:150px}.table-wrap{overflow:auto;border:1px solid #d9e2e8;border-radius:9px}.table-wrap table{border-collapse:collapse;width:100%;min-width:1040px;font-size:12px}.table-wrap th,.table-wrap td{padding:9px 10px;border-bottom:1px solid #e3e9ee;text-align:left;vertical-align:middle}.table-wrap th{background:#eef3f6;color:#435c70;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.table-wrap tr:last-child td{border-bottom:0}.person-main{font-weight:800;color:#213b50}.person-sub{font-size:10px;color:#748491;margin-top:2px}.status-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.status-badge.active{background:#e4f4e9;color:#166339}.status-badge.inactive{background:#f9e6e6;color:#9a2828}.status-badge.online{background:#e6f0fb;color:#245f91;margin-left:4px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.mini-btn{border:1px solid #ccd8e0;background:#fff;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer}.mini-btn.danger{color:#9c2828;border-color:#e6caca}.mini-btn.ok{color:#166239}.library-box{border:1px dashed #b9c8d4;background:#f8fafb;border-radius:10px;padding:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-box input{flex:1;min-width:260px}.modal{position:fixed;inset:0;background:rgba(15,29,41,.62);z-index:1000;display:grid;place-items:center;padding:18px}.modal-card{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.28);padding:24px}.modal-card.small{width:min(500px,96vw)}.account-modal{width:min(720px,96vw)}.detail-modal{width:min(1180px,96vw)}.icon-btn{border:0;background:#e8edf1;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.detail-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.detail-metric{border:1px solid #dce4ea;border-radius:9px;padding:12px}.detail-metric span{display:block;color:#6d7e8b;font-size:10px;text-transform:uppercase;font-weight:800}.detail-metric strong{display:block;margin-top:5px;font-size:20px;color:#173a58}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-list{max-height:340px;overflow:auto}.detail-item{padding:8px 0;border-bottom:1px solid #e7ecf0;font-size:12px}.detail-item:last-child{border-bottom:0}.activity-json{max-width:260px;white-space:pre-wrap;word-break:break-word;color:#657683;font-size:10px}@media(max-width:1180px){.staff-metrics{grid-template-columns:repeat(4,1fr)}.detail-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.staff-container{width:min(100% - 16px,1380px)}.staff-metrics{grid-template-columns:repeat(2,1fr)}.staff-heading,.section-head{flex-direction:column}.table-toolbar{flex-direction:column}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detail-summary{grid-template-columns:repeat(2,1fr)}}