.staff-page{border-radius:22px;padding:18px;min-height:calc(100vh - 106px);overflow:hidden}.staff-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.staff-title-row h1{font-size:25px;margin:0}.staff-subtitle{font-size:10px;color:var(--muted);margin:5px 0 0}.staff-primary-actions{display:flex;gap:9px}.staff-export{height:42px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#fff;padding:0 15px;font-size:10px;font-weight:800}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.staff-main{min-width:0}.staff-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.staff-kpis article{min-height:88px;border:1px solid var(--line);border-radius:14px;background:rgba(7,25,45,.48);display:flex;align-items:center;gap:12px;padding:12px}.staff-kpis i{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:20px}.staff-kpis i.purple{color:#a279ff;background:rgba(162,121,255,.12)}.staff-kpis i.green{color:#50e15a;background:rgba(80,225,90,.1)}.staff-kpis i.orange{color:var(--orange);background:rgba(255,107,53,.11)}.staff-kpis i.blue{color:#39a0ff;background:rgba(57,160,255,.1)}.staff-kpis span,.staff-kpis strong,.staff-kpis small{display:block}.staff-kpis span{font-size:8px;color:#c4d0db}.staff-kpis strong{font-size:21px;margin:2px 0}.staff-kpis small{font-size:7px;color:var(--muted)}.staff-table-panel,.staff-detail-panel{border:1px solid var(--line);border-radius:15px;background:rgba(7,25,45,.5)}.staff-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px auto;gap:9px;padding:11px}.staff-toolbar label{height:39px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px;background:rgba(255,255,255,.025)}.staff-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:9px}.staff-toolbar select,.staff-toolbar button{height:39px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#fff;padding:0 11px;font-size:9px}.staff-toolbar option{background:#102b49}.staff-table-head,.staff-row{display:grid;grid-template-columns:1.65fr .82fr .85fr 1fr 1.25fr .72fr;gap:10px;align-items:center}.staff-table-head{height:42px;padding:0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;font-weight:800;color:#d7e0e8}.staff-row{min-height:66px;padding:7px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:.18s}.staff-row:hover,.staff-row.selected{background:rgba(255,255,255,.035)}.staff-member-cell{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px}.staff-avatar{width:39px;height:39px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#f0bd87,#7d4f30);border:1px solid rgba(255,255,255,.18);font-size:18px}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-member-cell strong,.staff-member-cell small{display:block}.staff-member-cell strong{font-size:10px}.staff-member-cell small{font-size:7px;color:var(--muted);margin-top:3px}.role-chip,.staff-status-chip{display:inline-flex;width:max-content;border-radius:7px;padding:5px 8px;font-size:8px}.role-chip{color:#8ec7ff;border:1px solid rgba(47,145,247,.38);background:rgba(47,145,247,.07)}.role-chip.captain{color:#c48cff;border-color:rgba(196,140,255,.34);background:rgba(196,140,255,.07)}.role-chip.host{color:#ff9c39;border-color:rgba(255,156,57,.36);background:rgba(255,156,57,.07)}.role-chip.bartender,.role-chip.runner{color:#28dbe2;border-color:rgba(40,219,226,.3);background:rgba(40,219,226,.06)}.staff-status-chip{gap:5px;align-items:center}.staff-status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.staff-status-chip.active{color:#50e15a;background:rgba(80,225,90,.09);border:1px solid rgba(80,225,90,.18)}.staff-status-chip.leave{color:#ff842b;background:rgba(255,132,43,.07);border:1px solid rgba(255,132,43,.28)}.staff-status-chip.off{color:#93a0af;background:rgba(147,160,175,.06);border:1px solid rgba(147,160,175,.2)}.assignment-cell,.history-cell{font-size:9px;line-height:1.55}.assignment-cell small,.history-cell small{display:block;color:var(--muted);font-size:8px}.history-cell.active{color:#fff}.history-cell.leave{color:#ff9a55}.history-cell.off{color:#aab5c0}.staff-actions{display:flex;gap:7px}.staff-actions button{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.02);font-size:13px}.staff-edit{border:1px solid #2188e8;color:#33a3ff}.staff-delete{border:1px solid #e5394b;color:#ff5261}.staff-pagination{height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}.staff-pagination>div{display:flex;gap:6px}.staff-pagination button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#fff}.staff-pagination button.active{background:var(--orange);border-color:var(--orange)}.staff-detail-panel{position:relative;padding:15px;min-height:632px}.staff-profile-head{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding-right:24px}.staff-profile-photo{width:70px;height:70px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#f0bd87,#7d4f30);display:grid;place-items:center;font-size:30px}.staff-profile-photo img{width:100%;height:100%;object-fit:cover}.staff-profile-head h2{font-size:16px;margin:0}.staff-profile-head .profile-state{margin-left:7px;font-size:8px;color:#50e15a}.staff-profile-head .role-chip{margin-top:7px}.staff-contact{border-bottom:1px solid var(--line);padding:12px 2px;font-size:8px;color:#dbe4eb;line-height:2}.staff-tabs{display:flex;gap:9px;border-bottom:1px solid var(--line)}.staff-tabs button{border:0;background:transparent;color:#c2ced9;font-size:9px;padding:11px 8px;position:relative}.staff-tabs button.active{color:var(--orange)}.staff-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}.detail-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:rgba(255,255,255,.022);margin-top:12px}.detail-card h3{font-size:9px;margin:0 0 10px}.assignment-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assignment-summary article{border:1px solid var(--line);border-radius:10px;padding:9px;display:flex;align-items:center;gap:8px}.assignment-summary i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:rgba(120,81,255,.12);color:#a77bff}.assignment-summary article+article i{background:rgba(47,145,247,.1);color:#3da2ff}.assignment-summary strong,.assignment-summary span{display:block}.assignment-summary strong{font-size:14px}.assignment-summary span{font-size:7px;color:var(--muted)}.staff-facts{margin-top:10px;border-top:1px solid var(--line);padding-top:7px}.staff-facts div,.summary-lines div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:8px}.staff-facts span,.summary-lines span{color:var(--muted)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.detail-actions button{min-height:42px;border-radius:10px;font-size:9px;font-weight:800}.detail-edit{background:#0865e8;color:#fff;border:1px solid #247bf0}.detail-leave{background:transparent;color:var(--orange);border:1px solid var(--orange)}.detail-delete{grid-column:1/-1;background:rgba(255,77,91,.06);color:#ff5c69;border:1px solid rgba(255,77,91,.55)}.history-list{display:grid;gap:8px}.history-list article{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:8px}.history-list span{color:var(--muted)}.history-list b{font-size:8px}.staff-modal,.leave-modal{position:relative;width:min(570px,94vw);border-radius:20px;padding:24px}.staff-modal h2,.leave-modal h2{font-size:23px;margin:0 0 16px}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.staff-form-grid label,.leave-modal label{display:grid;gap:6px;font-size:8px;color:var(--muted)}.staff-form-grid .wide{grid-column:1/-1}.staff-form-grid input,.staff-form-grid select,.leave-modal input,.leave-modal select,.leave-modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;padding:10px;outline:none;font:inherit;font-size:9px}.staff-form-grid option,.leave-modal option{background:#102b49}.staff-photo-upload{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.025)}.staff-photo-preview{width:82px;height:82px;border-radius:50%;overflow:hidden;border:1px dashed rgba(255,255,255,.22);display:grid;place-items:center;font-size:30px}.staff-photo-preview img{width:100%;height:100%;object-fit:cover}.staff-photo-upload>div:last-child{display:grid;gap:7px}.staff-photo-upload small{font-size:7px;line-height:1.45}.staff-photo-upload button{width:max-content;border:1px solid rgba(255,77,91,.5);background:rgba(255,77,91,.05);color:#ff6572;border-radius:8px;padding:6px 9px;font-size:7px}.leave-person{font-size:10px;color:#d7e1e9;background:rgba(255,255,255,.035);padding:10px;border-radius:10px}.leave-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 0}.leave-status-label{margin-top:11px}.leave-history{margin-top:12px;max-height:130px;overflow:auto}.leave-history article{border:1px solid var(--line);border-radius:9px;padding:8px;margin-top:7px;font-size:8px}.leave-history article strong,.leave-history article span{display:block}.leave-history article span{color:var(--muted);margin-top:3px}.empty-staff{min-height:320px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:10px}.empty-staff strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}@media(max-width:1260px){.staff-layout{grid-template-columns:minmax(0,1fr) 300px}.staff-table-head,.staff-row{grid-template-columns:1.5fr .72fr .8fr .9fr 1.1fr .7fr}.staff-kpis article{padding:9px;gap:8px}}@media(max-width:980px){.staff-layout{grid-template-columns:1fr}.staff-detail-panel{position:fixed;right:-350px;top:0;width:330px;height:100vh;overflow:auto;z-index:45;border-radius:0;background:#0a2037;transition:.25s}.staff-detail-panel.open{right:0}.staff-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.staff-page{overflow:auto}.staff-title-row{display:block}.staff-primary-actions{margin-top:12px}.staff-toolbar{grid-template-columns:1fr 1fr}.staff-toolbar label{grid-column:1/-1}.staff-table-panel{overflow:auto}.staff-table-head,.staff-row{min-width:850px}.staff-kpis{grid-template-columns:1fr 1fr}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid .wide{grid-column:auto}}@media(max-width:520px){.staff-kpis{grid-template-columns:1fr}.staff-primary-actions{display:grid;grid-template-columns:1fr 1fr}.staff-photo-upload{grid-template-columns:1fr}.staff-photo-preview{width:100%;height:150px;border-radius:12px}}