.bundy-clock-container{margin:0 auto;transition:all 0.3s ease}.time-text{font-size:3.5rem;font-weight:bold;line-height:1.2;transition:font-size 0.3s ease}.camera-wrapper{background-color:#000;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0 auto}.camera-wrapper video,.camera-wrapper img{max-width:280px;height:auto;margin:0 auto}.number-pad{display:grid;gap:10px;margin-top:20px}.number-pad .btn{border-radius:12px;transition:all 0.2s ease;font-weight:500;min-height:65px;font-size:1.5rem !important;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.number-pad .btn:active{transform:scale(0.95)}.number-pad .row{display:flex;justify-content:space-between}.employee-no-input{margin-bottom:20px}.employee-no-input input{font-size:1.75rem !important;padding:1rem;text-align:center;border-radius:12px;background-color:#f8f9fa;margin-bottom:1rem}.clock-btn{border-radius:12px;transition:all 0.3s ease;min-height:85px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 6px rgba(0,0,0,0.1);font-size:1.75rem !important}.clock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.clock-btn:active{transform:translateY(1px)}.img-thumbnail{max-width:100px;height:auto;cursor:pointer;transition:transform 0.2s}.img-thumbnail:hover{transform:scale(1.1)}td .img-thumbnail{display:block;margin:0 auto}.fancybox__container{--fancybox-bg: rgba(0, 0, 0, 0.9)}.fancybox__content{padding:0;background:transparent}@media (max-width: 768px){.time-text{font-size:3rem}.bundy-clock-container{padding:1.5rem !important}.clock-btn{min-height:75px;font-size:1.5rem !important}.number-pad .btn{min-height:60px;font-size:1.25rem !important}}@media (max-width: 576px){.time-text{font-size:2.5rem}.bundy-clock-container{padding:1rem !important}.employee-no-input input{font-size:1.5rem !important;padding:0.75rem}.number-pad .btn{min-height:55px;font-size:1.25rem !important}.clock-btn{min-height:70px;font-size:1.25rem !important;padding:0.75rem !important}.camera-wrapper{min-height:180px}.camera-wrapper video,.camera-wrapper img{max-width:240px}}@media (max-width: 320px){.time-text{font-size:2rem}.bundy-clock-container{padding:0.75rem !important}.employee-no-input input{font-size:1.25rem !important;padding:0.5rem}.number-pad .btn{min-height:50px;font-size:1rem !important;padding:0.5rem !important}.clock-btn{min-height:60px;font-size:1.1rem !important;padding:0.5rem !important}.camera-wrapper{min-height:160px}.camera-wrapper video,.camera-wrapper img{max-width:200px}}