:root{--bg-gradient:linear-gradient(135deg,#052e16,#14532d 50%,#0f172a);--module-switchboard:#059669;--module-switchboard-light:#ecfdf5;--module-switchboard-dark:#065f46;--module-students:#2563eb;--module-students-light:#eff6ff;--module-students-dark:#1e40af;--module-staff:#7c3aed;--module-staff-light:#f5f3ff;--module-staff-dark:#5b21b6;--module-attendance:#e11d48;--module-attendance-light:#fff1f2;--module-attendance-dark:#9f1239;--module-mdm:#d97706;--module-mdm-light:#fffbeb;--module-mdm-dark:#92400e;--module-academics:#4f46e5;--module-academics-light:#eef2ff;--module-academics-dark:#3730a3;--module-hostel:#0284c7;--module-hostel-light:#f0f9ff;--module-hostel-dark:#0369a1;--module-assets:#0d9488;--module-assets-light:#f0fdfa;--module-assets-dark:#115e59;--module-registers:#854f2b;--module-registers-light:#fdf8f4;--module-registers-dark:#5e3416;--module-setup:#475569;--module-setup-light:#f8fafc;--module-setup-dark:#1e293b}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8fafc;color:#0f172a}.staff-modal-container{background-color:#fff;border-radius:12px;width:95%;max-width:860px;max-height:90vh;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden}.staff-modal-header{padding:14px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.staff-modal-form{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto;min-height:0}.staff-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.staff-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px 14px;gap:12px 14px}@media (max-width:768px){.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.staff-form-grid{grid-template-columns:1fr}.staff-modal-body{padding:12px 14px}}.staff-photo-section{width:100%}.staff-modal-footer{flex-shrink:0;padding:12px 20px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px;position:-webkit-sticky;position:sticky;bottom:0;z-index:10}