:root{--id-width: 486px;--id-height: 306px}#page-loader{position:fixed;inset:0;background:linear-gradient(135deg,#fff,#faf8ff 45%,#f5efff);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}#page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{width:min(92vw,560px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.loader-content lottie-player{width:min(300px,70vw)!important;height:min(300px,70vw)!important;margin-bottom:4px}.loader-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-8px}.loader-logo{width:78px;height:78px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 8px 18px rgba(124,58,237,.18))}.loader-brand-name{color:#1d1630;font-size:1.35rem;font-weight:900;line-height:1;letter-spacing:1.8px}.loader-brand-name span{color:#7c3aed}.load-text{margin-top:18px;color:#2b2140;font-family:Science Gothic,system-ui,sans-serif;font-size:clamp(1.15rem,2.5vw,1.7rem);font-weight:800;line-height:1.3;text-align:center}.loader-subtext{display:block;margin-top:7px;color:#8c829a;font-size:.85rem;line-height:1.5}.dots{display:inline-block;font-weight:900;animation:wave 1s infinite ease-in-out}.dots:nth-child(1){animation-delay:0s}.dots:nth-child(2){animation-delay:.2s}.dots:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}@media(max-width:768px){.loader-content lottie-player{width:min(260px,68vw)!important;height:min(260px,68vw)!important}.loader-logo{width:68px;height:68px}.loader-brand-name{font-size:1.2rem}.load-text{font-size:1.1rem}.loader-subtext{font-size:.78rem}}@media(max-width:540px){.loader-content{padding:18px}.loader-content lottie-player{width:min(230px,65vw)!important;height:min(230px,65vw)!important}.loader-logo{width:60px;height:60px}.loader-brand-name{font-size:1.05rem;letter-spacing:1.3px}.load-text{margin-top:15px;font-size:1rem}.loader-subtext{max-width:280px;font-size:.72rem}}@media(max-width:375px){.loader-content lottie-player{width:205px!important;height:205px!important}.loader-logo{width:54px;height:54px}.loader-brand-name{font-size:.98rem}.load-text{font-size:.9rem}.loader-subtext{font-size:.68rem}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade_out{animation-name:fadeOut;animation-duration:.3s;animation-fill-mode:forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slide_in{opacity:0;animation-name:slideIn;animation-duration:.3s;animation-fill-mode:forwards}.skeleton{height:14px;width:100%;border-radius:4px;background:linear-gradient(90deg,#eee,#ddd,#eee);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.table-hidden{opacity:0;display:none}.table-visible{opacity:1;display:table-row-group;transition:opacity .4s ease}.nav-small-cap .nav-small-cap-icon{display:inline-block!important;margin-right:6px;transform:translateY(6px);font-size:1.3rem!important}.left-sidebar{top:82px!important}.brand-logo a img{width:200px;height:auto;object-fit:contain;border-radius:10px;transform:translateY(13px);box-shadow:0 4px 8px #0000004d}.app-header{top:82px!important}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1199px){.brand-logo a img{width:170px}}@media(max-width:992px){.pdrrmo-title{font-size:1.15rem}.pdrrmo-subtitle{font-size:.8rem}.pdrrmo-logo{width:52px}.app-header{top:84px!important}.container-fluid{padding-top:180px!important}}@media(max-width:768px){.pdrrmo-title{font-size:1rem;letter-spacing:1px!important}.pdrrmo-subtitle{font-size:.75rem}.pdrrmo-logo{width:48px}.app-header{top:80px!important}.card-body{padding-left:10px!important;padding-right:10px!important}}@media(max-width:576px){.pdrrmo-title{font-size:.9rem;text-shadow:1px 2px 3px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.5)}.pdrrmo-subtitle{font-size:.7rem}.pdrrmo-logo{width:42px}.title-group{gap:10px}.app-header{top:74px!important}.container-fluid{padding-top:170px!important}}@media(max-width:478px){.pdrrmo-title{font-size:.75rem}.pdrrmo-subtitle{font-size:.55rem}.container-fluid{padding-top:160px!important}}@media(max-width:422px){.app-header{top:75px!important}}@media(max-width:348px){.app-header{top:106px!important}.container-fluid{padding-top:180px!important}}.modal-header{background-color:#0d6efd!important;border-top-left-radius:14px;border-top-right-radius:14px}tr td{vertical-align:middle!important}.select2-dropdown--below{max-height:370px;overflow-y:auto;top:-1px}.login-logo{border-radius:12px;border:1px solid #efefef}.card{background:#ffffff5c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.img-logo{position:fixed}.img-logo img{width:auto;height:auto;object-fit:contain}.select2-container--bootstrap-5 .select2-selection{min-height:38px;padding:.375rem .75rem;border-radius:.375rem}.bg-purple{background-color:#6f42c1!important}.bg-pink{background-color:#d63384!important}.employee-qr{width:140px;height:140px;margin:auto;display:flex;justify-content:center;align-items:center;background:#fff;padding:10px;border-radius:18px;border:2px solid rgba(212,175,55,.25);box-shadow:0 8px 20px #00000014}.employee-id-modal{border:none;border-radius:18px;overflow:hidden}.employee-id-modal .modal-header{background:#111;color:#fff;border-bottom:3px solid #D4AF37;padding:22px 28px}.employee-id-modal .modal-title{font-weight:700}.employee-id-modal .modal-title i{color:#d4af37}.employee-id-modal .btn-close{filter:invert(1)}.employee-id-modal .modal-body{background:#f7f8fb;padding:30px}.id-sidebar{background:#fff;border-radius:15px;padding:25px;height:100%;box-shadow:0 8px 18px #00000014}.sidebar-title{font-weight:700}.sidebar-subtitle{color:#777;font-size:14px}.id-preview-card{position:relative;width:var(--id-width);height:var(--id-height);flex-shrink:0;overflow:hidden;border-radius:22px;transition:transform .4s ease;transform-style:preserve-3d;box-shadow:0 20px 45px #00000026}.id-preview-card{position:relative;display:inline-block}.id-preview-card:hover{transform:translateY(-4px)}.id-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px}.id-photo{position:absolute;left:54px;top:104px;width:112px;height:112px;border-radius:10px;object-fit:cover}.profile-photo{position:absolute;left:31px;top:111px;width:115px;height:148px;background:#d77900;border:2px solid #ffffff;border-radius:2px;overflow:hidden;box-shadow:0 3px 10px #00000040;padding:2px}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.id-name{text-transform:uppercase;position:absolute;left:309px;top:122px;font-size:10px;font-weight:600;color:#000!important}.id-number{position:absolute;left:309px;top:149px;text-transform:uppercase;font-size:10px;font-weight:600}.id-position{position:absolute;left:309px;top:175px;text-transform:uppercase;font-size:10px;font-weight:600}.id-department{position:absolute;left:309px;top:202px;text-transform:uppercase;font-size:10px;font-weight:600}.id-branch{position:absolute;left:309px;top:229px;text-transform:uppercase;font-size:10px;font-weight:600}.id-qrcode{position:absolute;right:27px;top:18px;padding:3px 3px 0;background:#fff}.id-qrcode canvas{height:76px!important}.company-info{position:absolute;left:60px;bottom:40px;color:#000;font-size:15px;line-height:1.5}.back-contact-name{position:absolute;left:161px;top:46px;text-transform:uppercase;font-size:10px;font-weight:600;color:#fff!important}.back-contact-relationship{position:absolute;left:161px;top:71px;text-transform:uppercase;font-size:10px;font-weight:600;color:#fff!important}.back-contact-number{position:absolute;left:161px;top:96px;text-transform:uppercase;font-size:10px;font-weight:600;color:#fff!important}.company-info .company-contact-number{position:absolute;left:100px;bottom:61px;text-transform:uppercase;font-size:10px;font-weight:600;color:#fff!important;width:136px}.company-info .company-email{position:absolute;left:100px;bottom:39px;text-transform:lowercase;font-size:10px;font-weight:600;color:#fff!important}.company-info .company-address{position:absolute;left:101px;bottom:18px;font-size:10px;font-weight:600;color:#fff!important;width:136px}.company-info .company-address-2{position:absolute;left:101px;bottom:5px;font-size:10px;font-weight:600;color:#fff!important;width:300px}.btn-warning{background:#d4af37;border-color:#d4af37}.btn-warning:hover{background:#bf9928}.btn-outline-warning{border:2px solid #D4AF37;color:#d4af37}.btn-outline-warning:hover{background:#d4af37;color:#fff}.employee-id-modal .modal-footer{background:#fff;padding:20px 25px}@media(max-width:992px){.id-sidebar{margin-bottom:20px}.id-preview-wrapper{display:flex;justify-content:center;align-items:center;background:#eceff3;border-radius:20px;min-height:650px;padding:35px;overflow:auto}}.id-preview-card{transition:transform .4s ease;transform-style:preserve-3d}.id-preview-card.flipping{transform:rotateY(90deg)}