@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-family: "Manrope", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--background-color: #f8faf8;--primary-color: #0071bc;--primary-dark: #1b5e20;--secondary-color: #0f9cfa;--accent-color: #ffb300;--highlight-color: #4caf50;--danger-color: #e53935;--text-color: #2c2c2c;--text-light-color: #6e6e6e;--card-bg-color: #ffffff;--border-color: #e0e0e0;--border-radius: 12px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .16);--menu-width: 310px;--header-height: 75px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.createnewbtn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.createnewbtn:hover{transform:translateY(-2px)}.createnewbtn .material-icons{font-size:20px}.createnewbtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}.createnewbtn:disabled{opacity:.6;cursor:not-allowed}.makecursor{cursor:pointer}.departments-selector{padding:16px;background:#f8fdf9;border-radius:12px;border:2px solid #e8f5e9;max-height:300px;overflow-y:auto}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.department-chip{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500;color:#424242;position:relative;overflow:hidden}.department-chip:hover{border-color:var(--primary-color, #1976d2);background:#f1f8f4;transform:translateY(-2px);box-shadow:0 4px 8px #1976d226}.department-chip.selected{background:linear-gradient(135deg,var(--primary-color, #1976d2) 0%,var(--secondary-color, #2196f3) 100%);border-color:var(--primary-color, #1976d2);color:#fff;font-weight:600;box-shadow:0 4px 12px #1976d24d}.chip-text{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon-dept{font-size:20px;color:#fff;margin-left:8px;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.selected-count{font-size:12px;font-weight:600;color:var(--primary-color, #1976d2);background:#1976d21a;padding:2px 8px;border-radius:12px;margin-left:8px}.departments-selector::-webkit-scrollbar{width:6px}.departments-selector::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.departments-selector::-webkit-scrollbar-thumb{background:var(--primary-color, #1976d2);border-radius:10px}.departments-selector::-webkit-scrollbar-thumb:hover{background:var(--secondary-color, #2196f3)}.label-icon{font-size:20px;color:var(--primary-color, #1976d2);vertical-align:middle;margin-right:6px}.error-message{display:flex;align-items:center;gap:6px;font-size:13px;color:#d32f2f;margin-top:8px}.error-message .material-icons{font-size:16px}.form-control{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#424242;transition:all .2s ease;outline:none;font-family:inherit}.form-control:focus{border-color:var(--primary-color, #1976d2);box-shadow:0 0 0 3px #1976d21a}.form-control.error{border-color:#d32f2f}.form-control.error:focus{box-shadow:0 0 0 3px #d32f2f1a}.form-control.success{border-color:#4caf50}.form-control.success:focus{box-shadow:0 0 0 3px #4caf501a}.form-group label{font-size:14px;font-weight:600;color:#616161;margin-bottom:8px;display:flex;align-items:center;gap:6px}@media (max-width: 768px){.departments-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.department-chip{padding:8px 12px;font-size:12px}.check-icon-dept{font-size:18px}}@media (max-width: 480px){.departments-grid{grid-template-columns:1fr}.departments-selector{max-height:250px}}
