@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0;font-family:Poppins,sans-serif}body{font-family:inter,sans-serif;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f6f6f6}a{text-decoration:none}button{border:none;cursor:pointer}input{outline:0;background:#fff;width:100%;border:2px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus{border-color:#13005a}textarea:focus{border-color:#13005a}.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.6) calc(50% - .5px),rgba(183,210,246,.6) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.6) calc(50% - .5px),rgba(183,210,246,.6) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 40%,#b7d2f64d,#b7d2f680),linear-gradient(to bottom,#fff 25%,#c2d8f9 95%);background-size:32px 32px,32px 32px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;animation:gridMove 8s linear infinite;width:100%;min-height:100vh;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden!important}.login-card{background:#fff;padding:30px;border-radius:14px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;height:auto;display:flex;flex-direction:column}.login-card input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.login-card .logo{width:150px;margin:0 auto 25px;display:block}.login-card h2{font-size:17px;color:#0165b9;font-weight:700;text-align:center;padding-bottom:5px}.login-card h2 .highlight{color:#2ea1d8}.login-card h3{font-size:14px;text-align:center}.login-card .sub-text{font-size:13px;font-weight:600;margin-bottom:40px;text-align:center}.login-card .section-input{display:flex;flex-direction:column;width:100%}.login-card .section-input .label-input{font-size:13px;font-weight:600}.login-card .section-input input,.login-card .section-input .input{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;border-radius:6px;font-family:Inter,sans-serif;font-size:13px}.login-card .section-input select,.login-card .section-input option{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;font-size:13px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:18px;font-family:Inter,sans-serif;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff}.login-card .section-input select:focus,.login-card .section-input option:focus{outline:none;border-color:#0066afcc}.login-card .section-input .section-input-password{display:flex;flex-direction:column}.login-card .section-input .section-input-password .input-password{position:relative;display:inline-block}.login-card .section-input .section-input-password .input-password input{padding-right:30px;box-sizing:border-box}.login-card .section-input .section-input-password .input-password span{position:absolute;top:43%;right:10px;transform:translateY(-50%);cursor:pointer}.login-card .section-input .section-input-password .input-password span svg{width:20px;height:20px;color:#1c85b7}.login-card .section-input .section-input-password p{padding:0;margin:0;font-size:.8rem;color:#0263b7;text-decoration:none}.login-card .section-input .section-input-password p:hover{color:#2ea1d8}.login-card .section-input .otp-inputs{display:flex;gap:8px;justify-content:center;margin-top:10px}.login-card .section-input .otp-inputs .otp-input{width:45px!important;height:45px!important;text-align:center;font-size:18px!important;font-weight:700;border:2px solid #2ea1d8!important;border-radius:8px!important;background-color:#fff;color:#333;font-family:Poppins,sans-serif;transition:all .2s ease}.login-card .section-input .otp-inputs .otp-input:focus{outline:none;border-color:#0165b9!important;box-shadow:0 0 0 3px #2ea1d833;transform:scale(1.05)}.login-card .section-input .otp-inputs .otp-input:hover{border-color:#0165b9}.login-card button{justify-content:center;margin:20px auto 0;background:#0263b7;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;width:100%;max-width:200px;height:45px}.login-card button:hover{background:#1976d2}.login-card .auth-text{font-size:13px;margin-top:20px;margin-bottom:0;text-align:center;text-decoration:none}.login-card .auth-text span{cursor:pointer;text-decoration:underline;color:#0263b7}.login-card .auth-text span:hover{color:#2ea1d8}.login-card .alert-overlay{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;z-index:9999;pointer-events:none}.login-card .alert{background-color:#fef3f2;color:red;font-size:15px;padding:3px 8px;margin-top:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0003;width:-moz-fit-content;width:fit-content;height:50px;text-align:center;pointer-events:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .5s ease-in-out}.login-card .alert.error{border:1px solid #f44336}.login-card .alert.fade-out{opacity:0}.login-card .alert.success{background-color:#f0f9ff;color:#0891b2;border:1px solid #0891b2}@media (max-width: 1440px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 35%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 20%,#c2d8f9 90%);background-size:22px 22px,22px 22px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}.login-card{background:#fff;padding:30px;border-radius:14px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;height:auto;display:flex;flex-direction:column}.login-card .logo{width:80px;margin:0 auto 25px;display:block}.login-card h2{font-size:17px;color:#0165b9;font-weight:700;text-align:center;padding-bottom:5px}.login-card h2 .highlight{color:#2ea1d8}.login-card h3{font-size:14px;text-align:center}.login-card .sub-text{font-size:13px;font-weight:600;margin-bottom:40px;text-align:center}.login-card .section-input{display:flex;flex-direction:column;width:100%;gap:8px}.login-card .section-input .label-input{font-size:13px;font-weight:600}.login-card .section-input input{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;border-radius:6px;font-size:13px}.login-card button{justify-content:center;margin:35px auto 0;background:#0263b7;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;width:100%;max-width:200px;height:45px}.login-card button:hover{background:#1976d2}}@media (max-width: 1280px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 20%,#c2d8f9 90%);background-size:22px 22px,22px 22px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}@media (max-width: 1024px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 18%,#c2d8f9 88%);background-size:30px 30px,30px 30px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}@media (max-width: 800px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 15%,#c2d8f9 85%);background-size:30px 30px,30px 30px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}@media (max-width: 480px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 12%,#c2d8f9 82%);background-size:27px 27px,27px 27px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}@media (max-width: 380px){.login-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 12%,#c2d8f9 82%);background-size:23px 23px,23px 23px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}.kanban-request-table{width:87vw;padding:23px 48px 23px 30px;border-radius:8px;font-family:Poppins,sans-serif}.kanban-request-table .table-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.kanban-request-table .table-header h2{font-size:28px;font-style:italic;font-weight:600}.kanban-request-table .table-header .create-button{padding:5px 15px;display:flex;background-color:#374dd6;height:45px;align-items:center;justify-content:center;color:#fff;border:none;border-radius:6px;font-size:20px;font-weight:600;cursor:pointer;gap:13px;text-decoration:none}.kanban-request-table .table-header .create-button img{width:16px;height:16px}.kanban-request-table .table-header .create-button:hover{background-color:#576bf0}.kanban-request-table .search-container{position:relative;display:inline-block}.kanban-request-table .search-container .search-icon{position:absolute;top:37%;left:13px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.kanban-request-table .search-container input{width:350px;height:40px;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(0,0,0,.35);border-radius:12px;font-size:14px}.kanban-request-table .search-container input::-moz-placeholder{color:#999}.kanban-request-table .search-container input::placeholder{color:#999}.kanban-request-table .search-container input:focus{outline:none;border-color:#0066af;box-shadow:0 0 0 2px #0066af1a}.kanban-request-table .table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.kanban-request-table .table-container .data-table{width:100%;border-collapse:collapse}.kanban-request-table .table-container .data-table thead th{background-color:#0066af;padding:.75rem;text-align:center;color:#fff;font-size:18px;font-weight:600;border:none}.kanban-request-table .table-container .data-table tbody tr{height:65px;transition:background-color .2s ease}.kanban-request-table .table-container .data-table tbody tr:hover{background-color:#f8f9fa}.kanban-request-table .table-container .data-table tbody tr td{padding:.65rem;border-bottom:1px solid #ddd;font-size:17px;text-align:center;vertical-align:middle}.kanban-request-table .table-container .data-table tbody tr .status{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 13px;border-radius:5px;font-size:14px;font-weight:600;height:35px;min-width:120px;text-transform:capitalize}.kanban-request-table .table-container .data-table tbody tr .status.approved_by_pc,.kanban-request-table .table-container .data-table tbody tr .status.approved.by.pc{background-color:#0fbe1b;color:#fff}.kanban-request-table .table-container .data-table tbody tr .status.approved_by_department,.kanban-request-table .table-container .data-table tbody tr .status.approved.by.department{background-color:#ea7e18;color:#fff}.kanban-request-table .table-container .data-table tbody tr .status.pending_pc,.kanban-request-table .table-container .data-table tbody tr .status.pending.pc,.kanban-request-table .table-container .data-table tbody tr .status.pending_approval,.kanban-request-table .table-container .data-table tbody tr .status.pending.approval,.kanban-request-table .table-container .data-table tbody tr .status.pending_department,.kanban-request-table .table-container .data-table tbody tr .status.pending.department{background-color:#7e29ed;color:#fff}.kanban-request-table .table-container .data-table tbody tr .status.rejected_by_department,.kanban-request-table .table-container .data-table tbody tr .status.rejected.by.department,.kanban-request-table .table-container .data-table tbody tr .status.rejected_by_pc,.kanban-request-table .table-container .data-table tbody tr .status.rejected.by.pc{background-color:#ed1010;color:#fff}.kanban-request-table .table-container .data-table tbody tr .actions{height:65px;display:flex;justify-content:center;gap:8px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{border:none;border-radius:6px;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:35px;height:35px;transition:background-color .2s ease}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:20px;height:20px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.view-button{background-color:#219cdf;color:#fff}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.view-button:hover{background-color:#4ebefa}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.approve-button{background-color:#0fbe1b;color:#fff}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.approve-button:hover{background-color:#14d721}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.reject-button{background-color:#ed1010;color:#fff}.kanban-request-table .table-container .data-table tbody tr .actions .action-button.reject-button:hover{background-color:#f44545}.kanban-request-table .table-container .data-table tbody tr .actions .action-button:disabled{opacity:.5;cursor:not-allowed}.kanban-request-table .table-container .data-table tbody .empty-row{text-align:center;color:#999;font-size:15px;padding:2rem;font-style:italic}.kanban-request-table .pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap}.kanban-request-table .pagination .pagination-button{padding:.3rem .8rem;background:transparent;border:1px solid #0066af;color:#0066af;cursor:pointer;border-radius:8px;font-size:16px;transition:all .2s ease;min-width:40px}.kanban-request-table .pagination .pagination-button:hover:not(:disabled){background-color:#0066af;color:#fff}.kanban-request-table .pagination .pagination-button:disabled{opacity:1.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.kanban-request-table .pagination .pagination-button.active{background-color:#0066af;color:#fff;font-weight:700}.kanban-request-table .pagination .pagination-button.previous,.kanban-request-table .pagination .pagination-button.next,.kanban-request-table .pagination .pagination-button.previos-icon,.kanban-request-table .pagination .pagination-button.next-icon{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;text-align:center;gap:8px;font-weight:500}@media (max-width: 1700px){.kanban-request-table{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.kanban-request-table::-webkit-scrollbar{display:none}.kanban-request-table .table-header h2{font-size:23px}.kanban-request-table .table-header .create-button{height:35px;font-size:16px}.kanban-request-table .table-container .data-table thead th{font-size:15px}.kanban-request-table .table-container .data-table tbody tr{height:50px}.kanban-request-table .table-container .data-table tbody tr td{font-size:15px}.kanban-request-table .table-container .data-table tbody tr .status{font-size:11px;height:30px;min-width:100px}.kanban-request-table .table-container .data-table tbody tr .actions{height:53px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{width:30px;height:30px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:15px;height:15px}.kanban-request-table .pagination .pagination-button{font-size:13px}}@media (max-width: 1440px){.kanban-request-table{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.kanban-request-table::-webkit-scrollbar{display:none}.kanban-request-table .table-header h2{font-size:23px}.kanban-request-table .table-header .create-button{height:35px;font-size:16px}.kanban-request-table .search-container input{height:40px}.kanban-request-table .table-container .data-table thead th{font-size:15px}.kanban-request-table .table-container .data-table tbody tr{height:50px}.kanban-request-table .table-container .data-table tbody tr td{font-size:15px}.kanban-request-table .table-container .data-table tbody tr .status{font-size:11px;height:30px;min-width:100px}.kanban-request-table .table-container .data-table tbody tr .actions{height:53px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{width:30px;height:30px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:15px;height:15px}.kanban-request-table .pagination .pagination-button{font-size:13px}}@media (max-width: 1280px){.kanban-request-table{width:82vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.kanban-request-table::-webkit-scrollbar{display:none}.kanban-request-table .table-header h2{font-size:23px}.kanban-request-table .table-header .create-button{height:35px;font-size:16px}.kanban-request-table .table-container .data-table thead th{font-size:13px}.kanban-request-table .table-container .data-table tbody tr{height:50px}.kanban-request-table .table-container .data-table tbody tr td{font-size:13px}.kanban-request-table .table-container .data-table tbody tr .status{font-size:11px;height:30px;min-width:80px}.kanban-request-table .table-container .data-table tbody tr .actions{height:53px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{width:25px;height:25px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:12px;height:12px}.kanban-request-table .pagination .pagination-button{font-size:12px;padding:.4rem .6rem}}.kanban-request-table .loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem}.kanban-request-table .loading-spinner:after{content:"";width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #0066af;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.kanban-request-table{width:100vw;padding:30px}.kanban-request-table .table-container .data-table thead th{font-size:13px}.kanban-request-table .table-container .data-table tbody tr{height:50px}.kanban-request-table .table-container .data-table tbody tr td{font-size:13px}.kanban-request-table .table-container .data-table tbody tr .status{font-size:11px;height:30px;min-width:80px}.kanban-request-table .table-container .data-table tbody tr .actions{height:60px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{margin-top:4px;width:30px;height:30px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:15px;height:15px}}@media (max-width: 800px){.kanban-request-table{width:100vw;padding:30px}.kanban-request-table .search-container .search-input{width:350px}.kanban-request-table .table-container .data-table thead th{font-size:13px}.kanban-request-table .table-container .data-table tbody tr{height:60px}.kanban-request-table .table-container .data-table tbody tr td{font-size:13px}.kanban-request-table .table-container .data-table tbody tr .status{font-size:11px;height:35px;min-width:90px}.kanban-request-table .table-container .data-table tbody tr .actions{height:60px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{margin-top:4px;width:30px;height:30px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:15px;height:15px}}@media (max-width: 480px){.kanban-request-table{width:100vw;padding:30px 20px;max-height:85vh}.kanban-request-table .table-header{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.kanban-request-table .table-header h2{font-size:23px;margin:0;text-align:left}.kanban-request-table .table-header .create-button{font-size:15px;height:35px;padding:8px 20px;width:-moz-fit-content;width:fit-content;justify-content:flex-start;text-align:left}.kanban-request-table .search-container input{width:350px}.kanban-request-table .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.kanban-request-table .table-container .data-table{min-width:550px}.kanban-request-table .table-container .data-table thead th{font-size:12px;padding:10px;white-space:nowrap}.kanban-request-table .table-container .data-table tbody tr{height:40px}.kanban-request-table .table-container .data-table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.kanban-request-table .table-container .data-table tbody tr .status{font-size:10px;height:30px;min-width:100px;padding:4px 8px}.kanban-request-table .table-container .data-table tbody tr .actions{height:50px;min-width:80px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button{margin-top:2px;width:28px;height:28px}.kanban-request-table .table-container .data-table tbody tr .actions .action-button .action-icon{width:14px;height:14px}.kanban-request-table .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.kanban-request-table .pagination .pagination-button{font-size:12px;padding:.3rem .5rem;min-width:30px;order:1}.kanban-request-table .loading-spinner{justify-content:flex-start;align-items:flex-start;margin-right:250px}}@media (max-width: 380px){.kanban-request-table{padding:30px 15px}.kanban-request-table .search-container input{width:320px!important}.kanban-request-table .pagination{justify-content:center;gap:.51rem}.kanban-request-table .pagination .pagination-button{font-size:12px;min-width:27px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-session-confirm{background-color:#fff;width:420px;height:260px;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0003;text-align:center;font-family:Poppins,sans-serif;animation:fadeIn .3s ease-in-out}.alert-icon-session-confirm{margin-bottom:15px}.icon-circle-session-confirm{display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.icon-circle-session-confirm img{width:70px;height:70px}.alert-content-session-confirm h2{font-family:Poppins,sans-serif;font-size:19px;font-weight:600;margin-bottom:5px}.alert-content-session-confirm p{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:10px}.alert-buttons-session-confirm{display:flex;justify-content:center;margin-top:30px;gap:8px}.alert-buttons-session-confirm .btn-session-confirm{font-family:Poppins,sans-serif;width:170px;height:40px;padding:8px 18px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-session-confirm .cancel-session-confirm{background-color:#0071ff;color:#fff}.alert-buttons-session-confirm .cancel-session-confirm:hover{background-color:#0058d6}@media (max-width: 480px){.alert-box-session-confirm{width:360px}.alert-content-session-confirm h2{font-size:16px}.alert-content-session-confirm p{font-size:12.7px}.alert-buttons-session-confirm{margin-top:40px}}@media (max-width: 380px){.alert-box-session-confirm{width:300px}.alert-buttons-session-confirm{margin-top:25px}}.req-form-container{padding:23px 48px 23px 30px;width:87vw;min-height:100vh;font-family:Poppins,sans-serif}.req-form-container input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.req-form-container h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:30px}.req-form-container form .form-grid{display:grid;padding-top:15px;grid-template-columns:1.8fr 1fr 2.3fr;grid-template-areas:"production-date parts-number parts-number" "request-name classification box" "process information information" "location information information";gap:15px 8px}.req-form-container form .form-grid .production-date{grid-area:production-date}.req-form-container form .form-grid .production-date input{display:flex;width:180px;height:45px}.req-form-container form .form-grid .production-date .date-input-container{position:relative;display:flex;width:180px}.req-form-container form .form-grid .production-date .date-input-container input[type=date]{padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field{background:transparent;color:#000}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field:hover,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field:hover,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field:hover{background:transparent}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field:focus,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field:focus,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field:focus{background:transparent;outline:none}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable{position:absolute;right:15px;top:35%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:20px;transition:color .3s ease}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:hover{color:#0066af}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}.req-form-container form .form-grid .parts-number{grid-area:parts-number}.req-form-container form .form-grid .parts-number input{width:180px;height:45px;display:flex}.req-form-container form .form-grid .request-name{grid-area:request-name}.req-form-container form .form-grid .request-name input{display:flex;width:400px;height:45px}.req-form-container form .form-grid .classification{grid-area:classification;position:relative;display:flex;flex-direction:column}.req-form-container form .form-grid .classification select{display:block;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.req-form-container form .form-grid .classification .classification-select{display:flex;width:200px;height:45px;padding:8px 12px;border-radius:8x;border:1px solid rgba(0,102,175,.5);font-size:16px;box-sizing:border-box}.req-form-container form .form-grid .classification .classification-input{height:45px;padding-right:3rem;font-size:16px}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:6px;top:57%;transform:translateY(-50%);height:26px;padding:0 8px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-grid .classification .btn-cancel-lainnya .arrow-icon{margin-top:2px}.req-form-container form .form-grid .box{grid-area:box}.req-form-container form .form-grid .box input{display:flex;width:150px;height:45px}.req-form-container form .form-grid .process{grid-area:process}.req-form-container form .form-grid .process input{display:flex;width:400px;height:45px}.req-form-container form .form-grid .information{grid-area:information}.req-form-container form .form-grid .information textarea{display:flex;width:700px;height:150px;padding:10px;resize:none}.req-form-container form .form-grid .location{grid-area:location}.req-form-container form .form-grid .location input{display:flex;width:400px;height:45px}.req-form-container form .form-grid label{font-size:18px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.req-form-container form .form-grid input,.req-form-container form .form-grid select,.req-form-container form .form-grid textarea{font-family:Poppins,sans-serif;font-weight:500;padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:16px;box-shadow:2px 2px 3px #0000001a}.req-form-container form .form-grid input:focus,.req-form-container form .form-grid select:focus,.req-form-container form .form-grid textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-buttons{display:flex;justify-content:flex-end;gap:25px;margin-top:40px;margin-right:25px}.req-form-container form .form-buttons .back-btn{background:#374dd6;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .back-btn:hover{background:#576bf0}.req-form-container form .form-buttons .submit-btn{background:#0fbe1b;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .submit-btn:hover{background:#14d721}@media (max-width: 1700px){.req-form-container{width:85vw}.req-form-container h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:23px}.req-form-container form .form-grid{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date parts-number parts-number" "request-name classification box" "process information information" "location information information";gap:8px 8px}.req-form-container form .form-grid .production-date{grid-area:production-date}.req-form-container form .form-grid .production-date input{display:flex;width:150px;height:35px}.req-form-container form .form-grid .parts-number{grid-area:parts-number}.req-form-container form .form-grid .parts-number input{width:150px;height:35px;display:flex}.req-form-container form .form-grid .request-name{grid-area:request-name}.req-form-container form .form-grid .request-name input{display:flex;width:280px;height:35px}.req-form-container form .form-grid .classification{grid-area:classification;position:relative;display:flex;flex-direction:column}.req-form-container form .form-grid .classification select{display:block;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.req-form-container form .form-grid .classification .classification-select{display:flex;width:200px;height:35px;padding:8px 12px;border-radius:8x;border:1px solid rgba(0,102,175,.5);font-size:14px;box-sizing:border-box}.req-form-container form .form-grid .classification .classification-input{height:35px;padding-right:3rem;font-size:13px}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:6px;top:56%;transform:translateY(-50%);height:26px;padding:0 8px;font-size:12px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-grid .box{grid-area:box}.req-form-container form .form-grid .box input{display:flex;width:120px;height:35px}.req-form-container form .form-grid .process{grid-area:process}.req-form-container form .form-grid .process input{display:flex;width:280px;height:35px}.req-form-container form .form-grid .information{grid-area:information}.req-form-container form .form-grid .information textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.req-form-container form .form-grid .location{grid-area:location}.req-form-container form .form-grid .location input{display:flex;width:280px;height:35px}.req-form-container form .form-grid label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.req-form-container form .form-grid input,.req-form-container form .form-grid select,.req-form-container form .form-grid textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.req-form-container form .form-grid input:focus,.req-form-container form .form-grid select:focus,.req-form-container form .form-grid textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-buttons{display:flex;justify-content:flex-end;gap:20px;margin-top:33px}.req-form-container form .form-buttons .back-btn{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .back-btn:hover{background:#576bf0}.req-form-container form .form-buttons .submit-btn{background:#0fbe1b;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .submit-btn:hover{background:#14d721}}@media (max-width: 1440px){.req-form-container{width:82.5vw;max-height:100vh}.req-form-container h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:20px}.req-form-container form .form-grid{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date parts-number parts-number" "request-name classification box" "process information information" "location information information";gap:8px 8px}.req-form-container form .form-grid .production-date{grid-area:production-date}.req-form-container form .form-grid .production-date input{display:flex;width:150px;height:35px}.req-form-container form .form-grid .production-date .date-input-container{position:relative;display:flex;width:180px}.req-form-container form .form-grid .production-date .date-input-container input[type=date]{padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field{background:transparent;color:#000}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field:hover,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field:hover,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field:hover{background:transparent}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-month-field:focus,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-day-field:focus,.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-datetime-edit-year-field:focus{background:transparent;outline:none}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable{position:absolute;right:40px;top:35%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:15px;transition:color .3s ease}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:hover{color:#0066af}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}.req-form-container form .form-grid .parts-number{grid-area:parts-number}.req-form-container form .form-grid .parts-number input{width:150px;height:35px;display:flex}.req-form-container form .form-grid .request-name{grid-area:request-name}.req-form-container form .form-grid .request-name input{display:flex;width:280px;height:35px}.req-form-container form .form-grid .classification{grid-area:classification;position:relative;display:flex;flex-direction:column}.req-form-container form .form-grid .classification select{display:block;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.req-form-container form .form-grid .classification .classification-select{display:flex;width:200px;height:35px;padding:8px 12px;border-radius:8x;border:1px solid rgba(0,102,175,.5);font-size:14px;box-sizing:border-box}.req-form-container form .form-grid .classification .classification-input{height:35px;padding-right:3rem;font-size:13px}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:6px;top:56%;transform:translateY(-50%);height:26px;padding:0 8px;font-size:12px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-grid .box{grid-area:box}.req-form-container form .form-grid .box input{display:flex;width:120px;height:35px}.req-form-container form .form-grid .process{grid-area:process}.req-form-container form .form-grid .process input{display:flex;width:280px;height:35px}.req-form-container form .form-grid .information{grid-area:information}.req-form-container form .form-grid .information textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.req-form-container form .form-grid .location{grid-area:location}.req-form-container form .form-grid .location input{display:flex;width:280px;height:35px}.req-form-container form .form-grid label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.req-form-container form .form-grid input,.req-form-container form .form-grid select,.req-form-container form .form-grid textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.req-form-container form .form-grid input:focus,.req-form-container form .form-grid select:focus,.req-form-container form .form-grid textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-buttons{display:flex;justify-content:flex-end;gap:20px;margin-top:33px}.req-form-container form .form-buttons .back-btn{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .back-btn:hover{background:#576bf0}.req-form-container form .form-buttons .submit-btn{background:#0fbe1b;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .submit-btn:hover{background:#14d721}}@media (max-width: 1280px){.req-form-container{width:80.5vw;max-height:100vh}.req-form-container h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:20px}.req-form-container form .form-grid{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date parts-number parts-number" "request-name classification box" "process information information" "location information information";gap:8px 8px}.req-form-container form .form-grid .production-date{grid-area:production-date}.req-form-container form .form-grid .production-date input{display:flex;width:150px;height:35px}.req-form-container form .form-grid .parts-number{grid-area:parts-number}.req-form-container form .form-grid .parts-number input{width:150px;height:35px;display:flex}.req-form-container form .form-grid .request-name{grid-area:request-name}.req-form-container form .form-grid .request-name input{display:flex;width:260px;height:35px}.req-form-container form .form-grid .classification{grid-area:classification;position:relative;display:flex;flex-direction:column}.req-form-container form .form-grid .classification select{display:block;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.req-form-container form .form-grid .classification .classification-select{display:flex;width:200px;height:35px;padding:8px 12px;border-radius:8x;border:1px solid rgba(0,102,175,.5);font-size:13px;box-sizing:border-box}.req-form-container form .form-grid .classification .classification-input{height:35px;padding-right:3rem;font-size:13px}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:6px;top:55%;transform:translateY(-50%);height:26px;padding:0 8px;font-size:12px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-grid .box{grid-area:box}.req-form-container form .form-grid .box input{display:flex;width:120px;height:35px}.req-form-container form .form-grid .process{grid-area:process}.req-form-container form .form-grid .process input{display:flex;width:260px;height:35px}.req-form-container form .form-grid .information{grid-area:information}.req-form-container form .form-grid .information textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.req-form-container form .form-grid .location{grid-area:location}.req-form-container form .form-grid .location input{display:flex;width:260px;height:35px}.req-form-container form .form-grid label{font-size:13px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.req-form-container form .form-grid input,.req-form-container form .form-grid select,.req-form-container form .form-grid textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.req-form-container form .form-grid input:focus,.req-form-container form .form-grid select:focus,.req-form-container form .form-grid textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-buttons{display:flex;justify-content:flex-end;gap:20px;margin-top:33px}.req-form-container form .form-buttons .back-btn{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .back-btn:hover{background:#576bf0}.req-form-container form .form-buttons .submit-btn{background:#0fbe1b;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.req-form-container form .form-buttons .submit-btn:hover{background:#19dd26}}@media (max-width: 1024px){.req-form-container{width:95vw;padding:23px 48px 23px 30px;max-height:100vh}.req-form-container h2{font-size:24px;margin-bottom:15px}.req-form-container form .form-grid{display:flex;flex-direction:column;gap:20px}.req-form-container form .form-grid .form-group{display:flex;flex-direction:column;gap:8px}.req-form-container form .form-grid .form-group label{font-size:14px;font-weight:500}.req-form-container form .form-grid .form-group input,.req-form-container form .form-grid .form-group select,.req-form-container form .form-grid .form-group textarea{width:100%;font-size:14px;padding:10px;border-radius:8px;border:1px solid #e0e6ed}.req-form-container form .form-grid .form-group textarea{min-height:120px;resize:vertical}.req-form-container form .form-grid .form-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.req-form-container form .form-grid .form-buttons button{width:100%;height:40px;font-size:14px;padding:10px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}}@media (max-width: 480px){.req-form-container{width:100%;padding:20px 18px 80px;max-width:400px;margin:0 auto;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.req-form-container::-webkit-scrollbar{display:none}.req-form-container h2{font-size:23px;margin-bottom:30px;text-align:center}.req-form-container form .form-grid{display:flex;flex-direction:column;gap:11px;margin-bottom:0}.req-form-container form .form-grid .form-group,.req-form-container form .form-grid .production-date,.req-form-container form .form-grid .parts-number,.req-form-container form .form-grid .request-name,.req-form-container form .form-grid .classification,.req-form-container form .form-grid .box,.req-form-container form .form-grid .process,.req-form-container form .form-grid .information,.req-form-container form .form-grid .location{display:flex;flex-direction:column;gap:11px}.req-form-container form .form-grid .form-group label,.req-form-container form .form-grid .production-date label,.req-form-container form .form-grid .parts-number label,.req-form-container form .form-grid .request-name label,.req-form-container form .form-grid .classification label,.req-form-container form .form-grid .box label,.req-form-container form .form-grid .process label,.req-form-container form .form-grid .information label,.req-form-container form .form-grid .location label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:1px;display:inline-block}.req-form-container form .form-grid .form-group input,.req-form-container form .form-grid .form-group select,.req-form-container form .form-grid .form-group textarea,.req-form-container form .form-grid .production-date input,.req-form-container form .form-grid .production-date select,.req-form-container form .form-grid .production-date textarea,.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .parts-number select,.req-form-container form .form-grid .parts-number textarea,.req-form-container form .form-grid .request-name input,.req-form-container form .form-grid .request-name select,.req-form-container form .form-grid .request-name textarea,.req-form-container form .form-grid .classification input,.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .classification textarea,.req-form-container form .form-grid .box input,.req-form-container form .form-grid .box select,.req-form-container form .form-grid .box textarea,.req-form-container form .form-grid .process input,.req-form-container form .form-grid .process select,.req-form-container form .form-grid .process textarea,.req-form-container form .form-grid .information input,.req-form-container form .form-grid .information select,.req-form-container form .form-grid .information textarea,.req-form-container form .form-grid .location input,.req-form-container form .form-grid .location select,.req-form-container form .form-grid .location textarea{font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box}.req-form-container form .form-grid .form-group input:focus,.req-form-container form .form-grid .form-group select:focus,.req-form-container form .form-grid .form-group textarea:focus,.req-form-container form .form-grid .production-date input:focus,.req-form-container form .form-grid .production-date select:focus,.req-form-container form .form-grid .production-date textarea:focus,.req-form-container form .form-grid .parts-number input:focus,.req-form-container form .form-grid .parts-number select:focus,.req-form-container form .form-grid .parts-number textarea:focus,.req-form-container form .form-grid .request-name input:focus,.req-form-container form .form-grid .request-name select:focus,.req-form-container form .form-grid .request-name textarea:focus,.req-form-container form .form-grid .classification input:focus,.req-form-container form .form-grid .classification select:focus,.req-form-container form .form-grid .classification textarea:focus,.req-form-container form .form-grid .box input:focus,.req-form-container form .form-grid .box select:focus,.req-form-container form .form-grid .box textarea:focus,.req-form-container form .form-grid .process input:focus,.req-form-container form .form-grid .process select:focus,.req-form-container form .form-grid .process textarea:focus,.req-form-container form .form-grid .information input:focus,.req-form-container form .form-grid .information select:focus,.req-form-container form .form-grid .information textarea:focus,.req-form-container form .form-grid .location input:focus,.req-form-container form .form-grid .location select:focus,.req-form-container form .form-grid .location textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-grid .form-group input,.req-form-container form .form-grid .form-group select,.req-form-container form .form-grid .production-date input,.req-form-container form .form-grid .production-date select,.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .parts-number select,.req-form-container form .form-grid .request-name input,.req-form-container form .form-grid .request-name select,.req-form-container form .form-grid .classification input,.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .box input,.req-form-container form .form-grid .box select,.req-form-container form .form-grid .process input,.req-form-container form .form-grid .process select,.req-form-container form .form-grid .information input,.req-form-container form .form-grid .information select,.req-form-container form .form-grid .location input,.req-form-container form .form-grid .location select{width:90%;height:40px;font-size:15px;padding:6px 12px}.req-form-container form .form-grid .form-group textarea,.req-form-container form .form-grid .production-date textarea,.req-form-container form .form-grid .parts-number textarea,.req-form-container form .form-grid .request-name textarea,.req-form-container form .form-grid .classification textarea,.req-form-container form .form-grid .box textarea,.req-form-container form .form-grid .process textarea,.req-form-container form .form-grid .information textarea,.req-form-container form .form-grid .location textarea{width:100%;min-height:150px;resize:vertical;font-size:15px;padding:12px}.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .box input,.req-form-container form .form-grid .production-date input{width:190px}.req-form-container form .form-grid .production-date .date-input-container{position:relative;display:flex;width:190px}.req-form-container form .form-grid .production-date .date-input-container input[type=date]{padding:6px 12px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.req-form-container form .form-grid .production-date .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable{position:absolute;right:13px;top:35%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:20px;transition:color .3s ease}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:hover{color:#0066af}.req-form-container form .form-grid .production-date .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}.req-form-container form .form-grid .classification{position:relative;display:flex;flex-direction:column;margin-bottom:10px;height:75px}.req-form-container form .form-grid .classification label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:2px;display:inline-block;position:relative;z-index:1}.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .classification .classification-select{width:90%;height:40px!important;font-size:15px;padding:6px 36px 6px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:18px;font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box;position:absolute;top:30px;left:0;z-index:2}.req-form-container form .form-grid .classification select:focus,.req-form-container form .form-grid .classification .classification-select:focus{outline:none;border-color:#0066afcc}.req-form-container form .form-grid .classification .classification-input{width:90%;height:40px!important;font-size:15px;padding:6px 12px;padding-right:3rem;font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box;position:absolute;top:30px;left:0;z-index:2}.req-form-container form .form-grid .classification .classification-input:focus{outline:none;border-color:#0066afcc}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:calc(20% - 30px);top:50px;height:33px;padding:0 8px;font-size:18px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-grid .classification .btn-cancel-lainnya .arrow-icon{margin-top:0}.req-form-container form .form-buttons{display:flex;flex-direction:row;justify-content:center;gap:17px;margin-top:40px;padding-bottom:80px;margin-left:20px}.req-form-container form .form-buttons .back-btn,.req-form-container form .form-buttons .submit-btn{width:150px;max-width:150px;height:38px;font-size:14px;padding:8px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:background .3s;flex-shrink:0}}@media (max-width: 380px){.req-form-container{padding:20px 18px 80px 25px;min-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.req-form-container::-webkit-scrollbar{display:none}.req-form-container form .form-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.req-form-container form .form-grid .form-group,.req-form-container form .form-grid .production-date,.req-form-container form .form-grid .parts-number,.req-form-container form .form-grid .request-name,.req-form-container form .form-grid .classification,.req-form-container form .form-grid .box,.req-form-container form .form-grid .process,.req-form-container form .form-grid .information,.req-form-container form .form-grid .location{display:flex;flex-direction:column;gap:10px}.req-form-container form .form-grid .form-group input,.req-form-container form .form-grid .form-group select,.req-form-container form .form-grid .form-group textarea,.req-form-container form .form-grid .production-date input,.req-form-container form .form-grid .production-date select,.req-form-container form .form-grid .production-date textarea,.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .parts-number select,.req-form-container form .form-grid .parts-number textarea,.req-form-container form .form-grid .request-name input,.req-form-container form .form-grid .request-name select,.req-form-container form .form-grid .request-name textarea,.req-form-container form .form-grid .classification input,.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .classification textarea,.req-form-container form .form-grid .box input,.req-form-container form .form-grid .box select,.req-form-container form .form-grid .box textarea,.req-form-container form .form-grid .process input,.req-form-container form .form-grid .process select,.req-form-container form .form-grid .process textarea,.req-form-container form .form-grid .information input,.req-form-container form .form-grid .information select,.req-form-container form .form-grid .information textarea,.req-form-container form .form-grid .location input,.req-form-container form .form-grid .location select,.req-form-container form .form-grid .location textarea{font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box}.req-form-container form .form-grid .form-group input:focus,.req-form-container form .form-grid .form-group select:focus,.req-form-container form .form-grid .form-group textarea:focus,.req-form-container form .form-grid .production-date input:focus,.req-form-container form .form-grid .production-date select:focus,.req-form-container form .form-grid .production-date textarea:focus,.req-form-container form .form-grid .parts-number input:focus,.req-form-container form .form-grid .parts-number select:focus,.req-form-container form .form-grid .parts-number textarea:focus,.req-form-container form .form-grid .request-name input:focus,.req-form-container form .form-grid .request-name select:focus,.req-form-container form .form-grid .request-name textarea:focus,.req-form-container form .form-grid .classification input:focus,.req-form-container form .form-grid .classification select:focus,.req-form-container form .form-grid .classification textarea:focus,.req-form-container form .form-grid .box input:focus,.req-form-container form .form-grid .box select:focus,.req-form-container form .form-grid .box textarea:focus,.req-form-container form .form-grid .process input:focus,.req-form-container form .form-grid .process select:focus,.req-form-container form .form-grid .process textarea:focus,.req-form-container form .form-grid .information input:focus,.req-form-container form .form-grid .information select:focus,.req-form-container form .form-grid .information textarea:focus,.req-form-container form .form-grid .location input:focus,.req-form-container form .form-grid .location select:focus,.req-form-container form .form-grid .location textarea:focus{outline:none;border-color:#0066af80}.req-form-container form .form-grid .form-group input,.req-form-container form .form-grid .form-group select,.req-form-container form .form-grid .production-date input,.req-form-container form .form-grid .production-date select,.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .parts-number select,.req-form-container form .form-grid .request-name input,.req-form-container form .form-grid .request-name select,.req-form-container form .form-grid .classification input,.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .box input,.req-form-container form .form-grid .box select,.req-form-container form .form-grid .process input,.req-form-container form .form-grid .process select,.req-form-container form .form-grid .information input,.req-form-container form .form-grid .information select,.req-form-container form .form-grid .location input,.req-form-container form .form-grid .location select{width:90%;height:40px;font-size:15px;padding:6px 12px}.req-form-container form .form-grid .form-group textarea,.req-form-container form .form-grid .production-date textarea,.req-form-container form .form-grid .parts-number textarea,.req-form-container form .form-grid .request-name textarea,.req-form-container form .form-grid .classification textarea,.req-form-container form .form-grid .box textarea,.req-form-container form .form-grid .process textarea,.req-form-container form .form-grid .information textarea,.req-form-container form .form-grid .location textarea{width:98%;min-height:150px;resize:vertical;font-size:15px;padding:12px}.req-form-container form .form-grid .production-date input,.req-form-container form .form-grid .parts-number input,.req-form-container form .form-grid .box input{width:188px}.req-form-container form .form-grid .classification{position:relative;display:flex;flex-direction:column;margin-bottom:10px;height:75px}.req-form-container form .form-grid .classification label{font-size:14px;font-weight:600;font-style:italic;display:inline-block;position:relative;z-index:1}.req-form-container form .form-grid .classification select,.req-form-container form .form-grid .classification .classification-select{width:90%;height:40px!important;font-size:15px;padding:6px 36px 6px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:18px;font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box;position:absolute;top:30px;left:0;z-index:2}.req-form-container form .form-grid .classification select:focus,.req-form-container form .form-grid .classification .classification-select:focus{outline:none;border-color:#0066afcc}.req-form-container form .form-grid .classification .classification-input{width:90%;height:40px!important;font-size:15px;padding:6px 12px;padding-right:3rem;font-family:Poppins,sans-serif;font-weight:500;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;box-sizing:border-box;position:absolute;top:30px;left:0;z-index:2}.req-form-container form .form-grid .classification .classification-input:focus{outline:none;border-color:#0066afcc}.req-form-container form .form-grid .classification .btn-cancel-lainnya{position:absolute;right:calc(20% - 28px);top:50px;height:33px;padding:0 8px;font-size:18px;background-color:#0066af;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.req-form-container form .form-grid .classification .btn-cancel-lainnya:hover{background-color:#1c85b7}.req-form-container form .form-buttons .back-btn,.req-form-container form .form-buttons .submit-btn{width:140px;max-width:140px}}.users-admin{width:87vw;padding:23px 48px 23px 30px;border-radius:8px;font-family:Poppins,sans-serif}.users-admin .filters-section-admin{margin-bottom:20px}.users-admin .filters-row-admin{display:flex;gap:15px;margin-top:15px;align-items:center;flex-wrap:wrap}.users-admin .filter-select-admin{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;min-width:150px}.users-admin .clear-filters-btn-admin{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.users-admin .clear-filters-btn-admin:hover{background:#545b62}.users-admin .role-badge-admin{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.users-admin .role-admin{background:#dc3545;color:#fff}.users-admin .role-manager{background:#fd7e14;color:#fff}.users-admin .role-supervisor{background:#6f42c1;color:#fff}.users-admin .role-leader{background:#20c997;color:#fff}.users-admin .role-staff{background:#0dcaf0;color:#fff}.users-admin .role-user{background:#6c757d;color:#fff}.users-admin .error-message-admin{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.users-admin .error-text{color:#dc3545;font-size:12px;margin-top:4px;display:block}.users-admin .header-admin{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.users-admin .header-admin h2{font-size:30px;font-style:italic;font-weight:600}.users-admin .header-admin .add-users-btn-admin{display:flex;background-color:#374dd6;width:170px;height:45px;align-items:center;justify-content:center;color:#fff;border:none;border-radius:6px;font-size:20px;font-weight:600;cursor:pointer;gap:13px}.users-admin .header-admin .add-users-btn-admin img{width:16px;height:16px}.users-admin .header-admin .add-users-btn-admin:hover{background-color:#576bf0}.users-admin .search-box-admin{position:relative;display:inline-block}.users-admin .search-box-admin .img-search-admin{position:absolute;top:37%;left:13px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.users-admin .search-box-admin input{width:350px;height:40px;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(0,0,0,.35);border-radius:12px;font-size:14px}.users-admin .search-box-admin input::-moz-placeholder{color:#999}.users-admin .search-box-admin input::placeholder{color:#999}.users-admin .search-box-admin input:focus{outline:none;border-color:#0066af;box-shadow:0 0 0 2px #0066af1a}.users-admin .table-container-admin{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.users-admin .table-container-admin table{width:100%;border-collapse:collapse}.users-admin .table-container-admin table thead th{background-color:#0066af;padding:.75rem;text-align:center;color:#fff;font-size:18px;font-weight:600}.users-admin .table-container-admin table tbody tr{height:65px;transition:background-color .2s ease}.users-admin .table-container-admin table tbody tr:hover{background-color:#f8f9fa}.users-admin .table-container-admin table tbody tr td{padding:.65rem;border-bottom:1px solid #ddd;font-size:17px;text-align:center;vertical-align:middle}.users-admin .table-container-admin table tbody tr .actions-admin{height:65px;text-align:left;display:flex;justify-content:center;gap:15px}.users-admin .table-container-admin table tbody tr .actions-admin button{border:none;border-radius:6px;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin{width:40px;height:40px;background-color:#219cdf;color:#fff}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin:hover{background-color:#4ebefa}.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:40px;height:40px;background-color:#ed1010}.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin:hover{background-color:#f44545}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:20px;height:20px}.users-admin .table-container-admin table tbody .empty-row-admin{text-align:center;color:#999;font-size:15px;padding:2rem;font-style:italic}.users-admin .pagination-admin{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap}.users-admin .pagination-admin .pagination-button-admin{padding:.3rem .8rem;background:transparent;border:1px solid #0066af;color:#0066af;cursor:pointer;border-radius:8px;font-size:16px;transition:all .2s ease;min-width:40px}.users-admin .pagination-admin .pagination-button-admin:hover:not(:disabled){background-color:#0066af;color:#fff}.users-admin .pagination-admin .pagination-button-admin:disabled{opacity:1.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.users-admin .pagination-admin .pagination-button-admin.active{background-color:#0066af;color:#fff;font-weight:700}.users-admin .pagination-admin .pagination-button-admin.previous,.users-admin .pagination-admin .pagination-button-admin.next,.users-admin .pagination-admin .pagination-button-admin.previos-icon,.users-admin .pagination-admin .pagination-button-admin.next-icon{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;text-align:center;gap:8px;font-weight:500}@media (max-width: 1700px){.users-admin{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.users-admin::-webkit-scrollbar{display:none}.users-admin .header-admin h2{font-size:23px}.users-admin .header-admin .add-users-btn-admin{height:35px;font-size:16px}.users-admin .table-container-admin table thead th{font-size:15px}.users-admin .table-container-admin table tbody tr{height:50px}.users-admin .table-container-admin table tbody tr td{font-size:15px}.users-admin .table-container-admin table tbody tr .actions-admin{height:53px;gap:8px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:30px;height:30px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:15px;height:15px}.users-admin .pagination-admin .pagination-button-admin{font-size:13px}}@media (max-width: 1440px){.users-admin{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.users-admin::-webkit-scrollbar{display:none}.users-admin .header-admin h2{font-size:23px}.users-admin .header-admin .add-users-btn-admin{height:35px;font-size:16px}.users-admin .table-container-admin table thead th{font-size:15px}.users-admin .table-container-admin table tbody tr{height:50px}.users-admin .table-container-admin table tbody tr td{font-size:14px}.users-admin .table-container-admin table tbody tr .actions-admin{height:53px;gap:8px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:30px;height:30px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:15px;height:15px}.users-admin .pagination-admin .pagination-button-admin{font-size:13px}}@media (max-width: 1280px){.users-admin{width:82vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.users-admin::-webkit-scrollbar{display:none}.users-admin .header-admin h2{font-size:23px}.users-admin .header-admin .add-users-btn-admin{height:35px;font-size:16px}.users-admin .table-container-admin table thead th{font-size:13px}.users-admin .table-container-admin table tbody tr{height:50px}.users-admin .table-container-admin table tbody tr td{font-size:13px}.users-admin .pagination-admin .pagination-button-admin{font-size:12px;padding:.4rem .6rem}}@media (max-width: 1024px){.users-admin{width:100vw;padding:30px}.users-admin .table-container-admin table thead th{font-size:13px}.users-admin .table-container-admin table tbody tr{height:50px}.users-admin .table-container-admin table tbody tr td{font-size:13px}.users-admin .table-container-admin table tbody tr .actions-admin{height:60px;gap:8px}.users-admin .table-container-admin table tbody tr .actions-admin button{margin-top:4px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:30px;height:30px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:15px;height:15px}}@media (max-width: 800px){.users-admin{width:100vw;padding:30px}.users-admin .table-container-admin table thead th{font-size:13px}.users-admin .table-container-admin table tbody tr{height:50px}.users-admin .table-container-admin table tbody tr td{font-size:12px}.users-admin .table-container-admin table tbody tr .actions-admin{height:60px;gap:8px}.users-admin .table-container-admin table tbody tr .actions-admin button{margin-top:4px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:30px;height:30px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:15px;height:15px}}@media (max-width: 480px){.users-admin{width:100vw;padding:30px 20px;max-height:85vh}.users-admin .header-admin{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.users-admin .header-admin h2{font-size:23px;margin:0;text-align:left}.users-admin .header-admin .add-users-btn-admin{font-size:15px;height:35px;padding:8px 20px;width:-moz-fit-content;width:fit-content;justify-content:flex-start;text-align:left}.users-admin .search-box-admin input{width:350px}.users-admin .table-container-admin{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.users-admin .table-container-admin table{min-width:550px}.users-admin .table-container-admin table thead th{font-size:12px;padding:10px;white-space:nowrap}.users-admin .table-container-admin table tbody tr{height:40px}.users-admin .table-container-admin table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.users-admin .table-container-admin table tbody tr .actions-admin{height:50px;min-width:80px}.users-admin .table-container-admin table tbody tr .actions-admin button{margin-top:2px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:28px;height:28px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:14px;height:14px}.users-admin .pagination-admin{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.users-admin .pagination-admin .pagination-button-admin{font-size:12px;padding:.3rem .5rem;min-width:30px;order:1}}@media (max-width: 380px){.users-admin{width:100vw;padding:30px 20px;max-height:85vh}.users-admin .header-admin{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.users-admin .header-admin h2{font-size:23px;margin:0;text-align:left}.users-admin .header-admin .add-users-btn-admin{font-size:15px;height:35px;padding:8px 20px;width:-moz-fit-content;width:fit-content;justify-content:flex-start;text-align:left}.users-admin .search-box-admin input{width:300px}.users-admin .table-container-admin{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.users-admin .table-container-admin table{min-width:550px}.users-admin .table-container-admin table thead th{font-size:12px;padding:10px;white-space:nowrap}.users-admin .table-container-admin table tbody tr{height:40px}.users-admin .table-container-admin table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.users-admin .table-container-admin table tbody tr .actions-admin{height:50px;min-width:80px}.users-admin .table-container-admin table tbody tr .actions-admin button{margin-top:2px}.users-admin .table-container-admin table tbody tr .actions-admin button.edit-btn-admin,.users-admin .table-container-admin table tbody tr .actions-admin button.delete-btn-admin{width:28px;height:28px}.users-admin .table-container-admin table tbody tr .actions-admin button img.img-action-admin{width:14px;height:14px}.users-admin .pagination-admin{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.users-admin .pagination-admin .pagination-button-admin{font-size:12px;padding:.3rem .5rem;min-width:30px;order:1}.users-admin .pagination-admin .pagination-button-admin.previous,.users-admin .pagination-admin .pagination-button-admin.next{padding:.5rem 1rem;order:2}.users-admin .pagination-admin .pagination-button-admin.previous,.users-admin .pagination-admin .pagination-button-admin.next{margin-top:.5rem}.users-admin .pagination-admin .pagination-button-admin:not(.previous):not(.next):last-of-type{margin-right:100%}}.user-form-admin{padding:20px 40px;width:87vw;height:100vw;font-family:Poppins,sans-serif}.user-form-admin input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.user-form-admin h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:30px;font-size:30px}.user-form-admin .form-container-user-form-admin{display:flex;gap:13px;flex-wrap:wrap}.user-form-admin .left-section-user-form-admin{flex:1;display:flex;padding-top:30px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:400px;height:400px;background-color:#fff;border-radius:13px;box-shadow:-3px 3px 6px #00000040}.user-form-admin .right-section-user-form-admin{flex:2;display:flex;flex-wrap:wrap;gap:13px;padding-top:25px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{display:flex;flex-direction:column;width:calc(45% - 1rem)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:18px;font-style:italic;font-weight:600;margin-bottom:3px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:350px;height:45px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:17px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input:focus,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select:focus{outline:none;border-color:#0066af80}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{padding-right:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{position:relative;display:inline-block;width:350px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:45px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:12px;transform:translateY(-50%);cursor:pointer;pointer-events:auto}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:25px;height:25px;color:#1c85b7}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{margin-top:20px;margin-right:35px;width:100%;display:flex;justify-content:flex-end;gap:1.5rem}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin{background:#374dd6;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin:hover{background:#576bf0}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin{background:#0fbe1b;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin:hover{background:#14d721}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{background:#219cdf;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin:hover{background:#4ebefa}@media (max-width: 1700px){.user-form-admin{width:85vw}.user-form-admin h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:30px;font-size:23px}.user-form-admin .form-container-user-form-admin{display:flex;gap:1rem;flex-wrap:wrap}.user-form-admin .left-section-user-form-admin{flex:1;display:flex;padding-top:30px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:290px;height:270px;background-color:#fff;border-radius:13px;box-shadow:-3px 3px 6px #00000040}.user-form-admin .right-section-user-form-admin{flex:2;display:flex;flex-wrap:wrap;gap:7px;padding-top:0}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{display:flex;flex-direction:column;width:calc(50% - .8rem)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:14px;font-style:italic;font-weight:600;margin-bottom:3px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:250px;height:35px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input:focus,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select:focus{outline:none;border-color:#0066af80}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{padding-right:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{position:relative;display:inline-block;width:250px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:40px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:10px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:18px;height:18px;color:#1c85b7}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{margin-top:13px;width:100%;display:flex;justify-content:flex-end;gap:1.5rem}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin:hover{background:#576bf0}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin{background:#0fbe1b;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin:hover{background:#14d721}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{background:#219cdf;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin:hover{background:#4ebefa}}@media (max-width: 1440px){.user-form-admin{width:82.5vw}.user-form-admin h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:30px;font-size:23px}.user-form-admin .form-container-user-form-admin{display:flex;gap:1rem;flex-wrap:wrap}.user-form-admin .left-section-user-form-admin{flex:1;display:flex;padding-top:30px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:280px;height:270px;background-color:#fff;border-radius:13px;box-shadow:-3px 3px 6px #00000040}.user-form-admin .right-section-user-form-admin{flex:2;display:flex;flex-wrap:wrap;gap:7px;padding-top:0}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{display:flex;flex-direction:column;width:calc(50% - 1rem)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:13px;font-style:italic;font-weight:600;margin-bottom:3px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:230px;height:35px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input:focus,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select:focus{outline:none;border-color:#0066af80}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{padding-right:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{position:relative;display:inline-block;width:230px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:38px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:10px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:18px;height:18px;color:#1c85b7}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{margin-top:13px;width:100%;display:flex;justify-content:flex-end;gap:1.5rem}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin:hover{background:#576bf0}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin{background:#0fbe1b;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin:hover{background:#14d721}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{background:#219cdf;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:background .3s}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin:hover{background:#4ebefa}}@media (max-width: 1280px){.user-form-admin{width:80.5vw;max-height:84vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.user-form-admin::-webkit-scrollbar{display:none}}@media (max-width: 1024px){.user-form-admin{width:95vw;padding:20px 40px;height:auto;max-height:90vh;overflow-y:auto}.user-form-admin h2{font-size:23px;margin-bottom:20px}.user-form-admin .form-container-user-form-admin{flex-direction:column;gap:20px}.user-form-admin .left-section-user-form-admin{flex:none;justify-content:center;padding-top:0;margin-bottom:25px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:250px;height:250px}.user-form-admin .right-section-user-form-admin{flex:none;gap:15px;padding-top:0;margin-left:110px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{width:calc(50% - 10px)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:14px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:100%;height:40px;font-size:14px;max-width:280px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{width:100%;max-width:280px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:40px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:12px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:20px;height:20px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{margin-top:30px;margin-right:0;justify-content:flex-end;gap:1rem}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{width:150px;height:35px;font-size:13px;padding:8px 15px}}@media (max-width: 800px){.user-form-admin{width:95vw;padding:20px 40px}.user-form-admin h2{font-size:23px;margin-bottom:20px}.user-form-admin .form-container-user-form-admin{gap:15px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:230px;height:230px}.user-form-admin .right-section-user-form-admin{margin-left:50px;gap:10px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{width:calc(50% - 10px)}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:14px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:100%;height:38px;font-size:14px;max-width:250px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{width:100%;max-width:250px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:35px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:10px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:18px;height:18px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{align-items:center;gap:15px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{width:150px;height:35px;font-size:13px;padding:8px 15px}}@media (max-width: 480px){.user-form-admin{width:100%;padding:20px 18px 80px;max-width:400px;margin:0 auto;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.user-form-admin::-webkit-scrollbar{display:none}.user-form-admin h2{font-size:22px;margin-bottom:30px;text-align:center}.user-form-admin .form-container-user-form-admin{gap:10px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:150px;height:150px}.user-form-admin .right-section-user-form-admin{margin-left:18px;gap:15px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{width:100%}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:14px;margin-bottom:3px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:100%;height:40px;font-size:15px;padding:6px 12px;max-width:320px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{width:100%;max-width:320px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:30px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:8px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:20px;height:20px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{justify-content:center;margin-right:20px;margin-top:15px;gap:15px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{width:100%;max-width:150px;height:35px;font-size:13px;padding:8px 15px}}@media (max-width: 380px){.user-form-admin{width:100%;padding:20px 18px 80px;max-width:400px;margin:0 auto;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.user-form-admin::-webkit-scrollbar{display:none}.user-form-admin h2{font-size:22px;margin-bottom:30px;text-align:center}.user-form-admin .form-container-user-form-admin{gap:10px}.user-form-admin .left-section-user-form-admin .user-image-user-form-admin{width:130px;height:130px}.user-form-admin .right-section-user-form-admin{margin-left:12px;gap:15px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin{width:100%}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin label{font-size:14px;margin-bottom:3px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin input,.user-form-admin .right-section-user-form-admin .form-group-user-form-admin select{width:100%;height:40px;font-size:15px;padding:6px 12px;max-width:300px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin{width:100%;max-width:300px}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin input{width:100%;padding-right:30px;box-sizing:border-box}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span{position:absolute;top:40%;right:8px;transform:translateY(-50%);cursor:pointer}.user-form-admin .right-section-user-form-admin .form-group-user-form-admin .input-with-icon-user-form-admin span svg{width:20px;height:20px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin{justify-content:center;margin-right:10px;margin-top:15px;gap:15px}.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .back-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .save-btn-user-form-admin,.user-form-admin .right-section-user-form-admin .button-group-user-form-admin .update-btn-user-form-admin{width:100%;max-width:150px;height:35px;font-size:13px;padding:8px 15px}}.sidebar{font-family:Poppins,sans-serif;width:240px;height:100vh;background:#fff;box-shadow:3px 3px 6px #00000038;padding-top:20px;display:flex;flex-direction:column;align-items:center;border-radius:0 0 8px;position:fixed;top:0;left:0;z-index:1000}.sidebar .logo{width:150px;margin-bottom:20px}.sidebar .close-sidebar-button{display:none;border:none;position:absolute;top:24px;right:25px;cursor:pointer;z-index:1010}.sidebar .close-sidebar-button img{width:20px;height:20px}@media (max-width: 1024px){.sidebar .close-sidebar-button{display:block}}@media (max-width: 768px){.sidebar .close-sidebar-button{display:block}}.sidebar .profile-card{background:#0066af;border-radius:4px;color:#fff;width:100%;height:95px;padding:15px 10px;display:flex;align-items:center;gap:14px}.sidebar .profile-card .avatar{padding:15px 4px}.sidebar .profile-card .avatar img{padding-top:3px;width:65px;height:65px}.sidebar .profile-card .info{text-align:center;line-height:24px}.sidebar .profile-card .info .department{font-size:12px;font-weight:700}.sidebar .profile-card .info .time{font-size:13px;font-weight:600}.sidebar .profile-card .info .date{font-size:12px}.sidebar .nav-buttons{margin-top:20px;display:flex;flex-direction:column;gap:6px}.sidebar .nav-buttons .nav-button{display:flex;align-items:center;gap:10px;padding:15px 20px;width:190px;height:45px;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:background-color .1s,color .1s;border-radius:10px}.sidebar .nav-buttons .nav-button .img-nav{width:25px;height:23px}.sidebar .nav-buttons .nav-button span{padding-top:2px}.sidebar .nav-buttons .nav-button.primary,.sidebar .nav-buttons .nav-button.secondary{background:transparent;color:#0077c2;margin-bottom:10px}.sidebar .nav-buttons .nav-button.active{background:#1c85b7;color:#fff}.sidebar .nav-buttons .nav-button.active .img-nav{filter:brightness(0) invert(1)}.sidebar .logout-section{margin-top:37px}.sidebar .logout-section .logout-button{font-family:Poppins,sans-serif;width:147px;height:38px;background:#ed1010;color:#fff;border:none;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600;cursor:pointer}.sidebar .logout-section .logout-button:hover{background-color:#f44545}.sidebar .logout-section img{width:25px;height:20px}.sidebar .logout-section span{font-size:12px}@media (max-width: 1280px){.sidebar .logo{width:65px;margin-bottom:15px}.sidebar .nav-buttons{margin-top:15px;display:flex;flex-direction:column;gap:2px}.sidebar .nav-buttons .nav-button{display:flex;align-items:center;gap:10px;padding:10px 20px;margin-right:18px;width:190px;height:36px;font-weight:600;font-size:12px;cursor:pointer;text-decoration:none;transition:background-color .1s,color .1s;border-radius:10px}.sidebar .nav-buttons .nav-button .img-nav{width:20px;height:18px}.sidebar .nav-buttons .nav-button span{padding-top:2px}.sidebar .nav-buttons .nav-button.primary,.sidebar .nav-buttons .nav-button.secondary{background:transparent;color:#0077c2;margin-bottom:8px}.sidebar .nav-buttons .nav-button.active{background:#1c85b7;color:#fff}.sidebar .nav-buttons .nav-button.active .img-nav{filter:brightness(0) invert(1)}.sidebar .logout-section{margin-top:10px}.sidebar .logout-section .logout-button{font-family:Poppins,sans-serif;width:140px;height:35px;background:#ed1010;color:#fff;border:none;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600;cursor:pointer}.sidebar .logout-section .logout-button:hover{background-color:#f44545}.sidebar .logout-section img{width:20px;height:18px}.sidebar .logout-section span{font-size:12px}}@media (max-width: 1024px){.sidebar{font-family:Poppins,sans-serif;width:240px;height:100vh;background:#fff;box-shadow:3px 3px 6px #00000038;padding-top:20px;display:flex;flex-direction:column;align-items:center;border-radius:0 0 8px;position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.sidebar .logo{width:70px;margin-bottom:20px}.sidebar .close-sidebar-button{display:block;border:none;position:absolute;top:24px;right:25px;cursor:pointer;z-index:1010}.sidebar .close-sidebar-button img{width:20px;height:20px}}@media (max-width: 1024px) and (max-width: 768px){.sidebar .close-sidebar-button{display:block}}@media (max-width: 1024px){.sidebar .profile-card{background:#0066af;border-radius:4px;color:#fff;width:100%;height:95px;padding:15px 10px;display:flex;align-items:center;gap:14px}.sidebar .profile-card .avatar{padding:15px 4px}.sidebar .profile-card .avatar img{padding-top:3px;width:65px;height:65px}.sidebar .profile-card .info{text-align:center;line-height:24px}.sidebar .profile-card .info .department{font-size:12px;font-weight:700}.sidebar .profile-card .info .time{font-size:13px;font-weight:600}.sidebar .profile-card .info .date{font-size:12px}.sidebar .nav-buttons{margin-top:20px;display:flex;flex-direction:column;gap:6px}.sidebar .nav-buttons .nav-button{display:flex;align-items:center;gap:10px;padding:15px 20px;width:190px;height:45px;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:background-color .1s,color .1s;border-radius:10px}.sidebar .nav-buttons .nav-button .img-nav{width:25px;height:23px}.sidebar .nav-buttons .nav-button span{padding-top:2px}.sidebar .nav-buttons .nav-button.primary,.sidebar .nav-buttons .nav-button.secondary{background:transparent;color:#0077c2;margin-bottom:10px}.sidebar .nav-buttons .nav-button.active{background:#1c85b7;color:#fff}.sidebar .nav-buttons .nav-button.active .img-nav{filter:brightness(0) invert(1)}.sidebar .logout-section{margin-top:37px}.sidebar .logout-section .logout-button{font-family:Poppins,sans-serif;width:147px;height:38px;background:#ed1010;color:#fff;border:none;border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600;cursor:pointer}.sidebar .logout-section .logout-button:hover{background-color:#f44545}.sidebar .logout-section img{width:25px;height:20px}.sidebar .logout-section span{font-size:12px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.sidebar .close-sidebar-button{cursor:pointer}}.barup-container{width:100lvw;height:60px;margin-left:252px;background-color:#0066af;box-shadow:3px 3px 6px #00000038;padding:28px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;position:sticky;top:0;z-index:900;border-radius:0 0 0 6px}.barup-container .barup-content{color:#fff;font-weight:700;font-family:Poppins,sans-serif;font-size:16px;white-space:nowrap}.barup-container .toggle-sidebar-btn{display:none}@media (max-width: 1280px){.barup-container{margin-left:252px;width:calc(100% - 254px)}.barup-container .barup-content{font-size:15px}}@media (max-width: 1024px){.barup-container{padding:10px 16px;border-radius:0;width:100%;margin-left:0}.barup-container .barup-content{font-size:16px;text-align:center;padding:15px}.barup-container .toggle-sidebar-btn{display:block;cursor:pointer;margin-right:16px}.barup-container .toggle-sidebar-btn img.sidebar-toggle-icon{width:20px;height:20px;transition:transform .3s ease;margin-left:3px}}@media (max-width: 768px){.barup-container{padding:10px 16px;border-radius:0;width:100%;margin-left:0}.barup-container .barup-content{font-size:13px;text-align:center;padding:15px}.barup-container .toggle-sidebar-btn{display:block;cursor:pointer;margin-right:16px}.barup-container .toggle-sidebar-btn img.sidebar-toggle-icon{width:20px;height:20px;transition:transform .3s ease;margin-left:3px}}.overlay-formreq{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-formreq{background:#fff;padding:10px 20px;width:400px;height:347px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-formreq{margin-bottom:20px}.icon-circle-formreq{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-formreq h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin-bottom:13px}.alert-content-formreq p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-formreq{display:flex;justify-content:space-between;margin-top:45px;gap:8px}.alert-buttons-formreq .btn-formreq{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-formreq .cancel-formreq{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-formreq .confirm-formreq{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-formreq{width:365px;height:347px}.alert-buttons-formreq{margin-top:30px;gap:15px}.alert-buttons-formreq .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-formreq{width:300px;height:347px}.alert-buttons-formreq{margin-top:30px;gap:15px}.alert-buttons-formreq .btn-formreq{font-size:14px;width:155px}}.overlay-userlead-approve{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-userlead-approve{background:#fff;padding:10px 25px;width:400px;height:347px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-userlead-approve{margin-bottom:20px}.icon-circle-userlead-approve{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-userlead-approve h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-userlead-approve p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-userlead-approve{display:flex;justify-content:space-between;margin-top:50px;gap:8px}.alert-buttons-userlead-approve .btn-userlead-approve{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-userlead-approve .cancel-userlead-approve{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-userlead-approve .confirm-userlead-approve{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-userlead-approve{width:365px;height:347px}.alert-buttons-userlead-approve{margin-top:30px;gap:15px}.alert-buttons-userlead-approve .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-userlead-approve{width:330px;height:347px}.alert-buttons-userlead-approve{margin-top:30px;gap:15px}.alert-buttons-userlead-approve .btn-formreq{font-size:14px;width:155px}}.overlay-userlead-confirmreject{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-userlead-confirmreject{background:#fff;padding:10px 25px;width:400px;height:268px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-userlead-confirmreject{margin-bottom:20px}.icon-circle-userlead-confirmreject{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-userlead-confirmreject h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-userlead-confirmreject p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-userlead-confirmreject{display:flex;justify-content:space-between;margin-top:30px;gap:8px}.alert-buttons-userlead-confirmreject .btn-userlead-confirmreject{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-userlead-confirmreject .cancel-userlead-confirmreject{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-userlead-confirmreject .confirm-userlead-confirmreject{background-color:#d92d20;color:#fff}.overlay-userlead-successreject{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-userlead-successreject{background:#fff;padding:10px 25px;width:400px;height:347px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-userlead-successreject{margin-bottom:20px}.icon-circle-userlead-successreject{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-userlead-successreject h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-userlead-successreject p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-userlead-successreject{display:flex;justify-content:center;margin-top:50px;gap:8px}.alert-buttons-userlead-successreject .btn-userlead-successreject{font-family:Poppins,sans-serif;width:200px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-userlead-successreject .cancel-userlead-successreject{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-userlead-confirmreject{width:365px;height:280px}.alert-buttons-userlead-confirmreject{margin-top:30px;gap:15px}.alert-buttons-userlead-confirmreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-userlead-confirmreject{width:330px;height:280px}.alert-buttons-userlead-confirmreject{margin-top:30px;gap:15px}.alert-buttons-userlead-confirmreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 480px){.alert-box-userlead-successreject{width:365px;height:347px}.alert-buttons-userlead-successreject{margin-top:30px}.alert-buttons-userlead-successreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-userlead-successreject{width:330px;height:347px}.alert-buttons-userlead-successreject{margin-top:30px;gap:15px}.alert-buttons-userlead-successreject .btn-formreq{font-size:14px;width:155px}}.alert-popup-add{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-popup-add .alert-box-add{background-color:#fff;width:320px;padding:25px 20px;border-radius:10px;box-shadow:0 4px 20px #0003;text-align:center;font-family:Poppins,sans-serif;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.alert-popup-add .alert-box-add.show{animation:fadeIn .3s ease forwards}.alert-popup-add .alert-box-add.hide{animation:fadeOut .3s ease forwards}.alert-popup-add .alert-box-add .icon-success-add{display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.alert-popup-add .alert-box-add .icon-success-add img{width:60px;height:60px}.alert-popup-add .alert-box-add p{margin-bottom:20px;font-size:16px;font-weight:600;color:#1d1d1d}.alert-popup-add .alert-box-add .alert-buttons-add{display:flex;justify-content:space-between;gap:10px}.alert-popup-add .alert-box-add .alert-buttons-add .cancel-btn-add,.alert-popup-add .alert-box-add .alert-buttons-add .confirm-btn-add{flex:1;height:35px;font-size:13px;border-radius:7px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;border:none}.alert-popup-add .alert-box-add .alert-buttons-add .cancel-btn-add{background-color:#f5f5f5;color:#1d1d1d;border:1px solid #ccc}.alert-popup-add .alert-box-add .alert-buttons-add .cancel-btn-add:hover{background-color:#e0e0e0}.alert-popup-add .alert-box-add .alert-buttons-add .confirm-btn-add{background-color:#0fbe1b;color:#fff}.alert-popup-add .alert-box-add .alert-buttons-add .confirm-btn-add:hover{background-color:#19dd26}@media (max-width: 480px){.alert-box-add{width:365px;height:220px}.alert-buttons-add{margin-top:30px}.alert-buttons-add .cancel-btn-add,.alert-buttons-add .confirm-btn-add{font-size:15px;width:155px}}@media (max-width: 380px){.alert-box-add{width:330px;height:220px}.alert-buttons-add{margin-top:30px;gap:15px}.alert-buttons-add .cancel-btn-add,.alert-buttons-add .confirm-btn-add{font-size:15px;width:155px}}.overlay-confirm-update{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-confirm-update{background:#fff;padding:10px 25px;width:400px;height:268px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-confirm-update{margin-bottom:20px}.icon-circle-confirm-update{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-confirm-update h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-confirm-update p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-confirm-update{display:flex;justify-content:space-between;margin-top:30px;gap:8px}.alert-buttons-confirm-update .btn-confirm-update{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-confirm-update .cancel-confirm-update{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-confirm-update .confirm-confirm-update{background-color:#0071ff;color:#fff}.overlay-success-update{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-success-update{background-color:#fff;width:320px;height:230px;padding:25px 20px;border-radius:10px;box-shadow:0 4px 20px #0003;text-align:center;font-family:Poppins,sans-serif;animation:fadeIn .3s ease-in-out}.alert-icon-success-update{margin-bottom:15px}.icon-circle-success-update{display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.icon-circle-success-update img{width:60px;height:60px}.alert-content-success-update h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px}.alert-buttons-success-update{display:flex;justify-content:center;margin-top:30px;gap:8px}.alert-buttons-success-update .btn-success-update{font-family:Poppins,sans-serif;width:170px;height:40px;padding:8px 18px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-success-update .cancel-success-update{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-confirm-update{width:365px;height:260px}.alert-buttons-confirm-update{margin-top:30px;gap:15px}.alert-buttons-confirm-update .btn-confirm-update{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-confirm-update{width:330px;height:260px}.alert-buttons-confirm-update{margin-top:30px;gap:15px}.alert-buttons-confirm-update .btn-confirm-update{font-size:13px;width:155px}}@media (max-width: 480px){.alert-box-success-update{width:365px;height:220px}.alert-buttons-success-update{margin-top:30px}.alert-buttons-success-update .btn-success-update{font-size:15px;width:155px}}@media (max-width: 380px){.alert-box-success-update{width:330px;height:220px}.alert-buttons-success-update{margin-top:30px;gap:15px}.alert-buttons-success-update .btn-success-update{font-size:15px;width:155px}}.overlay-confirm-delete{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-confirm-delete{background:#fff;padding:10px 20px;width:500px;height:268px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-confirm-delete{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.icon-circle-confirm-delete{width:60px;height:60px;margin:10px 0;left:0}.alert-content-confirm-delete h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px;text-align:center}.alert-content-confirm-delete p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0;line-height:20px}.alert-content-confirm-delete p span{font-weight:700}.alert-buttons-confirm-delete{display:flex;justify-content:space-between;margin-top:25px}.alert-buttons-confirm-delete .btn-confirm-delete{font-family:Poppins,sans-serif;width:208px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-confirm-delete .cancel-confirm-delete{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-confirm-delete .confirm-confirm-delete{background-color:#d92d20;color:#fff}.overlay-success-delete{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-success-delete{background-color:#fff;width:320px;height:230px;padding:25px 20px;border-radius:10px;box-shadow:0 4px 20px #0003;text-align:center;font-family:Poppins,sans-serif;animation:fadeIn .3s ease-in-out}.alert-icon-success-delete{margin-bottom:15px}.icon-circle-success-delete{display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.icon-circle-success-delete img{width:60px;height:60px}.alert-content-success-delete h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px}.alert-buttons-success-delete{display:flex;justify-content:center;margin-top:30px;gap:8px}.alert-buttons-success-delete .btn-success-delete{font-family:Poppins,sans-serif;width:170px;height:40px;padding:8px 18px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-success-delete .cancel-success-delete{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-confirm-delete{width:365px;height:300px}.alert-content-confirm-delete p{font-size:13px}.alert-buttons-confirm-delete{margin-top:30px;gap:15px}.alert-buttons-confirm-delete .btn-confirm-delete{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-confirm-delete{width:330px;height:290px}.alert-content-confirm-delete h3{font-size:15px}.alert-content-confirm-delete p{font-size:11.5px}.alert-buttons-confirm-delete{margin-top:30px;gap:15px}.alert-buttons-confirm-delete .btn-confirm-delete{font-size:13px;width:155px}}@media (max-width: 480px){.alert-box-success-delete{width:365px;height:220px}.alert-buttons-success-delete{margin-top:30px}.alert-buttons-success-delete .btn-success-delete{font-size:15px;width:155px}}@media (max-width: 380px){.alert-box-success-delete{width:330px;height:220px}.alert-buttons-success-delete{margin-top:30px;gap:15px}.alert-buttons-success-delete .btn-success-delete{font-size:15px;width:155px}}.overlay-pclead-approve{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-pclead-approve{background:#fff;padding:10px 25px;width:400px;height:347px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-pclead-approve{margin-bottom:20px}.icon-circle-pclead-approve{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-pclead-approve h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-pclead-approve p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-pclead-approve{display:flex;justify-content:space-between;margin-top:50px;gap:8px}.alert-buttons-pclead-approve .btn-pclead-approve{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-pclead-approve .cancel-pclead-approve{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-pclead-approve .confirm-pclead-approve{background-color:#0fbe1b;color:#fff}@media (max-width: 480px){.alert-box-pclead-approve{width:365px;height:347px}.alert-buttons-pclead-approve{margin-top:30px;gap:15px}.alert-buttons-pclead-approve .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-pclead-approve{width:300px;height:347px}.alert-buttons-pclead-approve{margin-top:30px;gap:15px}.alert-buttons-pclead-approve .btn-formreq{font-size:14px;width:155px}}.overlay-pclead-confirmreject{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-pclead-confirmreject{background:#fff;padding:10px 25px;width:400px;height:268px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-pclead-confirmreject{margin-bottom:20px}.icon-circle-pclead-confirmreject{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-pclead-confirmreject h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-pclead-confirmreject p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-pclead-confirmreject{display:flex;justify-content:space-between;margin-top:30px;gap:8px}.alert-buttons-pclead-confirmreject .btn-pclead-confirmreject{font-family:Poppins,sans-serif;width:170px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-pclead-confirmreject .cancel-pclead-confirmreject{background-color:#f5f5f5;border:1px solid #d0d5dd;color:#344054}.alert-buttons-pclead-confirmreject .confirm-pclead-confirmreject{background-color:#d92d20;color:#fff}.overlay-pclead-successreject{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#2625251a;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;justify-content:center;align-items:center;z-index:9999}.alert-box-pclead-successreject{background:#fff;padding:10px 25px;width:400px;height:347px;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:left;animation:fadeIn .3s ease-in-out}.alert-icon-pclead-successreject{margin-bottom:20px}.icon-circle-pclead-successreject{display:flex;width:60px;height:60px;margin:10px 0;left:0}.alert-content-pclead-successreject h3{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;margin-bottom:13px}.alert-content-pclead-successreject p{font-family:Inter,sans-serif;font-size:14px;color:#667085;margin:14px 0}.alert-buttons-pclead-successreject{display:flex;justify-content:center;margin-top:50px;gap:8px}.alert-buttons-pclead-successreject .btn-pclead-successreject{font-family:Poppins,sans-serif;width:200px;height:44px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 2px #1018280d}.alert-buttons-pclead-successreject .cancel-pclead-successreject{background-color:#0fbe1b;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@media (max-width: 480px){.alert-box-pclead-confirmreject{width:365px;height:280px}.alert-buttons-pclead-confirmreject{margin-top:30px;gap:15px}.alert-buttons-pclead-confirmreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-pclead-confirmreject{width:330px;height:280px}.alert-buttons-pclead-confirmreject{margin-top:30px;gap:15px}.alert-buttons-pclead-confirmreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 480px){.alert-box-pclead-successreject{width:365px;height:347px}.alert-buttons-pclead-successreject{margin-top:30px}.alert-buttons-pclead-successreject .btn-formreq{font-size:14px;width:155px}}@media (max-width: 380px){.alert-box-pclead-successreject{width:330px;height:347px}.alert-buttons-pclead-successreject{margin-top:30px;gap:15px}.alert-buttons-pclead-successreject .btn-formreq{font-size:14px;width:155px}}.layout-container{display:flex;flex-direction:row;position:fixed;height:100lvh;width:100lvw}.main-content{background-color:#e2f2fcf2;background-size:cover}.page-container{display:flex;flex-direction:row;background-color:#f9f9f973;box-shadow:-3px 3px 6px #00000038;border-radius:6px 6px 0;width:100vw;height:100vh;margin-left:252px;margin-top:12px}@media (max-width: 1100px){.layout-container{flex-direction:column;height:auto}.page-container{width:100%;margin-left:0;margin-top:8px;height:100vh;border-radius:6px;flex-direction:column}}.home-wrapper{width:100vw;padding-top:50px}.home-container{padding-right:210px;text-align:center;font-family:Poppins,sans-serif}.home-container .loader{width:100%;height:75dvh;margin:auto;display:flex;justify-content:center;align-items:center;padding-top:0}.home-container .company-name{font-size:38px;font-weight:700;font-style:italic;color:#2b2b2b;margin-bottom:28px}.home-container .welcome-text{font-size:20px;font-weight:700;color:#2b2b2b;padding:20px 15px;box-sizing:border-box;max-width:-moz-fit-content;max-width:fit-content;margin:0 auto 20px;border:1.8px solid #1c85b7;border-radius:15px;line-height:1.7}.home-container .welcome-text .highlight{color:#0165b9}.home-container .welcome-text .highlight-role,.home-container .welcome-text .highlight-name{color:#066cb6;font-weight:700}.home-container .welcome-text .highlight-dept{color:#0d99d6;font-weight:700}.home-container .request-text{font-size:20px;font-weight:700;color:#1d1d1d}@media (max-width: 1440px){.home-wrapper{padding-top:30px}.home-container{padding-right:245px}.home-container .company-name{font-size:33px;margin-bottom:20px}.home-container .welcome-text{font-size:18px;max-width:-moz-fit-content;max-width:fit-content;padding:18px 12px;margin-bottom:18px}.home-container .request-text{font-size:18px}}@media (max-width: 1280px){.home-wrapper{padding-top:30px}.home-container{padding-right:253px}.home-container .company-name{font-size:32px;margin-bottom:20px}.home-container .welcome-text{font-size:17px;max-width:-moz-fit-content;max-width:fit-content;padding:18px 10px;margin-bottom:18px}.home-container .request-text{font-size:17px}}@media (max-width: 1024px){.home-wrapper{width:100%;padding:70px 20px}.home-container{padding:0;text-align:center}.home-container .company-name{font-size:34px;margin-bottom:30px}.home-container .welcome-text{font-size:18px;max-width:-moz-fit-content;max-width:fit-content;padding:18px 11px;margin:0 auto 20px}.home-container .request-text{font-size:18px}}@media (max-width: 800px){.home-wrapper{width:100%;padding:70px 20px}.home-container{padding:0;text-align:center}.home-container .company-name{font-size:29px;margin-bottom:20px}.home-container .welcome-text{font-size:16px;max-width:-moz-fit-content;max-width:fit-content;padding:18px 11px;margin:0 auto 20px}.home-container .request-text{font-size:18px}}@media (max-width: 480px){.home-wrapper{width:100%;padding:50px 16px}.home-container{padding:0;text-align:center}.home-container .company-name{font-size:25px;margin-bottom:35px}.home-container .welcome-text{font-size:18px;max-width:-moz-fit-content;max-width:fit-content;padding:16px 10px;margin:0 14px 18px}.home-container .request-text{font-size:18px}}@media (max-width: 380px){.home-wrapper{width:100%;padding:50px 15px}.home-container{padding:0;text-align:center}.home-container .company-name{font-size:23px}.home-container .welcome-text,.home-container .request-text{font-size:16px}}.container-detail{padding:20px 50px;width:87vw;height:100vw;font-family:Poppins,sans-serif}.container-detail .loader{width:100%;height:75dvh;margin:auto;display:flex;justify-content:center;align-items:center;padding-top:0}.container-detail .head-detail{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:30px}.container-detail .grid-detail{display:grid;padding-top:8px;grid-template-columns:1.8fr 1fr 2.3fr;grid-template-areas:"production-date-detail parts-number-detail parts-number-detail" "request-name-detail classification-detail box-detail" "process-detail information-detail information-detail" "location-detail information-detail information-detail";gap:15px 8px}.container-detail .grid-detail .production-date-detail{grid-area:production-date-detail}.container-detail .grid-detail .production-date-detail input{display:flex;width:180px;height:45px}.container-detail .grid-detail .parts-number-detail{grid-area:parts-number-detail}.container-detail .grid-detail .parts-number-detail input{width:180px;height:45px;display:flex}.container-detail .grid-detail .request-name-detail{grid-area:request-name-detail}.container-detail .grid-detail .request-name-detail input{display:flex;width:400px;height:45px}.container-detail .grid-detail .classification-detail{grid-area:classification-detail;position:relative;display:flex;flex-direction:column}.container-detail .grid-detail .classification-detail select{display:block;width:200px;height:45px;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center}.container-detail .grid-detail .classification-detail select:disabled{color:#000;opacity:1;font-weight:500}.container-detail .grid-detail .box-detail{grid-area:box-detail}.container-detail .grid-detail .box-detail input{display:flex;width:150px;height:45px}.container-detail .grid-detail .process-detail{grid-area:process-detail}.container-detail .grid-detail .process-detail input{display:flex;width:400px;height:45px}.container-detail .grid-detail .information-detail{grid-area:information-detail}.container-detail .grid-detail .information-detail textarea{display:flex;width:700px;height:150px;padding:10px;resize:none}.container-detail .grid-detail .location-detail{grid-area:location-detail}.container-detail .grid-detail .location-detail input{display:flex;width:400px;height:45px}.container-detail .grid-detail label{font-size:18px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-family:Poppins,sans-serif;font-weight:500;padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:16px;color:#000;box-shadow:2px 2px 3px #0000001a}.status-container-detail{display:flex;gap:40px;padding-top:25px;background-color:#eaf4f9;flex-wrap:wrap}.card-detail{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d;width:400px;height:190px;padding:0}.card-detail .card-header-detail{display:flex;justify-content:space-between;align-items:center;background-color:#0066af;width:400px;height:50px;color:#fff;padding:1rem 15px;font-weight:600;font-size:16px;border-top-left-radius:6px;border-top-right-radius:6px}.card-detail .row-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 18px;font-size:14px;height:32px;border-bottom:1px solid #eee}.card-detail .row-detail.header-detail{background-color:#f2f2f2;font-weight:700;border-top:1px solid #eee}.card-detail .row-detail .role-detail{display:flex;align-items:center;gap:.5rem;font-weight:500}.card-detail .row-detail .role-detail .approval-icon-detail{width:15px;height:15px}.card-detail .row-detail span{font-size:13px;flex:1}.card-detail .row-detail span:nth-child(1){flex:2}.card-detail .row-detail span:nth-child(2){flex:2}.button-back-detail{display:flex;justify-content:flex-end;padding-top:45px;padding-right:60px}.back-button-detail{background:#374dd6;font-family:Poppins,sans-serif;width:200px;height:40px;color:#fff;padding:8px 30px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:background .3s}.back-button-detail:hover{background:#576bf0}@media (max-width: 1700px){.container-detail{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container-detail::-webkit-scrollbar{display:none}.container-detail .head-detail{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:23px}.container-detail .grid-detail{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date-detail parts-number-detail parts-number-detail" "request-name-detail classification-detail box-detail" "process-detail information-detail information-detail" "location-detail information-detail information-detail";gap:8px 8px}.container-detail .grid-detail .production-date-detail{grid-area:production-date-detail}.container-detail .grid-detail .production-date-detail input{display:flex;width:150px;height:35px}.container-detail .grid-detail .parts-number-detail{grid-area:parts-number-detail}.container-detail .grid-detail .parts-number-detail input{width:150px;height:35px;display:flex}.container-detail .grid-detail .request-name-detail{grid-area:request-name-detail}.container-detail .grid-detail .request-name-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail .classification-detail{grid-area:classification-detail;position:relative;display:flex;flex-direction:column}.container-detail .grid-detail .classification-detail select{display:block;width:200px;height:35px;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.container-detail .grid-detail .box-detail{grid-area:box-detail}.container-detail .grid-detail .box-detail input{display:flex;width:120px;height:35px}.container-detail .grid-detail .process-detail{grid-area:process-detail}.container-detail .grid-detail .process-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail .information-detail{grid-area:information-detail}.container-detail .grid-detail .information-detail textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.container-detail .grid-detail .location-detail{grid-area:location-detail}.container-detail .grid-detail .location-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.status-container-detail{display:flex;gap:2rem;padding-top:15px;background-color:#eaf4f9;flex-wrap:wrap}.card-detail{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d;width:330px;height:170px;padding:0}.card-detail .card-header-detail{display:flex;justify-content:space-between;align-items:center;background-color:#0066af;width:330px;height:40px;color:#fff;padding:1rem 15px;font-weight:600;font-size:11px;border-top-left-radius:6px;border-top-right-radius:6px}.card-detail .row-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 18px;font-size:13px;height:32px;border-bottom:1px solid #eee}.card-detail .row-detail.header-detail{background-color:#f2f2f2;font-weight:700;border-top:1px solid #eee}.card-detail .row-detail .role-detail{display:flex;align-items:center;gap:.5rem;font-weight:500}.card-detail .row-detail .role-detail .approval-icon-detail{width:15px;height:15px}.card-detail .row-detail span{font-size:12px;flex:1}.card-detail .row-detail span:nth-child(1){flex:2}.card-detail .row-detail span:nth-child(2){flex:2}.button-back-detail{display:flex;justify-content:flex-end;padding-top:35px;padding-right:30px}.back-button-detail{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.back-button-detail:hover{background:#576bf0}}@media (max-width: 1440px){.container-detail{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container-detail::-webkit-scrollbar{display:none}.container-detail h2{text-align:start;font-weight:700;font-style:italic;margin-bottom:17px;font-size:23px}.container-detail .grid-detail{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date-detail parts-number-detail parts-number-detail" "request-name-detail classification-detail box-detail" "process-detail information-detail information-detail" "location-detail information-detail information-detail";gap:8px 8px}.container-detail .grid-detail .production-date-detail{grid-area:production-date-detail}.container-detail .grid-detail .production-date-detail input{display:flex;width:150px;height:35px}.container-detail .grid-detail .parts-number-detail{grid-area:parts-number-detail}.container-detail .grid-detail .parts-number-detail input{width:150px;height:35px;display:flex}.container-detail .grid-detail .request-name-detail{grid-area:request-name-detail}.container-detail .grid-detail .request-name-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail .classification-detail{grid-area:classification-detail;position:relative;display:flex;flex-direction:column}.container-detail .grid-detail .classification-detail select{display:block;width:200px;height:35px;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.container-detail .grid-detail .box-detail{grid-area:box-detail}.container-detail .grid-detail .box-detail input{display:flex;width:120px;height:35px}.container-detail .grid-detail .process-detail{grid-area:process-detail}.container-detail .grid-detail .process-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail .information-detail{grid-area:information-detail}.container-detail .grid-detail .information-detail textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.container-detail .grid-detail .location-detail{grid-area:location-detail}.container-detail .grid-detail .location-detail input{display:flex;width:280px;height:35px}.container-detail .grid-detail label{font-size:14px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.status-container-detail{display:flex;gap:2rem;padding-top:15px;background-color:#eaf4f9;flex-wrap:wrap}.card-detail{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d;width:330px;height:170px;padding:0}.card-detail .card-header-detail{display:flex;justify-content:space-between;align-items:center;background-color:#0066af;width:330px;height:40px;color:#fff;padding:1rem 15px;font-weight:600;font-size:11px;border-top-left-radius:6px;border-top-right-radius:6px}.card-detail .row-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 18px;font-size:13px;height:32px;border-bottom:1px solid #eee}.card-detail .row-detail.header-detail{background-color:#f2f2f2;font-weight:700;border-top:1px solid #eee}.card-detail .row-detail .role-detail{display:flex;align-items:center;gap:.5rem;font-weight:500}.card-detail .row-detail .role-detail .approval-icon-detail{width:15px;height:15px}.card-detail .row-detail span{font-size:12px;flex:1}.card-detail .row-detail span:nth-child(1){flex:2}.card-detail .row-detail span:nth-child(2){flex:2}.button-back-detail{display:flex;justify-content:flex-end;padding-top:35px;padding-right:30px}.back-button-detail{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.back-button-detail:hover{background:#576bf0}}@media (max-width: 1280px){.container-detail{width:80.5vw;height:100vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container-detail::-webkit-scrollbar{display:none}.container-detail h2{margin-bottom:17px;font-size:23px}.container-detail .grid-detail{display:grid;padding-top:8px;grid-template-columns:1.4fr 1fr 1.3fr;grid-template-areas:"production-date-detail parts-number-detail parts-number-detail" "request-name-detail classification-detail box-detail" "process-detail information-detail information-detail" "location-detail information-detail information-detail";gap:8px 8px}.container-detail .grid-detail .production-date-detail{grid-area:production-date-detail}.container-detail .grid-detail .production-date-detail input{display:flex;width:150px;height:35px}.container-detail .grid-detail .parts-number-detail{grid-area:parts-number-detail}.container-detail .grid-detail .parts-number-detail input{width:150px;height:35px;display:flex}.container-detail .grid-detail .request-name-detail{grid-area:request-name-detail}.container-detail .grid-detail .request-name-detail input{display:flex;width:260px;height:35px}.container-detail .grid-detail .classification-detail{grid-area:classification-detail;position:relative;display:flex;flex-direction:column}.container-detail .grid-detail .classification-detail select{display:block;width:200px;height:35px;padding:6px 36px 6px 12px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.container-detail .grid-detail .box-detail{grid-area:box-detail}.container-detail .grid-detail .box-detail input{display:flex;width:120px;height:35px}.container-detail .grid-detail .process-detail{grid-area:process-detail}.container-detail .grid-detail .process-detail input{display:flex;width:260px;height:35px}.container-detail .grid-detail .information-detail{grid-area:information-detail}.container-detail .grid-detail .information-detail textarea{display:flex;width:550px;height:117px;padding:10px;resize:none}.container-detail .grid-detail .location-detail{grid-area:location-detail}.container-detail .grid-detail .location-detail input{display:flex;width:260px;height:35px}.container-detail .grid-detail label{font-size:13px;font-weight:600;font-style:italic;margin-bottom:3px;display:inline-block}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-family:Poppins,sans-serif;font-weight:500;padding:8px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;font-size:13px;box-shadow:2px 2px 3px #0000001a}.status-container-detail{display:flex;gap:2rem;padding-top:15px;background-color:#eaf4f9;flex-wrap:wrap}.card-detail{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d;width:330px;height:170px;padding:0}.card-detail .card-header-detail{display:flex;justify-content:space-between;align-items:center;background-color:#0066af;width:330px;height:40px;color:#fff;padding:1rem 15px;font-weight:600;font-size:11px;border-top-left-radius:6px;border-top-right-radius:6px}.card-detail .row-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 18px;font-size:13px;height:32px;border-bottom:1px solid #eee}.card-detail .row-detail.header-detail{background-color:#f2f2f2;font-weight:700;border-top:1px solid #eee}.card-detail .row-detail .role-detail{display:flex;align-items:center;gap:.5rem;font-weight:500}.card-detail .row-detail .role-detail .approval-icon-detail{width:15px;height:15px}.card-detail .row-detail span{font-size:12px;flex:1}.card-detail .row-detail span:nth-child(1){flex:2}.card-detail .row-detail span:nth-child(2){flex:2}.button-back-detail{display:flex;justify-content:flex-end;padding-top:35px;padding-right:20px}.back-button-detail{background:#374dd6;font-family:Poppins,sans-serif;width:150px;height:35px;color:#fff;padding:8px 30px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .3s}.back-button-detail:hover{background:#576bf0}}@media (max-width: 1024px){.container-detail{width:95vw;padding:23px 48px 23px 30px;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.container-detail::-webkit-scrollbar{display:none}.container-detail .head-detail{font-size:23px;margin-bottom:20px}.container-detail .grid-detail{grid-template-columns:1fr 1fr;grid-template-areas:"production-date-detail parts-number-detail" "request-name-detail classification-detail" "process-detail box-detail" "location-detail location-detail" "information-detail information-detail";gap:10px}.container-detail .grid-detail .production-date-detail input,.container-detail .grid-detail .parts-number-detail input,.container-detail .grid-detail .box-detail input{width:150px;height:40px}.container-detail .grid-detail .request-name-detail input,.container-detail .grid-detail .process-detail input,.container-detail .grid-detail .location-detail input,.container-detail .grid-detail .classification-detail select{width:280px;height:40px}.container-detail .grid-detail .information-detail textarea{width:550px;height:120px}.container-detail .grid-detail label{font-size:14px}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-size:14px;padding:8px 12px}.status-container-detail{gap:2.5rem;padding-top:30px;justify-content:flex-start}.card-detail{width:300px;height:160px}.card-detail .card-header-detail{width:300px;height:35px;font-size:12px;padding:.8rem 12px}.card-detail .row-detail{padding:.6rem 12px;font-size:11px;height:28px}.card-detail .row-detail span{font-size:11px}.button-back-detail{padding-top:40px;padding-right:20px}}@media (max-width: 480px){.container-detail{width:100%;max-width:400px;padding:20px 18px 80px;margin:0 auto;height:100dvh;max-height:90vh;overflow-y:auto}.container-detail .head-detail{font-size:23px;text-align:center;margin-bottom:30px}.container-detail .grid-detail{grid-template-columns:1fr;grid-template-areas:"production-date-detail" "parts-number-detail" "request-name-detail" "classification-detail" "box-detail" "process-detail" "location-detail" "information-detail";gap:10px;width:100%}.container-detail .grid-detail .request-name-detail input,.container-detail .grid-detail .request-name-detail select,.container-detail .grid-detail .classification-detail input,.container-detail .grid-detail .classification-detail select,.container-detail .grid-detail .process-detail input,.container-detail .grid-detail .process-detail select,.container-detail .grid-detail .location-detail input,.container-detail .grid-detail .location-detail select{width:90%;height:40px}.container-detail .grid-detail .production-date-detail input,.container-detail .grid-detail .parts-number-detail input,.container-detail .grid-detail .box-detail input{width:190px}.container-detail .grid-detail .production-date-detail input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.container-detail .grid-detail .production-date-detail input::-webkit-calendar-picker-indicator{display:none}.container-detail .grid-detail .information-detail{width:100%}.container-detail .grid-detail .information-detail textarea{width:100%;min-height:150px;height:100px}.container-detail .grid-detail label{font-size:14px;margin-bottom:6px;display:block;width:100%}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-size:15px;padding:6px 12px}.status-container-detail{gap:1.5rem;padding-top:30px;justify-content:center}.card-detail{width:100%;max-width:350px;height:150px}.card-detail .card-header-detail{width:100%;height:35px;font-size:13px;padding:.8rem 10px}.card-detail .row-detail{padding:.6rem 10px;font-size:11px;height:27px}.card-detail .row-detail .role-detail .approval-icon-detail{width:12px;height:12px}.card-detail .row-detail span{font-size:11px}.button-back-detail{padding-top:30px;padding-right:15px;justify-content:center}.back-button-detail{width:150px;height:38px;font-size:14px;padding:8px 16px}}@media (max-width: 380px){.container-detail{padding:20px 18px 80px;max-height:90vh;overflow-y:auto}.container-detail .head-detail{font-size:23px;text-align:center;margin-bottom:30px}.container-detail .grid-detail{grid-template-columns:1fr;grid-template-areas:"production-date-detail" "parts-number-detail" "request-name-detail" "classification-detail" "box-detail" "process-detail" "location-detail" "information-detail";gap:10px;width:100%}.container-detail .grid-detail .request-name-detail input,.container-detail .grid-detail .request-name-detail select,.container-detail .grid-detail .classification-detail input,.container-detail .grid-detail .classification-detail select,.container-detail .grid-detail .process-detail input,.container-detail .grid-detail .process-detail select,.container-detail .grid-detail .location-detail input,.container-detail .grid-detail .location-detail select{width:90%;height:40px;box-sizing:border-box}.container-detail .grid-detail .production-date-detail,.container-detail .grid-detail .parts-number-detail,.container-detail .grid-detail .box-detail{width:190px}.container-detail .grid-detail .information-detail{width:100%}.container-detail .grid-detail .information-detail textarea{width:100%;min-height:150px;height:100px}.container-detail .grid-detail label{font-size:14px;margin-bottom:6px;display:block;width:100%}.container-detail .grid-detail input,.container-detail .grid-detail select,.container-detail .grid-detail textarea{font-size:15px;padding:6px 12px}.back-button-detail{width:140px}}.approval-request{width:87vw;padding:23px 48px 23px 30px;border-radius:8px;font-family:Poppins,sans-serif}.approval-request .approval-request__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.approval-request .approval-request__header h2{font-size:30px;font-style:italic;font-weight:600}.approval-request .approval-request__search{position:relative;display:inline-block}.approval-request .approval-request__search .approval-request__search-icon{position:absolute;top:37%;left:13px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.approval-request .approval-request__search .approval-request__search-input{width:350px;height:40px;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(0,0,0,.35);border-radius:12px;font-size:14px}.approval-request .approval-request__table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.approval-request .approval-request__table-container .approval-request__table{width:100%;border-collapse:collapse}.approval-request .approval-request__table-container .approval-request__table thead th{background-color:#0066af;padding:.75rem;text-align:center;color:#fff;font-size:18px;font-weight:600;border:none}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:65px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{padding:.65rem;border-bottom:1px solid #ddd;font-size:17px;text-align:center;vertical-align:middle}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{display:flex;align-items:center;justify-content:center;padding:.35rem 13px;border-radius:5px;font-size:14px;font-weight:600;min-width:100px;height:35px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status.approval-request__status--approved{background-color:#0fbe1b;color:#fff}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status.approval-request__status--rejected{background-color:red;color:#fff}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:65px;display:flex;justify-content:center;gap:8px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{border:none;border-radius:6px;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:#219cdf;color:#fff;transition:background-color .2s ease}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn:hover{background-color:#4ebefa}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:20px;height:20px}.approval-request .approval-request__table-container .approval-request__table tbody .approval-request__empty-row{text-align:center;color:#999;font-size:15px;padding:2rem;font-style:italic}.approval-request .approval-request__pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap}.approval-request .approval-request__pagination .approval-request__pagination-btn{padding:.3rem .8rem;background:transparent;border:1px solid #0066af;color:#0066af;cursor:pointer;border-radius:8px;font-size:16px;transition:all .2s ease;min-width:40px}.approval-request .approval-request__pagination .approval-request__pagination-btn:hover:not(:disabled){background-color:#0066af;color:#fff}.approval-request .approval-request__pagination .approval-request__pagination-btn:disabled{opacity:1.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.approval-request .approval-request__pagination .approval-request__pagination-btn.active-btn{background-color:#0066af;color:#fff;font-weight:700}.approval-request .approval-request__pagination .approval-request__pagination-btn.previous-btn,.approval-request .approval-request__pagination .approval-request__pagination-btn.next-btn,.approval-request .approval-request__pagination .approval-request__pagination-btn.previos-icon,.approval-request .approval-request__pagination .approval-request__pagination-btn.next-icon{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;text-align:center;gap:8px;font-weight:500}@media (max-width: 1700px){.approval-request{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.approval-request::-webkit-scrollbar{display:none}.approval-request .approval-request__header h2{font-size:23px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:15px}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:50px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:15px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:11px;height:30px;min-width:100px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:53px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{width:30px;height:30px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:15px;height:15px}.approval-request .approval-request__pagination .approval-request__pagination-btn{font-size:13px}}@media (max-width: 1440px){.approval-request{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.approval-request::-webkit-scrollbar{display:none}.approval-request .approval-request__header h2{font-size:23px}.approval-request .approval-request__search .approval-request__search-input{height:40px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:15px}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:50px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:15px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:11px;height:30px;min-width:100px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:53px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{width:30px;height:30px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:15px;height:15px}.approval-request .approval-request__pagination .approval-request__pagination-btn{font-size:13px}}@media (max-width: 1280px){.approval-request{width:82vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.approval-request::-webkit-scrollbar{display:none}.approval-request .approval-request__header h2{font-size:23px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:50px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:11px;height:30px}}@media (max-width: 1024px){.approval-request{width:100vw;padding:30px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:50px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:11px;height:30px;min-width:80px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:60px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{margin-top:4px;width:30px;height:30px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:15px;height:15px}}@media (max-width: 800px){.approval-request{width:100vw;padding:30px}.approval-request .approval-request__search .approval-request__search-input{width:350px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:60px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:13px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:11px;height:35px;min-width:90px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:60px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{margin-top:4px;width:30px;height:30px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:15px;height:15px}}@media (max-width: 480px){.approval-request{width:100vw;padding:30px 20px;max-height:85vh}.approval-request .approval-request__header{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.approval-request .approval-request__header h2{font-size:22px;margin:0;text-align:left}.approval-request .approval-request__search .approval-request__search-input{width:350px}.approval-request .approval-request__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.approval-request .approval-request__table-container .approval-request__table{min-width:550px}.approval-request .approval-request__table-container .approval-request__table thead th{font-size:12px;padding:10px;white-space:nowrap}.approval-request .approval-request__table-container .approval-request__table tbody tr{height:40px}.approval-request .approval-request__table-container .approval-request__table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__status{font-size:10px;height:30px;min-width:100px;padding:4px 8px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions{height:50px;min-width:80px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn{margin-top:2px;width:28px;height:28px}.approval-request .approval-request__table-container .approval-request__table tbody tr .approval-request__actions .approval-request__view-btn .approval-request__action-icon{width:14px;height:14px}.approval-request .approval-request__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.approval-request .approval-request__pagination .approval-request__pagination-btn{font-size:12px;padding:.3rem .5rem;min-width:30px}}@media (max-width: 380px){.approval-request{padding:30px 15px}.approval-request .approval-request__search .approval-request__search-input{width:320px}.approval-request .approval-request__pagination{justify-content:center;gap:.51rem}.approval-request .approval-request__pagination .approval-request__pagination-btn{font-size:12px;min-width:27px}}.report-container{background-color:transparent;padding:15px;width:87vw;margin:20px;font-family:Poppins,sans-serif}.report-container .report-title{font-size:30px;font-weight:700;font-style:italic;margin-bottom:55px}.report-container .form-group-report{margin-bottom:30px}.report-container .form-group-report label{display:flex;font-size:18px;margin-bottom:3px}.report-container .form-group-report .input-field{width:800px;height:50px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:18px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.report-container .form-group-report .input-field:focus{outline:none;border-color:#0066af80}.report-container .button-group-report{font-family:Poppins,sans-serif;display:flex;justify-content:flex-end;padding-top:30px;padding-right:230px}.report-container .button-group-report .export-buttons{display:flex;justify-content:space-between;gap:25px}.report-container .button-group-report .export-buttons .pdf-btn{width:200px;height:60px;margin:auto;justify-content:center;background-color:#ed1010;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:19px;display:flex;align-items:center;gap:13px;cursor:pointer}.report-container .button-group-report .export-buttons .pdf-btn:hover{background-color:#f44545}.report-container .button-group-report .export-buttons .excel-btn{width:200px;height:60px;margin:auto;justify-content:center;background-color:#0fbe1b;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:19px;display:flex;align-items:center;gap:13px;cursor:pointer}.report-container .button-group-report .export-buttons .excel-btn:hover{background-color:#14d721}.report-container .button-group-report .export-buttons img{width:30px;height:30px}@media (max-width: 1700px){.report-container{width:85vw}.report-container .report-title{font-size:23px}.report-container .form-group-report{margin-bottom:30px}.report-container .form-group-report label{display:flex;font-size:16px;margin-bottom:3px}.report-container .form-group-report .input-field{width:620px;height:40px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.report-container .form-group-report .input-field:focus{outline:none;border-color:#0066af80}.report-container .button-group-report{padding-top:30px;padding-right:270px}.report-container .button-group-report .export-buttons{display:flex;gap:20px}.report-container .button-group-report .export-buttons .pdf-btn{width:160px;height:45px;background-color:#ed1010;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.report-container .button-group-report .export-buttons .pdf-btn:hover{background-color:#f44545}.report-container .button-group-report .export-buttons .excel-btn{width:160px;height:45px;background-color:#0fbe1b;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.report-container .button-group-report .export-buttons .excel-btn:hover{background-color:#14d721}.report-container .button-group-report .export-buttons img{width:23px;height:23px}}@media (max-width: 1440px){.report-container{width:82.5vw}.report-container .report-title{font-size:23px}.report-container .form-group-report{margin-bottom:30px}.report-container .form-group-report label{display:flex;font-size:16px;margin-bottom:3px}.report-container .form-group-report .input-field{width:620px;height:40px;border-radius:8px;box-shadow:2px 2px 3px #0000001a;background-color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;padding:8px 10px;border:1px solid rgba(0,102,175,.5)}.report-container .form-group-report .input-field:focus{outline:none;border-color:#0066af80}.report-container .button-group-report{padding-top:30px;padding-right:110px}.report-container .button-group-report .export-buttons{display:flex;gap:20px}.report-container .button-group-report .export-buttons .pdf-btn{width:160px;height:45px;background-color:#ed1010;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.report-container .button-group-report .export-buttons .pdf-btn:hover{background-color:#f44545}.report-container .button-group-report .export-buttons .excel-btn{width:160px;height:45px;background-color:#0fbe1b;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:12px;cursor:pointer}.report-container .button-group-report .export-buttons .excel-btn:hover{background-color:#14d721}.report-container .button-group-report .export-buttons img{width:23px;height:23px}}@media (max-width: 1280px){.report-container{width:80.5vw}.report-container .form-group-report .input-field{width:550px}.report-container .button-group-report{padding-top:30px;padding-right:50px}}@media (max-width: 1024px){.report-container{width:90vw;padding:15px;margin:15px}.report-container .report-title{font-size:23px;margin-bottom:40px}.report-container .form-group-report{margin-bottom:27px}.report-container .form-group-report label{font-size:16px}.report-container .form-group-report .input-field{width:100%;max-width:450px;height:40px;font-size:14px}.report-container .button-group-report{padding-top:25px;padding-right:0;justify-content:flex-end}.report-container .button-group-report .export-buttons{gap:17px}.report-container .button-group-report .export-buttons .pdf-btn,.report-container .button-group-report .export-buttons .excel-btn{width:160px;height:45px;font-size:15px;gap:8px}.report-container .button-group-report .export-buttons img{width:23px;height:23px}}@media (max-width: 800px){.report-container{width:95vw;padding:15px;margin:15px}.report-container .report-title{font-size:23px;margin-bottom:35px}.report-container .form-group-report{margin-bottom:25px}.report-container .form-group-report label{font-size:16px;margin-bottom:5px}.report-container .form-group-report .input-field{width:100%;max-width:370px;height:40px;font-size:14px}.report-container .button-group-report{padding-top:20px;padding-right:15px;justify-content:flex-end}.report-container .button-group-report .export-buttons{gap:15px}.report-container .button-group-report .export-buttons .pdf-btn,.report-container .button-group-report .export-buttons .excel-btn{width:150px;height:40px;font-size:14px;gap:8px}.report-container .button-group-report .export-buttons img{width:20px;height:20px}}@media (max-width: 480px){.report-container{width:100%;padding:20px 18px 80px;margin:5px}.report-container .report-title{font-size:23px;margin-bottom:35px;text-align:center}.report-container .form-group-report{margin-bottom:18px}.report-container .form-group-report label{font-size:14px;margin-bottom:5px}.report-container .form-group-report .input-field{width:100%;max-width:345px;height:40px;font-size:13px;padding:8px 10px}.report-container .button-group-report{font-family:Poppins,sans-serif;padding-top:18px;justify-content:center}.report-container .button-group-report .export-buttons{gap:20px}.report-container .button-group-report .export-buttons .pdf-btn,.report-container .button-group-report .export-buttons .excel-btn{width:150px;height:42px;font-size:14px;gap:10px;padding:10px 15px}.report-container .button-group-report .export-buttons img{width:23px;height:23px}}@media (max-width: 380px){.report-container{width:100%;padding:20px 18px 80px;margin:5px}.report-container .report-title{font-size:23px;margin-bottom:35px;text-align:center}.report-container .form-group-report{margin-bottom:18px}.report-container .form-group-report label{font-size:14px;margin-bottom:5px}.report-container .form-group-report .input-field{width:100%;max-width:315px;height:40px;font-size:13px;padding:8px 10px}.report-container .button-group-report{font-family:Poppins,sans-serif;padding-top:18px;justify-content:center}.report-container .button-group-report .export-buttons{gap:15px}.report-container .button-group-report .export-buttons .pdf-btn,.report-container .button-group-report .export-buttons .excel-btn{width:150px;height:42px;font-size:14px;gap:10px;padding:10px 15px}.report-container .button-group-report .export-buttons img{width:23px;height:23px}}.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.6) calc(50% - .5px),rgba(183,210,246,.6) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.6) calc(50% - .5px),rgba(183,210,246,.6) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 40%,#b7d2f64d,#b7d2f680),linear-gradient(to bottom,#fff 25%,#c2d8f9 95%);background-size:32px 32px,32px 32px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;animation:gridMove 8s linear infinite;width:100%;min-height:100vh;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden!important}@keyframes gridMove{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:32px 32px,32px 32px,0 0,0 0}}.signup-card{background:#fff;padding:30px;border-radius:14px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.signup-card::-webkit-scrollbar{display:none;width:0;background:transparent}.signup-card::-webkit-scrollbar-track{background:transparent}.signup-card::-webkit-scrollbar-thumb{background:transparent}.signup-card input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.signup-card .logo{width:150px;margin:0 auto 25px;display:block}.signup-card h2{font-size:17px;color:#0165b9;font-weight:700;text-align:center;padding-bottom:5px}.signup-card h2 .highlight{color:#2ea1d8}.signup-card h3{font-size:14px;text-align:center}.signup-card .sub-text{font-size:13px;font-weight:600;margin-bottom:40px;text-align:center}.signup-card .section-input{display:flex;flex-direction:column;width:100%}.signup-card .section-input .label-input{font-size:13px;font-weight:600}.signup-card .section-input input,.signup-card .section-input .input{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;border-radius:6px;font-family:Inter,sans-serif;font-size:13px}.signup-card .section-input select,.signup-card .section-input option{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;font-size:13px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%208L10%2013L15%208%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:18px;font-family:Inter,sans-serif;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff}.signup-card .section-input select:focus,.signup-card .section-input option:focus{outline:none;border-color:#0066afcc}.signup-card .section-input .section-input-password{display:flex;flex-direction:column}.signup-card .section-input .section-input-password .input-password{position:relative;display:inline-block}.signup-card .section-input .section-input-password .input-password input{padding-right:30px;box-sizing:border-box}.signup-card .section-input .section-input-password .input-password span{position:absolute;top:43%;right:10px;transform:translateY(-50%);cursor:pointer}.signup-card .section-input .section-input-password .input-password span svg{width:20px;height:20px;color:#1c85b7}.signup-card .section-input .section-input-password p{padding:0;margin:0;font-size:.8rem;color:#0263b7;text-decoration:none}.signup-card .section-input .section-input-password p:hover{color:#2ea1d8}.signup-card .section-input .otp-inputs{display:flex;gap:8px;justify-content:center;margin-top:10px}.signup-card .section-input .otp-inputs .otp-input{width:45px!important;height:45px!important;text-align:center;font-size:18px!important;font-weight:700;border:2px solid #2ea1d8!important;border-radius:8px!important;background-color:#fff;color:#333;font-family:Poppins,sans-serif;transition:all .2s ease}.signup-card .section-input .otp-inputs .otp-input:focus{outline:none;border-color:#0165b9!important;box-shadow:0 0 0 3px #2ea1d833;transform:scale(1.05)}.signup-card .section-input .otp-inputs .otp-input:hover{border-color:#0165b9}.signup-card button{justify-content:center;margin:20px auto 0;background:#0263b7;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;width:100%;max-width:200px;height:45px}.signup-card button:hover{background:#1976d2}.signup-card .auth-text{font-size:13px;margin-top:20px;margin-bottom:0;text-align:center;text-decoration:none}.signup-card .auth-text span{cursor:pointer;text-decoration:underline;color:#0263b7}.signup-card .auth-text span:hover{color:#2ea1d8}.signup-card .date-input-container{position:relative;display:flex;width:100%}.signup-card .date-input-container input[type=date]{padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.signup-card .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field{background:transparent;color:#000}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:hover,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:hover,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:hover{background:transparent}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:focus,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:focus,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:focus{background:transparent;outline:none}.signup-card .date-input-container .calendar-icon-clickable{position:absolute;right:14px;top:38%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:20px;transition:color .3s ease}.signup-card .date-input-container .calendar-icon-clickable:hover{color:#0066af}.signup-card .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.signup-card .alert-overlay{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;z-index:9999;pointer-events:none}.signup-card .alert{background-color:#fef3f2;color:red;font-size:15px;padding:3px 8px;margin-top:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0003;width:-moz-fit-content;width:fit-content;height:50px;text-align:center;pointer-events:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .5s ease-in-out}.signup-card .alert.error{border:1px solid #f44336}.signup-card .alert.fade-out{opacity:0}.signup-card .alert.success{background-color:#f0f9ff;color:#0891b2;border:1px solid #0891b2}@media (max-width: 1440px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 35%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 20%,#c2d8f9 90%);background-size:22px 22px,22px 22px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}.signup-card{background:#fff;padding:30px;border-radius:14px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;height:auto;display:flex;flex-direction:column}.signup-card .logo{width:80px;margin:0 auto 25px;display:block}.signup-card h2{font-size:17px;color:#0165b9;font-weight:700;text-align:center;padding-bottom:5px}.signup-card h2 .highlight{color:#2ea1d8}.signup-card h3{font-size:14px;text-align:center}.signup-card .sub-text{font-size:13px;font-weight:600;margin-bottom:40px;text-align:center}.signup-card .section-input{display:flex;flex-direction:column;width:100%;gap:8px}.signup-card .section-input .label-input{font-size:13px;font-weight:600}.signup-card .section-input input{width:100%;height:37px;margin-top:3px;padding:0 10px;border:1px solid #2ea1d8;border-radius:6px;font-size:13px}.signup-card button{justify-content:center;margin:35px auto 0;background:#0263b7;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;width:100%;max-width:200px;height:45px}.signup-card button:hover{background:#1976d2}.signup-card .date-input-container{position:relative;display:flex;width:100%}.signup-card .date-input-container input[type=date]{padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.signup-card .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field{background:transparent;color:#000}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:hover,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:hover,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:hover{background:transparent}.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:focus,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:focus,.signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:focus{background:transparent;outline:none}.signup-card .date-input-container .calendar-icon-clickable{position:absolute;right:15px;top:38%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:18px;transition:color .3s ease}.signup-card .date-input-container .calendar-icon-clickable:hover{color:#0066af}.signup-card .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}}@media (max-width: 1280px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 20%,#c2d8f9 90%);background-size:22px 22px,22px 22px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.signup-container::-webkit-scrollbar{display:none;width:0;background:transparent}.signup-container::-webkit-scrollbar-track{background:transparent}.signup-container::-webkit-scrollbar-thumb{background:transparent}}@media (max-width: 1024px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 18%,#c2d8f9 88%);background-size:30px 30px,30px 30px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;max-height:100vh}}@media (max-width: 800px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 15%,#c2d8f9 85%);background-size:30px 30px,30px 30px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal}}@media (max-width: 480px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 12%,#c2d8f9 82%);background-size:27px 27px,27px 27px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;max-height:100vh}.signup-container .signup-card .date-input-container{position:relative;display:flex;width:100%}.signup-container .signup-card .date-input-container input[type=date]{padding:6px 10px;border:1px solid rgba(0,102,175,.5);border-radius:8px;background-color:#fff;box-shadow:2px 2px 3px #0000001a;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.signup-container .signup-card .date-input-container input[type=date]::-webkit-calendar-picker-indicator{display:none}.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field{background:transparent;color:#000}.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:hover,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:hover,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:hover{background:transparent}.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-month-field:focus,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-day-field:focus,.signup-container .signup-card .date-input-container input[type=date]::-webkit-datetime-edit-year-field:focus{background:transparent;outline:none}.signup-container .signup-card .date-input-container .calendar-icon-clickable{position:absolute;right:15px;top:38%;transform:translateY(-50%);cursor:pointer;color:#1c85b7;font-size:18px;transition:color .3s ease}.signup-container .signup-card .date-input-container .calendar-icon-clickable:hover{color:#0066af}.signup-container .signup-card .date-input-container .calendar-icon-clickable:active{transform:translateY(-50%) scale(.95)}}@media (max-width: 380px){.signup-container{background:linear-gradient(to right,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,transparent 0%,transparent calc(50% - .5px),rgba(183,210,246,.5) calc(50% - .5px),rgba(183,210,246,.5) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(to bottom,#fff0,#fff0 25%,#b7d2f680 65%,#b7d2f680),linear-gradient(to bottom,#fff 12%,#c2d8f9 82%);background-size:23px 23px,23px 23px,100% 100%,100% 100%;background-blend-mode:multiply,multiply,normal,normal;max-height:100vh}}.auditlog{width:87vw;padding:23px 48px 23px 30px;border-radius:8px;font-family:Poppins,sans-serif}.auditlog .auditlog__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.auditlog .auditlog__header h2{font-size:30px;font-style:italic;font-weight:600}.auditlog .auditlog__search{position:relative;display:inline-block}.auditlog .auditlog__search .auditlog__search-icon{position:absolute;top:37%;left:13px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.auditlog .auditlog__search .auditlog__search-input{width:350px;height:40px;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(0,0,0,.35);border-radius:12px;font-size:14px}.auditlog .auditlog__table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.auditlog .auditlog__table-container .auditlog__table{width:100%;border-collapse:collapse}.auditlog .auditlog__table-container .auditlog__table thead th{background-color:#0066af;padding:.75rem;text-align:center;color:#fff;font-size:18px;font-weight:600;border:none}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:65px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{padding:.65rem;border-bottom:1px solid #ddd;font-size:20px;text-align:center;vertical-align:middle}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{display:flex;align-items:center;justify-content:center;padding:.35rem 13px;border-radius:5px;font-size:14px;font-weight:600;min-width:100px;height:35px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status.auditlog__status--approved{background-color:#0fbe1b;color:#fff}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status.auditlog__status--rejected{background-color:red;color:#fff}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:65px;display:flex;justify-content:center;gap:8px;margin-top:10px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{border:none;border-radius:6px;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#219cdf;color:#fff;transition:background-color .2s ease}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn:hover{background-color:#4ebefa}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:20px;height:20px}.auditlog .auditlog__table-container .auditlog__table tbody .auditlog__empty-row{text-align:center;color:#999;font-size:15px;padding:2rem;font-style:italic}.auditlog .auditlog__pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap}.auditlog .auditlog__pagination .auditlog__pagination-btn{padding:.3rem .8rem;color:#0066af;cursor:pointer;border-radius:8px;font-size:16px;transition:all .2s ease;border:1px solid #0066af;background-color:#fff;min-width:40px}.auditlog .auditlog__pagination .auditlog__pagination-btn:hover:not(:disabled){background-color:#0066af;color:#fff}.auditlog .auditlog__pagination .auditlog__pagination-btn:disabled{opacity:1.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.auditlog .auditlog__pagination .auditlog__pagination-btn.active-btn{background-color:#0066af;color:#fff;font-weight:700}.auditlog .auditlog__pagination .auditlog__pagination-btn.previous-btn,.auditlog .auditlog__pagination .auditlog__pagination-btn.next-btn,.auditlog .auditlog__pagination .auditlog__pagination-btn.previos-icon,.auditlog .auditlog__pagination .auditlog__pagination-btn.next-icon{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;text-align:center;gap:8px;font-weight:500}@media (max-width: 1700px){.auditlog{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auditlog::-webkit-scrollbar{display:none}.auditlog .auditlog__header h2{font-size:23px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:15px}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:50px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:15px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:11px;height:30px;min-width:100px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:53px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{width:30px;height:30px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:15px;height:15px}.auditlog .auditlog__pagination .auditlog__pagination-btn{font-size:13px}}@media (max-width: 1440px){.auditlog{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auditlog::-webkit-scrollbar{display:none}.auditlog .auditlog__header h2{font-size:23px}.auditlog .auditlog__search .auditlog__search-input{height:40px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:15px}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:50px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:15px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:11px;height:30px;min-width:100px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:53px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{width:30px;height:30px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:15px;height:15px}.auditlog .auditlog__pagination .auditlog__pagination-btn{font-size:13px}}@media (max-width: 1280px){.auditlog{width:82vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auditlog::-webkit-scrollbar{display:none}.auditlog .auditlog__header h2{font-size:23px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:50px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:11px;height:30px}}@media (max-width: 1024px){.auditlog{width:100vw;padding:30px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:50px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:11px;height:30px;min-width:80px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:60px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{margin-top:4px;width:30px;height:30px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:15px;height:15px}}@media (max-width: 800px){.auditlog{width:100vw;padding:30px}.auditlog .auditlog__search .auditlog__search-input{width:350px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:60px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:13px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:11px;height:35px;min-width:90px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:60px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{margin-top:4px;width:30px;height:30px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:15px;height:15px}}@media (max-width: 480px){.auditlog{width:100vw;padding:30px 20px;max-height:85vh}.auditlog .auditlog__header{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.auditlog .auditlog__header h2{font-size:23px;margin:0;text-align:left}.auditlog .auditlog__search .auditlog__search-input{width:350px}.auditlog .auditlog__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.auditlog .auditlog__table-container .auditlog__table{min-width:550px}.auditlog .auditlog__table-container .auditlog__table thead th{font-size:12px;padding:10px;white-space:nowrap}.auditlog .auditlog__table-container .auditlog__table tbody tr{height:40px}.auditlog .auditlog__table-container .auditlog__table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__status{font-size:10px;height:30px;min-width:100px;padding:4px 8px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions{height:50px;min-width:80px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn{margin-top:2px;width:28px;height:28px}.auditlog .auditlog__table-container .auditlog__table tbody tr .auditlog__actions .auditlog__view-btn .auditlog__action-icon{width:14px;height:14px}.auditlog .auditlog__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.auditlog .auditlog__pagination .auditlog__pagination-btn{font-size:12px;padding:.3rem .5rem;min-width:30px}}@media (max-width: 380px){.auditlog{padding:30px 15px}.auditlog .auditlog__search .auditlog__search-input{width:320px}.auditlog .auditlog__pagination{justify-content:center;gap:.51rem}.auditlog .auditlog__pagination .auditlog__pagination-btn{font-size:12px;min-width:27px}}.registration{width:87vw;padding:23px 48px 23px 30px;border-radius:8px;font-family:Poppins,sans-serif;min-height:100vh}.registration .registration__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.registration .registration__header h2{font-size:30px;font-style:italic;font-weight:600}.registration .registration__search{position:relative;display:inline-block}.registration .registration__search .registration__search-icon{position:absolute;top:37%;left:13px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.registration .registration__search .registration__search-input{width:350px;height:40px;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(0,0,0,.35);border-radius:12px;font-size:14px}.registration .registration__table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.registration .registration__table-container .registration__table{width:100%;border-collapse:collapse}.registration .registration__table-container .registration__table thead th{background-color:#0066af;padding:.75rem;text-align:center;color:#fff;font-size:18px;font-weight:600;border:none}.registration .registration__table-container .registration__table tbody tr{height:65px}.registration .registration__table-container .registration__table tbody tr td{padding:.65rem;border-bottom:1px solid #ddd;font-size:17px;text-align:center;vertical-align:middle}.registration .registration__table-container .registration__table tbody tr .registration-status{display:flex;align-items:center;justify-content:center;padding:.35rem 13px;border-radius:5px;font-size:14px;font-weight:600;min-width:100px;height:35px;background-color:#ffc107;color:#212529}.registration .registration__table-container .registration__table tbody tr .registration-status.registration-status-approved{background-color:#0fbe1b;color:#fff}.registration .registration__table-container .registration__table tbody tr .registration-status.registration-status-rejected{background-color:red;color:#fff}.registration .registration__table-container .registration__table tbody tr .registration__actions{height:65px;display:flex;justify-content:center;gap:8px;margin-top:10px}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button{border:none;border-radius:6px;padding:.4rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:background-color .2s ease}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button .registration__action-icon{width:15px;height:15px}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.view-button{background-color:#219cdf;color:#fff}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.view-button:hover{background-color:#4ebefa}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.approve-button{background-color:#0fbe1b;color:#fff}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.approve-button:hover{background-color:#14d721}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.reject-button{background-color:#ed1010;color:#fff}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button.reject-button:hover{background-color:#f44545}.registration .registration__table-container .registration__table tbody tr .registration__actions .registration__action-button:disabled{opacity:.5;cursor:not-allowed}.registration .registration__table-container .registration__table tbody .registration__empty-row{text-align:center;color:#999;font-size:15px;padding:2rem;font-style:italic}.registration .registration__pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap}.registration .registration__pagination .registration__pagination-btn{padding:.3rem .8rem;background:transparent;border:1px solid #0066af;color:#0066af;cursor:pointer;border-radius:8px;font-size:16px;transition:all .2s ease;min-width:40px}.registration .registration__pagination .registration__pagination-btn:hover:not(:disabled){background-color:#0066af;color:#fff}.registration .registration__pagination .registration__pagination-btn:disabled{opacity:1.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.registration .registration__pagination .registration__pagination-btn.active-btn{background-color:#0066af;color:#fff;font-weight:700}.registration .registration__pagination .registration__pagination-btn.previous-btn,.registration .registration__pagination .registration__pagination-btn.next-btn,.registration .registration__pagination .registration__pagination-btn.previos-icon,.registration .registration__pagination .registration__pagination-btn.next-icon{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;text-align:center;gap:8px;font-weight:500}@media (max-width: 1700px){.registration{width:85vw;max-height:87vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.registration::-webkit-scrollbar{display:none}.registration .registration__header h2{font-size:23px}.registration .registration__table-container .registration__table thead th{font-size:15px}.registration .registration__table-container .registration__table tbody tr{height:50px}.registration .registration__table-container .registration__table tbody tr td{font-size:15px}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:11px;height:30px;min-width:100px}.registration .registration__table-container .registration__table tbody tr .registration-actions{height:53px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button{width:30px;height:30px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button .registration__action-icon{width:15px;height:15px}.registration .registration__pagination .registration__pagination-btn{font-size:13px}}@media (max-width: 1440px){.registration{width:82.5vw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.registration::-webkit-scrollbar{display:none}.registration .registration__header h2{font-size:23px}.registration .registration__search .registration__search-input{height:40px}.registration .registration__table-container .registration__table thead th{font-size:15px}.registration .registration__table-container .registration__table tbody tr{height:50px}.registration .registration__table-container .registration__table tbody tr td{font-size:15px}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:11px;height:30px;min-width:100px}.registration .registration__table-container .registration__table tbody tr .registration-actions{height:53px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button{width:30px;height:30px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button .registration__action-icon{width:15px;height:15px}.registration .registration__pagination .registration__pagination-btn{font-size:13px}}@media (max-width: 1280px){.registration{width:82vw;max-height:82vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.registration::-webkit-scrollbar{display:none}.registration .registration__header h2{font-size:23px}.registration .registration__table-container .registration__table thead th{font-size:13px}.registration .registration__table-container .registration__table tbody tr{height:50px}.registration .registration__table-container .registration__table tbody tr td{font-size:13px}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:11px;height:30px}}@media (max-width: 1024px){.registration{width:100vw;padding:30px}.registration .registration__table-container .registration__table thead th{font-size:13px}.registration .registration__table-container .registration__table tbody tr{height:50px}.registration .registration__table-container .registration__table tbody tr td{font-size:13px}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:11px;height:30px;min-width:80px}.registration .registration__table-container .registration__table tbody tr .registration-actions{height:60px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button{margin-top:4px;width:30px;height:30px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button .registration__action-icon{width:15px;height:15px}}@media (max-width: 800px){.registration{width:100vw;padding:30px}.registration .registration__search .registration__search-input{width:350px}.registration .registration__table-container .registration__table thead th{font-size:13px}.registration .registration__table-container .registration__table tbody tr{height:60px}.registration .registration__table-container .registration__table tbody tr td{font-size:13px}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:11px;height:35px;min-width:90px}.registration .registration__table-container .registration__table tbody tr .registration-actions{height:60px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button{margin-top:4px;width:30px;height:30px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button .registration__action-icon{width:15px;height:15px}}@media (max-width: 480px){.registration{width:100vw;padding:30px 20px;max-height:85vh}.registration .registration__header{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:75%}.registration .registration__header h2{font-size:23px;margin:0;text-align:left}.registration .registration__search .registration__search-input{width:350px}.registration .registration__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;width:calc(100% + 12px)}.registration .registration__table-container .registration__table{min-width:550px}.registration .registration__table-container .registration__table thead th{font-size:12px;padding:10px;white-space:nowrap}.registration .registration__table-container .registration__table tbody tr{height:40px}.registration .registration__table-container .registration__table tbody tr td{font-size:12px;padding:8px 6px;white-space:nowrap}.registration .registration__table-container .registration__table tbody tr .registration-status{font-size:10px;height:30px;min-width:100px;padding:4px 8px}.registration .registration__table-container .registration__table tbody tr .registration-actions{height:50px;min-width:80px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button{margin-top:2px;width:28px;height:28px}.registration .registration__table-container .registration__table tbody tr .registration-actions .registration__action-button .registration__action-icon{width:14px;height:14px}.registration .registration__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.53rem;align-items:center}.registration .registration__pagination .registration__pagination-btn{font-size:12px;padding:.3rem .5rem;min-width:30px}}@media (max-width: 380px){.registration{padding:30px 15px}.registration .registration__search .registration__search-input{width:320px}.registration .registration__pagination{justify-content:center;gap:.51rem}.registration .registration__pagination .registration__pagination-btn{font-size:12px;min-width:27px}}.detail-modal{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.detail-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.detail-modal__header h3{margin:0;color:#333;font-size:1.25rem}.detail-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.detail-modal__close:hover{background-color:#f8f9fa;color:#333}.detail-modal__body{padding:1.5rem}.detail-modal__section{margin-bottom:2rem}.detail-modal__section:last-child{margin-bottom:0}.detail-modal__section h4{margin:0 0 1rem;color:#333;font-size:1.1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.detail-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-modal__field{display:flex;flex-direction:column;gap:.25rem}.detail-modal__field--full{grid-column:1/-1}.detail-modal__field label{font-weight:600;color:#555;font-size:.9rem}.detail-modal__field span{color:#333;padding:.5rem 0;border-bottom:1px solid #e0e0e0;min-height:1.5rem}.detail-modal__status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.detail-modal__status--pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.detail-modal__status--approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.detail-modal__status--rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.detail-modal__verified{font-weight:600}.detail-modal__verified.verified{color:#28a745}.detail-modal__verified.unverified{color:#dc3545}.detail-modal__rejection-reason{background-color:#f8f9fa;padding:1rem;border-radius:.25rem;border-left:4px solid #dc3545;font-style:italic;color:#666;line-height:1.5}.detail-modal__footer{padding:1.5rem;border-top:1px solid #e0e0e0;text-align:right}.detail-modal__button{padding:.75rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.detail-modal__button:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 5px #0003}@media (max-width: 768px){.detail-modal{margin:1rem;max-width:calc(100vw - 2rem)}.detail-modal__grid{grid-template-columns:1fr}.detail-modal__header,.detail-modal__body,.detail-modal__footer{padding:1rem}}.reject-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;font-family:Poppins,sans-serif}.reject-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.reject-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}.reject-modal__header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.reject-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.reject-modal__close:hover:not(:disabled){background-color:#f8f9fa;color:#333}.reject-modal__close:disabled{opacity:.5;cursor:not-allowed}.reject-modal__body{padding:0 1.5rem 1.5rem}.reject-modal__info{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #0066af}.reject-modal__info p{margin:.25rem 0;font-size:.9rem;color:#555}.reject-modal__info p strong{color:#333;font-weight:600}.reject-modal__form-group{margin-bottom:1rem}.reject-modal__form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.reject-modal__required{color:#dc3545;font-weight:700}.reject-modal__textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:.9rem;resize:vertical;transition:border-color .3s ease;line-height:1.5}.reject-modal__textarea:focus{outline:none;border-color:#0066af;box-shadow:0 0 0 3px #0066af1a}.reject-modal__textarea::-moz-placeholder{color:#999}.reject-modal__textarea::placeholder{color:#999}.reject-modal__textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.reject-modal__char-count{text-align:right;font-size:.75rem;color:#666;margin-top:.25rem}.reject-modal__footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.reject-modal__button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;font-family:inherit}.reject-modal__button:disabled{opacity:.6;cursor:not-allowed}.reject-modal__button.cancel-button{background-color:#6c757d;color:#fff}.reject-modal__button.cancel-button:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.reject-modal__button.reject-button{background-color:#dc3545;color:#fff}.reject-modal__button.reject-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.reject-modal__button.reject-button:disabled{background-color:#f8f9fa;color:#6c757d;border:1px solid #ddd}.reject-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.reject-modal{margin:1rem;max-width:calc(100vw - 2rem)}.reject-modal__header,.reject-modal__body,.reject-modal__footer{padding-left:1rem;padding-right:1rem}.reject-modal__footer{flex-direction:column}.reject-modal__footer .reject-modal__button{width:100%;margin:0}}@media (max-width: 480px){.reject-modal__info{padding:.75rem}.reject-modal__info p{font-size:.8rem}.reject-modal__textarea{font-size:.85rem;padding:.6rem}.reject-modal__button{font-size:.85rem;padding:.6rem 1rem}}