.slide{opacity:0;transition:opacity 1.5s ease-in-out}.slide.active{opacity:1}.slide:after{background:#0000008c;content:"";inset:0;position:absolute}body{margin:0;padding:0}.sidebar{background:#001f3f;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:space-between;left:0;min-height:100vh;overflow-y:auto;padding:25px 0;position:fixed;top:0;width:250px}.logo{font-size:1.7em;font-weight:600;margin-bottom:40px;text-align:center}.logo-img{display:block;margin:0 auto 10px;width:100px}.menu{list-style:none;margin:0;padding:0}.menu li{overflow:hidden}.menu li div{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:15px;transition:all .3s ease}.icon{filter:brightness(0) invert(1);flex-shrink:0;height:24px;margin-right:10px;transition:transform .3s ease;width:24px}.menu li div.active,.menu li div:hover{background:#fff;color:#001f3f;transform:translateX(5px)}.menu li div.active .icon,.menu li div:hover .icon{filter:brightness(0) saturate(100%) invert(9%) sepia(99%) saturate(7499%) hue-rotate(202deg) brightness(94%) contrast(103%);transform:translateX(5px)}.overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;max-width:450px;padding:30px 40px;text-align:center;width:90%}.popup h3{color:#001f3f;margin-bottom:20px}.buttons{display:flex;gap:15px;justify-content:center}.cancel,.confirm{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:.3s}.confirm{background:#001f3f;color:#fff}.confirm:hover{background:#005fcc}.cancel{background:#ddd;color:#001f3f}.cancel:hover{background:#bbb}.pos-wrapper{background:#fff;color:#fff;display:flex;font-family:Segoe UI,sans-serif;height:100vh}.pos-left{flex:2 1;overflow:auto;padding:15px}.pos-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;margin-top:10px}.topbar-right{display:flex;gap:10px}.pos-topbar button{background:#001f3f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}.pos-topbar input,.pos-topbar select{border:2px solid #1e293b;border-radius:8px;outline:none;padding:10px}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.card{background:#1e293b;border:2px solid #1e293b;border-radius:10px;cursor:pointer;overflow:hidden;transition:.2s}.card:hover{transform:scale(1.03)}.card img{height:120px;object-fit:cover;width:100%}.card-info{padding:10px}.disabled{opacity:.3;pointer-events:none}.pos-right{background:#111827;display:flex;flex:1 1;flex-direction:column;padding:15px}.pos-right h3{margin:0 0 10px;text-align:center}.receipt-line{display:grid;font-size:14px;grid-template-columns:50px 1fr 90px;margin:4px 0}.receipt-line.header{font-weight:700}.receipt-headerB{color:#111;flex-direction:column;font-size:12px;gap:4px;margin-top:8px}.receipt-info-line{display:flex;justify-content:space-between}.receipt-brand{color:#111;font-family:Segoe UI,sans-serif;margin-bottom:10px;text-align:center}.receipt-print-area{background:#fff;border:1px solid #000;border-radius:10px;color:#111;margin:0 auto;max-height:60vh;overflow-y:auto;padding:15px;width:320px}.receipt-modal{align-items:center;display:flex;flex-direction:column}@media print{@page{size:58mm auto;margin:0}body *{visibility:hidden}.modal,.receipt-print-area,.receipt-print-area *{visibility:visible!important}.modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;position:absolute!important}.receipt-print-area{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#000!important;font-family:monospace!important;font-size:11px!important;left:0;max-height:none!important;overflow:visible!important;padding:2mm;position:absolute;top:0;width:58mm}.receipt-actions,.receipt-title-text{display:none!important}.receipt-items{max-height:none!important;overflow:visible!important}.receipt-line,.receipt-summary .line{page-break-inside:avoid}*{background:#0000!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.divider,hr{border-top:1px dashed #000!important}}.col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{border-top:1px dashed #000;margin:5px 0}.receipt-box{height:100px}.receipt-header,.receipt-row{align-items:center;display:grid;font-size:14px;grid-template-columns:2fr 1fr 1fr 30px;padding:6px 0}.receipt-header{border-bottom:1px solid #e5e7eb;font-weight:700;margin-bottom:5px}.col-name{align-items:center;display:flex;gap:8px;text-align:left}.receipt-img{border:1px solid #e5e7eb;border-radius:6px;height:35px;object-fit:cover;width:35px}.checkout{background:#036803}.cash-input{border:1px solid #ccc;border-radius:8px;outline:none;padding:10px;transition:.2s}.cash-input.error{background:#ffe5e5;border:2px solid #ef4444;color:#b91c1c}.insufficient-text{animation:fadeIn .2s ease-in-out;color:#ef4444;font-size:12px;margin-top:5px;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);inset:0}.remove-btn{align-items:center;color:#ef4444;display:flex;font-size:18px;font-weight:800;justify-content:center;margin-left:10px;transform:translateY(-1px);transition:.2s}.remove-btn:hover{transform:scale(1.2) translateY(-2px)}.modal-boxx{animation:pop .2s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;color:#111;padding:20px;text-align:center;width:300px}.modal-boxx h3{font-size:18px;font-weight:600;margin-bottom:10px}.modal-boxx p{color:#000}.modal-boxx input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin:10px 0;outline:none;padding:10px;width:70%}.modal-boxx button{border:none;border-radius:8px;cursor:pointer;font-weight:500;height:45px;margin-top:8px;padding:10px;width:70%}.modal-boxx button:first-of-type{background:#001f3f;color:#fff}.modal-boxx button:last-of-type{background:red;color:#fff}.modal-img{border:1px solid #000;border-radius:10px;height:170px;object-fit:cover;width:70%}.receipt-title{color:#fff;margin-bottom:10px;text-align:center}.receipt-title h3{font-size:18px;letter-spacing:1px;margin:0}.receipt-meta{color:#cbd5e1;font-size:12px;margin-top:5px}.payment-box,.summary-box{background:#fff;border-radius:10px;color:#000;margin-top:10px;padding:10px}.summary-box .line{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.summary-box .total{border-top:1px solid #ddd;font-size:16px;font-weight:700;margin-top:5px;padding-top:6px}.payment-box{display:flex;flex-direction:column;gap:8px}.payment-box input{border:1px solid #ccc;border-radius:8px;outline:none;padding:10px}.change-line{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:space-between;text-align:right}.action-buttons{display:flex;gap:10px;margin-top:10px}.checkout,.clear-receipt{align-items:center;display:flex;flex:1 1;height:45px;justify-content:center}.clear-receipt{background:#f82020;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:.2s}.clear-receipt:hover{background:#b90404}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.checkout{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:.2s}.checkout:disabled{cursor:not-allowed;opacity:.5}.left-status{color:#ef4444;font-size:12px;font-weight:600}.col-qty{flex:1 1;text-align:center;transform:translateX(-5px)}.col-price{flex:1 1;text-align:right;transform:translateX(-15px)}.col-action{align-items:center;display:flex;justify-content:center}.remove-btn{background:#0000;border:none;color:red;cursor:pointer;font-size:16px;font-weight:700}.receipt-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#000;height:250px;overflow-y:auto;padding:10px}.receipt-row{align-items:center;display:flex;font-size:14px;padding:6px 0}.receipt-modal{max-height:80vh;overflow-y:auto}.receipt-items{flex:1 1;max-height:45vh;padding-right:5px}.receipt-actions{display:flex;gap:10px;margin-top:auto;margin-top:10px;padding-bottom:15px;padding-top:10px}.receipt-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;height:40px;transition:.2s}.receipt-actions button:first-child{background:#eb2424;color:#fff;width:200px}.receipt-actions button:last-child{background:#001f3f;color:#fff}.receipt-actions button:hover{opacity:.85}.receipt-header-top{color:#000;font-family:Segoe UI,sans-serif;margin-bottom:10px;text-align:center}.receipt-store{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.receipt-address{color:#333;font-size:11px;line-height:1.4}.receipt-info{border-top:1px dashed #ccc;display:flex;flex-direction:column;font-size:12px;gap:3px;margin-top:8px;padding-top:8px}.receipt-modal-header{color:#111;font-family:Segoe UI,sans-serif;margin-bottom:10px;text-align:center}.receipt-modal-store{font-size:16px;font-weight:700;letter-spacing:1px}.receipt-modal-address{color:#333;font-size:11px;line-height:1.4;margin-top:4px}.receipt-modal-meta{border-top:1px dashed #ccc;display:flex;flex-direction:column;font-size:12px;gap:3px;margin-top:8px;padding-top:8px}.receipt-info span{display:block}.modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;color:#111;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:400px}.receipt-items{max-height:200px;overflow-y:auto}.receipt-headerB{display:flex;flex-direction:row;gap:2px}.receipt-summary .line{display:flex;font-size:14px;justify-content:space-between;margin:3px 0}.receipt-summary .total{border-top:1px dashed #000;font-size:16px;font-weight:700;margin-top:5px;padding-top:5px}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.discount-btn{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-left:8px;padding:10px 14px;transition:.2s}.discount-btn:hover{background:#e68900}.modaldiscount{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-boxdiscount h3{color:#000}.modal-boxdiscount{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;padding:20px;text-align:center;width:320px}.modal-boxdiscount button{border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:12px;padding:10px;width:100%}.modal-boxdiscount input{border-radius:8px;font-size:16px;padding:5px;width:100%;width:300px}.modal-boxdiscount button:first-of-type{background:#28a745;color:#fff}.modal-boxdiscount button:first-of-type:hover{background:#218838}.modal-boxdiscount button:last-of-type{background:#dc3545;color:#fff;margin-top:8px}.modal-boxdiscount button:last-of-type:hover{background:#c82333}.employee-page{background:#f4f9ff;font-family:Poppins,sans-serif;min-height:100vh}.employee-page .container{display:flex;min-height:100vh}.employee-page .save-btn{background:#0b1f3a}.employee-page .update-btn{background:#1e88e5;color:#fff;margin-top:10px}.employee-page .sidebar{background:#0b1f3a;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px}.employee-page .main-content{margin-left:250px;padding:20px;width:calc(100% - 250px)}.employee-page h1{color:#0b1f3a;font-size:25px;margin-bottom:18px}.employee-page .header{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.employee-page .header input{border:1px solid #d0d7e2;border-radius:10px;outline:none;padding:10px 14px;width:260px}.employee-page .header input:focus{border-color:#0b1f3a}.employee-page button{cursor:pointer;transition:.2s}.employee-page button:hover{opacity:.9}.employee-page .add-btn{background:#0b1f3a;border:none;border-radius:10px;color:#fff;padding:10px 18px}.employee-page .add-btn:hover{background:#132c52}.employee-page .legend{align-items:center;color:#333;display:flex;font-size:.85rem;gap:16px;margin-bottom:18px}.employee-page .legend-item{align-items:center;display:flex;gap:6px}.employee-page .legend-active,.employee-page .legend-inactive{border-radius:4px;height:14px;width:14px}.employee-page .legend-active{border:3px solid #2ecc71}.employee-page .legend-inactive{border:3px solid #b0b0b0}.employee-page .employee-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.employee-page .employee-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;cursor:pointer;display:flex;flex-direction:column;height:260px;padding:16px;text-align:center;transition:.25s ease}.employee-page .employee-card:hover{box-shadow:0 10px 22px #0000001f;transform:translateY(-6px)}.employee-page .employee-card img{border:3px solid #0b1f3a;border-radius:50%;height:95px;margin-bottom:10px;object-fit:cover;width:95px}.employee-page .employee-card.active{border:2px solid #2ecc71}.employee-page .employee-card.inactive{border:2px solid #b0b0b0;opacity:.85}.employee-page .employee-info h4{font-size:.95rem;margin:4px 0}.employee-page .employee-info p{color:#555;font-size:.75rem;margin:2px 0}.employee-page .modal{align-items:center;align-items:flex-start;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.employee-page .delete-modal{display:flex;flex-direction:column;gap:10px;padding:22px}.employee-page .delete-modal h2{color:#0b1f3a;margin:0}.employee-page .delete-modal p{color:#666}.employee-page .delete-modal input{border:1px solid #d0d7e2;border-radius:8px;outline:none;padding:10px}.employee-page .modal-content{background:#fff;border-radius:14px;display:flex;gap:14px;max-height:83vh;max-width:95%;overflow-y:auto;padding:40px;width:600px}.employee-page .left-column{align-items:center;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;padding-right:18px;width:260px}.employee-page .image-preview{border:3px dashed #0b1f3a;border-radius:50%;margin-bottom:16px;width:180px}.employee-page .left-column input{border:1px solid #d0d7e2;border-radius:8px;margin-bottom:10px;outline:none;padding:10px;width:100%}.employee-page .right-column{display:flex;flex:1 1;flex-direction:column}.employee-page .employee-info-box{align-items:center;background:#0b1f3a;border-radius:12px;display:flex;gap:14px;margin-bottom:10px;padding:14px}.hours-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.date-range{display:flex;gap:10px}.date-range input{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.employee-page .info-avatar{border:2px solid #0b1f3a;border-radius:50%;height:70px;object-fit:cover;width:70px}.employee-page .info-text{fontcolor:#ffffff;display:flex;flex-direction:column;gap:2px}.employee-page .info-text h2{margin:0}.employee-page .info-text .phone{color:#ddd;font-size:15px;margin:0}.employee-page .info-text .address{color:#fff;font-size:15px;margin:0}.employee-page .info-text h2,.employee-page .info-text p{line-height:1.2;margin:0}.employee-page .info-text h2{color:#fff;font-size:16px}.employee-page .right-column h2{color:#0b1f3a;margin-bottom:12px}.employee-page .right-column input,.employee-page .right-column select{border:1px solid #d0d7e2;border-radius:8px;margin-bottom:10px;padding:10px}.employee-page .table-wrapper{overflow-x:auto;width:100%}.employee-page .employee-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 18px #00000014;overflow:hidden;width:100%}.employee-page .employee-table td,.employee-page .employee-table th{border-bottom:1px solid #eee;font-size:14px;padding:12px;text-align:left}.employee-page .employee-table th{background:#0b1f3a;color:#fff}.employee-page .table-img{border-radius:50%;height:45px;object-fit:cover;width:45px}.employee-page .status{border-radius:6px;color:#fff;font-size:12px;padding:4px 10px}.employee-page .status.active{background:#2ecc71}.employee-page .status.inactive{background:#b0b0b0}.employee-page .edit-btn{background:#0b1f3a;border:none;border-radius:6px;color:#fff;margin-right:6px;padding:6px 10px}.employee-page .delete-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;width:100%}.employee-page .toast-center{animation:popIn .25s ease;border-radius:14px;box-shadow:0 10px 25px #0000004d;color:#fff;left:50%;min-width:260px;padding:22px 34px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:99999}.employee-page .toast-center button{background:#fff3;background:#011a0b;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:7px 14px}.employee-page .toast-center.success{background:#16a34a}.employee-page .toast-center.error{background:#e74c3c}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.employee-page .delete-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.employee-page .delete-modal{animation:popIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;padding:20px;text-align:center;width:320px}.employee-page .delete-modal h3{color:#0b1f3a;font-size:16px;margin-bottom:10px}.employee-page .delete-modal p{color:#555;font-size:13px;margin-bottom:15px}.employee-page .delete-modal .btn-group{display:flex;gap:10px;justify-content:center}.employee-page .delete-modal button{border:none;border-radius:6px;cursor:pointer}.employee-page .delete-modal .cancel-btn{background:#ccc;color:#333}.employee-page .delete-modal .cancel-btn,.employee-page .delete-modal .confirm-btn{border:none;border-radius:6px;font-size:14px;height:40px;margin-top:0!important;padding:0 24px}.employee-page .delete-modal .confirm-btn{background:#e74c3c;color:#fff}.employee-page .modal-content input[type=password]{border:1px solid #d0d7e2;border-radius:8px;margin-top:10px;max-width:280px;outline:none;padding:10px 12px;width:100%}.employee-page .modal-content input[type=password]:focus{border-color:#0b1f3a}.employee-page .modal-content button:not(.show-pass-btn){border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 14px;transition:.2s ease}.employee-page .modal-content .confirm-btn{background:#e74c3c;color:#fff}.employee-page .modal-content .cancel-btn{background:#ccc;color:#333}.employee-page .modal-content button:hover{opacity:.9}.employee-page .dashboard-layout{align-items:flex-start;display:flex;gap:20px;height:calc(100vh - 140px);overflow:hidden}.employee-page .left-panel{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;height:100%;overflow-y:auto;width:35%}.employee-page .input-error{border:1px solid red!important;outline:none}.employee-page .export-btn{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.employee-page .error-text{color:red;font-size:12px;margin-top:4px}.employee-page .right-panel{background:#fff;border:2px solid #0b1f3a;border-radius:14px;box-shadow:0 6px 18px #0b1f3a(0,0,0,.08);flex:1 1;height:100%;overflow-y:auto;padding:20px}.employee-page .left-panel,.employee-page .right-panel{scroll-behavior:smooth}.employee-page .empty-panel{align-items:center;color:#777;display:flex;flex-direction:column;height:500px;justify-content:center}.employee-page .selected-row{background:#eef5ff}.employee-page .employee-info-box h2,.employee-page .employee-info-box p{margin:0;padding:0}.employee-page .detail-image{border-radius:50%;height:90px;object-fit:cover;width:90px}.employee-page .dynamic-tabs{display:flex;gap:10px;margin-bottom:20px}.employee-page .dynamic-tabs button{background:#ddd;border:none;border-radius:8px;padding:10px 16px}.employee-page .dynamic-tabs .active-tab{background:#0b1f3a;color:#fff}.employee-page .dynamic-card{background:#f8fbff;border-radius:12px;padding:20px}.employee-page .dynamic-card h3{margin:0}.employee-page .stats-grid{display:flex;gap:15px}.employee-page .stat-box{background:#fff;border-radius:10px;flex:1 1;padding:15px;text-align:center}.employee-page .mini-table{border-collapse:collapse;margin-top:15px;width:100%}.employee-page .mini-table td,.employee-page .mini-table th{border-bottom:1px solid #ddd;padding:12px}.employee-page .calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-top:15px}.employee-page .calendar-title{color:#0b1f3a;font-size:20px;font-weight:600;margin-bottom:12px;margin-top:20px!important}.employee-page .calendar-cell{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;min-height:70px;padding:10px;position:relative;text-align:center;transition:.2s}.employee-page .calendar-cell:hover{transform:scale(1.05)}.employee-page .calendar-date{color:#666;font-size:12px;left:8px;position:absolute}.employee-page .calendar-hours{font-size:14px;font-weight:600;margin-top:18px}.employee-page .cal-low{background:#fee2e2}.employee-page .cal-medium{background:#fef9c3}.employee-page .cal-high{background:#bbf7d0}.employee-page .cal-none{background:#f3f4f6}.employee-page .calendar-tooltip{background:#0b1f3a;border-radius:6px;bottom:110%;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:.2s;white-space:nowrap}.employee-page .calendar-cell:hover .calendar-tooltip{opacity:1}.employee-page .date-range-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:15px;padding:12px}.employee-page .date-header{color:#0b1f3a;font-size:13px;font-weight:600;margin-bottom:8px}.employee-page .date-inputs{align-items:center;display:flex;gap:10px}.employee-page .date-inputs input{border:1px solid #d0d7e2;border-radius:8px;padding:6px 10px}.employee-page .date-inputs button{background:#0b1f3a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:7px 12px}.employee-page .date-presets{display:flex;gap:8px;margin-top:8px}.employee-page .date-presets button{background:#f8fbff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;padding:5px 10px}.employee-page .receipt-modern{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;font-family:Arial,sans-serif;padding:20px;width:380px}.employee-page .modal{align-items:center!important}.employee-page .receipt-header-modern{border-bottom:1px dashed #ccc;padding-bottom:10px;text-align:center}.employee-page .receipt-header-modern h2{font-size:20px;letter-spacing:2px;margin:0}.employee-page .receipt-header-modern p{color:#666;font-size:12px;margin:0}.employee-page .receipt-info-modern{display:flex;font-size:12px;justify-content:space-between;margin-top:10px}.employee-page .receipt-items-modern{border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;margin-top:15px;padding:10px 0}.employee-page .receipt-items-modern .row{display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.employee-page .receipt-items-modern .head{font-weight:700}.employee-page .receipt-summary-modern{font-size:13px;margin-top:15px}.employee-page .receipt-summary-modern div{display:flex;justify-content:space-between;margin:5px 0}.employee-page .receipt-summary-modern b{font-weight:700}.employee-page .receipt-actions{display:flex;gap:10px;margin-top:15px}.employee-page .receipt-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:8px}.employee-page .receipt-actions button:last-child{background:#ad0000;color:#fff}.employee-page .view-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s}.employee-page .view-btn:hover{background:#1d4ed8;transform:scale(1.05)}.employee-page .dynamic-card.split-form{background:#fff;border-radius:12px;padding:20px;width:100%}.employee-page .split-layout{display:flex;gap:20px;margin-top:15px}.employee-page .form-left,.employee-page .form-right{display:flex;flex:1 1;flex-direction:column;gap:10px}.employee-page label{color:#333;font-size:13px;font-weight:600;margin-top:5px}.employee-page input,.employee-page select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:10px;width:100%}.employee-page input:focus,.employee-page select:focus{border-color:#4a90e2}.employee-page .image-preview{align-items:center;background:#f9f9f9;border:1px dashed #ccc;border-radius:10px;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.employee-page .image-preview img{height:100%;object-fit:cover;width:100%}.employee-page .save-btn{background:#28a745;margin-top:15px}.employee-page .cancel-btn,.employee-page .save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px}.employee-page .cancel-btn{background:#6c757d;margin-top:10px}@media (max-width:900px){.employee-page .split-layout{flex-direction:column}}.employee-page .change-pass-btn{background:#ff9800;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;max-width:280px;padding:12px;transition:.2s;width:100%}.employee-page .change-pass-btn:hover{opacity:.9}.employee-page .modal-content h2{margin-bottom:20px}.employee-page .change-pass-modal{gap:12px;max-width:90%;width:400px}.employee-page .change-pass-modal input{max-width:100%;width:100%}.employee-page .change-pass-modal{background:#fff;border-radius:14px;display:flex;flex-direction:column;gap:14px;max-width:95%;padding:24px;width:420px}.employee-page .change-pass-modal label{color:#333;font-size:13px;font-weight:600;margin-bottom:4px}.employee-page .password-group input{box-sizing:border-box;flex:1 1;min-width:0;padding-right:60px;width:100%}.employee-page .password-group .show-pass-btn{color:#555;cursor:pointer;font-size:12px;padding:0!important;position:absolute;right:10px;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:10}.employee-page .password-group{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.employee-page .password-group input{box-sizing:border-box!important;flex:1 1!important;min-width:0!important;padding-right:55px!important;width:0!important}.employee-page .password-group .show-pass-btn{background:#0000!important;border:none!important;color:#555!important;cursor:pointer!important;font-size:12px!important;height:auto!important;margin:0!important;padding:0 4px!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;white-space:nowrap!important;width:auto!important;z-index:10!important}.employee-page input.hide-pass{-webkit-text-security:disc;text-security:disc}.reports-page{background:#f4f9ff;font-family:Poppins,sans-serif;margin:0}.reports-page .container{display:flex;min-height:100vh;width:100%}.reports-page .main{flex:1 1;margin-left:250px;overflow-y:auto;padding:30px}.reports-page .header{align-items:center;background:#001f3f;border-radius:12px;color:#fff;display:flex;margin-bottom:20px;padding:15px}.reports-page .cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.reports-page .card{background:#fff;border:2px solid #001f3f;border-radius:12px;box-shadow:0 4px 12px #007fff1a;cursor:pointer;flex:0 1 160px;padding:15px;transition:.3s}.reports-page .card:hover{box-shadow:0 6px 18px #007fff33;transform:translateY(-2px)}.reports-page .card h3{color:#001f3f;font-size:14px;margin-bottom:10px}.reports-page .card p{font-size:20px;font-weight:600;margin:0}.reports-page .table-section{border-radius:12px;box-shadow:0 5px 15px #007fff1a;margin-bottom:20px;min-height:450px;padding:15px}.reports-page .table-section h3{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.reports-page td,.reports-page th{padding:6px}.reports-page .print-btn{background:#001f3f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.reports-page .print-btn:hover{background:#005fcc}.reports-page .charts-row{display:flex;flex-wrap:wrap;gap:20px}.reports-page .chart-box{background:#f9fbff;border:1px solid #001f3f14;border-radius:12px;flex:1 1;min-width:300px;padding:15px;transition:.3s}.reports-page .chart-box:hover{box-shadow:0 8px 20px #007fff26;transform:translateY(-3px)}.reports-page .chart-box h3{color:#001f3f;font-size:16px;margin-bottom:10px}.reports-page .apexcharts-canvas{max-width:100%!important;min-height:350px!important}@media (max-width:768px){.reports-page .charts-row{flex-direction:column}}.reports-page .table-section{background:#fff;border-radius:14px;box-shadow:0 6px 18px #007fff14;margin-bottom:25px;padding:20px}.reports-page .table-section h3{color:#001f3f;font-size:18px;font-weight:600;margin-bottom:15px}.reports-page .scrollable-table{border:1px solid #001f3f;border-radius:8px;max-height:400px;overflow-y:auto}.reports-page table{border-collapse:collapse;table-layout:fixed;width:100%}.reports-page td,.reports-page th{word-wrap:break-word;border:1px solid #001f3f;font-size:13px;padding:8px;text-align:left}.reports-page th{background:#f5f8ff;color:#001f3f;font-weight:600}.reports-page tbody tr:hover{background:#007fff0d}.reports-page .filter-btn{background:#001f3f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:.3s}.reports-page .filter-btn:hover{background:#005fcc}.reports-page thead th{position:sticky;top:0;z-index:2}.reports-page tbody tr:nth-child(2n){background:#fafcff}
/*# sourceMappingURL=main.5413c50f.css.map*/