.tambah-departemen-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:1000}.tambah-departemen-modal{background:#fff;border-radius:18px;box-shadow:0 8px 10px 0 rgba(0,0,0,.08);width:442px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:20px;padding:28px 29px 24px;font-family:Inter,sans-serif}.tambah-departemen-modal__header{display:flex;align-items:flex-start;justify-content:space-between}.tambah-departemen-modal__title{font-weight:700;font-size:22px;line-height:1.3;color:#171e2c;margin:0}.tambah-departemen-modal__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;color:#7e8799;border-radius:4px;transition:color .15s ease,background .15s ease}.tambah-departemen-modal__close:hover{color:#171e2c;background:#f0f2f6}.tambah-departemen-modal__body{display:flex;flex-direction:column;gap:12px}.tambah-departemen-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.tambah-departemen-modal__btn{display:flex;align-items:center;justify-content:center;padding:10px 24px 12px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:1.5;cursor:pointer;transition:background .15s ease,opacity .15s ease}.tambah-departemen-modal__btn:disabled{opacity:.6;cursor:not-allowed}.tambah-departemen-modal__btn--cancel{background:#e2e5ec;color:#555f71}.tambah-departemen-modal__btn--cancel:hover:not(:disabled){background:#d5d9e4}.tambah-departemen-modal__btn--save{background:#0977be;color:#fff}.tambah-departemen-modal__btn--save:hover:not(:disabled){background:#075a8f}.tambah-departemen-form__error{padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:12px;line-height:1.5}.tambah-departemen-form__field{display:flex;flex-direction:column;gap:6px;width:100%;background:#fff}.tambah-departemen-form__label-group{display:flex;flex-direction:column;gap:2px}.tambah-departemen-form__label{font-weight:600;font-size:16px;line-height:1.4;color:#323b4d}.tambah-departemen-form__hint{font-weight:400;font-size:11px;line-height:1.5;color:#7e8799}.tambah-departemen-form__input{width:100%;padding:10px 14px 11px;background:#fff;border:1px solid #d4d9e6;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#171e2c;outline:none;transition:border-color .15s ease;box-sizing:border-box}.tambah-departemen-form__input::placeholder{color:#abb2c1}.tambah-departemen-form__input:focus{border-color:#0977be}.tambah-departemen-form__input:disabled{background:#f9fafc;cursor:not-allowed}.tambah-departemen-form__textarea{width:100%;padding:10px 14px;background:#fff;border:1px solid #d4d9e6;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#171e2c;outline:none;resize:vertical;min-height:96px;transition:border-color .15s ease;box-sizing:border-box}.tambah-departemen-form__textarea::placeholder{color:#abb2c1}.tambah-departemen-form__textarea:focus{border-color:#0977be}.tambah-departemen-form__textarea:disabled{background:#f9fafc;cursor:not-allowed}