body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.required-field:after{content:" *";color:#dc3545;font-weight:700}.input-error{border-color:#dc3545!important;background-color:#fff8f8!important}.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354533!important;outline:none}select.input-error{border-color:#dc3545!important;background-color:#fff8f8!important}.field-error-message{color:#dc3545;font-size:12px;margin-top:4px;display:block;font-weight:400}.home-container{height:80vh;overflow:hidden;background:#feffff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5vw;flex-shrink:0}.welcome-title{font-size:clamp(24px,2.5vw,36px);font-weight:700;color:#5b6ef5;margin:0;transition:color .3s ease}.welcome-title:hover{color:#7c85f7}.datetime-box{text-align:right}.date{font-size:clamp(12px,1vw,15px);color:#6b7280;margin:0 0 .3vw}.time{font-size:clamp(16px,1.4vw,20px);font-weight:600;color:#5b6ef5;margin:0;transition:color .3s ease}.time:hover{color:#7c85f7}.dashboard-grid{display:grid;grid-template-columns:minmax(200px,280px) 1.3fr 1fr;gap:1.5vw;flex:1;height:100%;min-height:0;align-items:stretch}.left-column{display:flex;flex-direction:column;gap:1.2vw;height:100%}.stat-card{background:linear-gradient(135deg,#ecfbfb,#fff);border:1px solid #2B39D8;border-radius:1vw;padding:1.5vw;display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(91,110,245,.1),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #2b39d833;border-color:#5b6cf2}.stat-card.circular{align-items:center;justify-content:center;padding:1.8vw;background:linear-gradient(135deg,#ecfbfb,#f0f9ff)}.stat-label-top{font-size:clamp(10px,.85vw,12px);font-weight:600;color:#7e87f0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.2vw;text-align:center;transition:color .3s ease}.stat-card.circular:hover .stat-label-top{color:#5b6cf2}.stat-label{font-size:clamp(10px,.85vw,12px);font-weight:600;color:#7e87f0;margin-bottom:1vw;transition:color .3s ease}.stat-card:hover .stat-label{color:#5b6cf2}.stat-value-container{display:flex;align-items:center;gap:1.2vw;flex:1}.stat-icon{width:clamp(40px,3.5vw,48px);height:clamp(40px,3.5vw,48px);background:linear-gradient(135deg,#5b6ef5,#7c85f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(18px,1.6vw,22px);flex-shrink:0;box-shadow:0 4px 8px #5b6ef54d;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 12px #5b6ef580}.stat-value{font-size:clamp(20px,1.8vw,24px);font-weight:700;color:#1f2937;transition:color .3s ease}.stat-card:hover .stat-value{color:#5b6ef5}.stat-circle{width:clamp(80px,6.5vw,96px);height:clamp(80px,6.5vw,96px);border-radius:50%;margin-bottom:1vw;background:linear-gradient(135deg,#5b6ef5,#7c85f7);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #5b6ef566;transition:all .3s ease;position:relative}.stat-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#5b6ef533,#7c85f733);z-index:-1;opacity:0;transition:opacity .3s ease}.stat-card.circular:hover .stat-circle:before{opacity:1}.stat-card.circular:hover .stat-circle{transform:scale(1.08);box-shadow:0 8px 24px #5b6ef599}.circle-value{font-size:clamp(32px,3vw,42px);color:#fff;font-weight:700;transition:transform .3s ease;line-height:1;margin-bottom:.2vw}.circle-label-inside{font-size:clamp(9px,.75vw,11px);color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stat-card.circular:hover .circle-value{transform:scale(1.05)}.stat-label-bottom{font-size:clamp(11px,.95vw,13px);text-align:center;color:#374151;font-weight:600;margin:0;transition:color .3s ease;line-height:1.4}.stat-card.circular:hover .stat-label-bottom{color:#5b6ef5}.middle-column{display:flex;flex-direction:column;gap:1.5vw;height:100%}.info-card{background:linear-gradient(135deg,#ecfbfb,#fff);border:1px solid #2B39D8;border-radius:1vw;padding:1.8vw;display:flex;flex-direction:column;flex:1;min-height:0;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 12px #2b39d826;transform:translateY(-2px)}.info-card.checkout-card{flex:.6;justify-content:center;align-items:center;padding:1.5vw}.card-title{font-size:clamp(11px,.9vw,13px);margin-bottom:1.2vw;color:#7e87f0;text-transform:uppercase;font-weight:600;flex-shrink:0;transition:color .3s ease}.info-card:hover .card-title{color:#5b6cf2}.employee-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px;min-height:0}.employee-item{padding:16px;background:#fff;border:solid 2px rgb(153,153,153);border-radius:.8vw;font-size:clamp(13px,1.05vw,15px);font-weight:500;color:#1f2937;flex-shrink:0;transition:all .3s ease}.employee-item:hover{border-color:#5b6cf2;box-shadow:0 2px 8px #5b6ef533}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;font-size:clamp(13px,1.05vw,15px);color:#9ca3af}.checkout-number{font-size:clamp(48px,5vw,72px);font-weight:700;color:#1f2937;line-height:1;transition:all .3s ease;margin-bottom:20px}.info-card.checkout-card:hover .checkout-number{color:#5b6ef5;transform:scale(1.05)}.right-column{background:linear-gradient(135deg,#ecfbfb,#fff);border:1px solid #2B39D8;border-radius:1vw;padding:1.8vw;display:flex;flex-direction:column;height:100%;min-height:0;transition:all .3s ease}.right-column:hover{box-shadow:0 4px 12px #2b39d826}.section-title{font-size:clamp(12px,1vw,15px);margin-bottom:1.5vw;color:#7e87f0;text-transform:uppercase;font-weight:600;flex-shrink:0;transition:color .3s ease}.right-column:hover .section-title{color:#5b6cf2}.popular-items-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.2vw;min-height:0}.popular-section{display:flex;flex-direction:column;gap:1vw}.section-subtitle{font-size:clamp(11px,.9vw,13px);color:#7e87f0;font-weight:600;margin:0;transition:color .3s ease}.popular-section:hover .section-subtitle{color:#5b6cf2}.popular-item{display:flex;flex-direction:column;gap:.5vw}.section-divider{height:1px;background:#cbd5e1;margin:1vw 0;flex-shrink:0}.item-label{font-size:clamp(12px,.95vw,14px);color:#374151;font-weight:500;transition:color .3s ease}.popular-item:hover .item-label{color:#5b6ef5}.progress-bar{height:clamp(8px,.7vw,10px);background:#e5e7eb;border-radius:.4vw;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5b6ef5,#7c85f7);border-radius:.4vw;box-shadow:0 2px 4px #5b6ef24d;transition:all .3s ease;animation:barGrow .6s ease-out}.popular-item:hover .progress-fill{box-shadow:0 3px 6px #5b6ef280}.employee-list::-webkit-scrollbar,.popular-items-list::-webkit-scrollbar{width:6px}.employee-list::-webkit-scrollbar-track,.popular-items-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.employee-list::-webkit-scrollbar-thumb,.popular-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .3s ease}.employee-list::-webkit-scrollbar-thumb:hover,.popular-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.left-column{grid-column:1 / -1;flex-direction:row;overflow-x:auto}.stat-card{min-width:220px}}@media(max-width:768px){.home-container{padding:3vw}.home-header{flex-direction:column;gap:2vw;align-items:flex-start}.datetime-box{text-align:left}.dashboard-grid{grid-template-columns:1fr;gap:3vw}.left-column{flex-direction:column}.stat-card{min-width:unset}}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow:hidden;height:100vh}.check-out-container{padding:0;height:100%;max-height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.top-container{display:flex;align-items:center;gap:10px;margin-bottom:2px}.top-container img{width:30px;height:30px}.top-container h1{font-size:px;color:#3b4de3;font-weight:700;margin:0}h2{font-size:13px;color:#7e87f0;margin-bottom:12px;font-weight:400}.big-middle-container{display:flex;gap:16px;align-items:stretch;flex:1;overflow:hidden;min-height:0}.left-container{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:0}.right-container{width:320px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.table-list-container{background:#fff;border-radius:16px;padding:0;box-shadow:0 2px 16px #3b4de314;flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0}.checkout-list-tbl{width:100%;border-collapse:collapse;table-layout:fixed}.checkout-list-tbl thead{background:linear-gradient(135deg,#f0f4ff,#e8eeff);position:sticky;top:0;z-index:10}.checkout-list-tbl th{padding:12px;text-align:left;font-weight:700;color:#3b4de3;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #E0E7FF}.checkout-list-tbl th:nth-child(2),.checkout-list-tbl th:nth-child(3),.checkout-list-tbl th:nth-child(4){text-align:center}.checkout-list-tbl th:nth-child(5){text-align:center}.checkout-list-tbl tbody{display:block;overflow-y:auto;flex:1}.checkout-list-tbl thead,.checkout-list-tbl tbody tr{display:table;width:100%;table-layout:fixed}.checkout-list-tbl td{padding:12px;border-bottom:1px solid #F3F4F6;color:#4b5563;font-size:13px}.checkout-list-tbl td:nth-child(1){padding-left:24px;font-weight:600;color:#1f2937}.checkout-list-tbl td:nth-child(2),.checkout-list-tbl td:nth-child(3),.checkout-list-tbl td:nth-child(4),.checkout-list-tbl td:nth-child(5){text-align:center}.checkout-list-tbl tbody tr{transition:all .2s ease}.checkout-list-tbl tbody tr:hover{background:linear-gradient(90deg,#f9fafb,#f0f4ff)}.no-items{height:100%;text-align:center;color:#9ca3af;font-style:italic;padding:60px 20px;font-size:15px}.edit-chk-btn,.delete-chk-btn{margin:0 3px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;width:26px;height:26px;align-items:center;justify-content:center}.edit-chk-btn{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);color:#3730a3}.edit-chk-btn:hover{background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 2px 8px #4338ca4d}.delete-chk-btn{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.delete-chk-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171);box-shadow:0 2px 8px #991b1b4d}.chk-img{width:14px;height:14px}.bottom-container{display:flex;gap:20px;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 2px 16px #3b4de314;height:auto;flex-shrink:0}.add-btn-container{flex:0 0 220px;display:flex;flex-direction:column;gap:8px}.add-btn{padding:10px 18px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#3b4de3,#7e87f0) border-box;border-radius:50px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;color:#3b4de3;width:100%;box-shadow:0 2px 8px #3b4de31a}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b4de3,#7e87f0);color:#fff;box-shadow:0 4px 16px #3b4de34d}.add-btn:disabled{opacity:.5;cursor:not-allowed}.total-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 16px}.top-total{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.total-table{width:100%}.total-table tbody tr{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.total-subtitle{font-size:13px;color:#6b7280;font-weight:500;text-align:left}.total-title{font-size:15px;color:#3b4de3;font-weight:700;text-align:right}hr{border:none;border-top:2px solid #E5E7EB;margin:6px 0}.bot-total{padding:6px 0 0}.bot-total .total-title{font-size:16px;color:#1f2937}.bot-total .total-title:last-child{color:#3b4de3;font-size:18px}.inside-right{background:linear-gradient(180deg,#d9f7f8,#b8eef0);border-radius:24px;padding:18px 16px;box-shadow:0 8px 24px #3b4de31f;display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.top-right{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;min-height:0;padding-bottom:0;margin-bottom:0}.top-right::-webkit-scrollbar{width:6px}.top-right::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.top-right::-webkit-scrollbar-thumb{background:#3b4de34d;border-radius:10px}.panel-section{margin-bottom:2px}.field-label{display:block;font-size:12px;font-weight:700;color:#1f2937;margin-bottom:6px;letter-spacing:.3px}.select-field{width:100%;padding:9px 11px;border:2px solid rgba(255,255,255,.8);border-radius:12px;font-size:13px;background:#fff;color:#374151;transition:all .2s;box-shadow:0 2px 8px #0000000d}.select-field:focus{outline:none;border-color:#3b4de3;box-shadow:0 2px 12px #3b4de333}.select-field:disabled{background:#fff9;color:#9ca3af;border-color:#ffffff80}.custom-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #E5E7EB;border-radius:12px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000026}.dropdown-item{padding:12px 14px;cursor:pointer;font-size:14px;transition:all .2s;color:#374151}.dropdown-item:hover{background:linear-gradient(90deg,#f0f4ff,#e8eeff);color:#3b4de3}.bot-right{margin-top:0;padding-top:0;border-top:none}.checkout-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b4de3,#5b6cf5);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b4de366;text-transform:uppercase;letter-spacing:1px}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d3dbd,#4b5ce5);box-shadow:0 6px 24px #3b4de380}.checkout-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;box-shadow:none}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3b4de31a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.popup-window{background:#fff;border-radius:20px;padding:32px;width:420px;max-width:90vw;box-shadow:0 20px 60px #3b4de34d;animation:slideUp .3s ease}.popup-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:24px;text-align:center}.popup-window label{display:block;margin-bottom:8px;margin-top:16px;font-weight:600;color:#374151;font-size:13px}.popup-window input,.popup-window select{width:100%;padding:12px 14px;border-radius:10px;border:2px solid #E5E7EB;font-size:14px;transition:all .2s}.popup-window input:focus,.popup-window select:focus{outline:none;border-color:#3b4de3;box-shadow:0 0 0 3px #3b4de31a}.search-results{max-height:200px;overflow-y:auto;border:2px solid #E5E7EB;border-radius:10px;margin:12px 0;background:#f9fafb}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#f3f4f6}.search-results::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.search-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #E5E7EB;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.search-item:last-child{border-bottom:none}.search-item:hover{background:#f0f4ff}.search-item.selected{background:linear-gradient(90deg,#e8eeff,#f0f4ff);color:#3b4de3;font-weight:600;border-left:4px solid #3B4DE3}.popup-buttons{display:flex;gap:12px;margin-top:28px}.close-btn,.submit-chk-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;width:auto}.close-btn{background:#f3f4f6;color:#6b7280}.close-btn:hover{background:#e5e7eb;color:#374151}.submit-chk-btn{background:linear-gradient(135deg,#0b9d8a,#0ec9b3);color:#fff;box-shadow:0 4px 12px #0b9d8a4d}.submit-chk-btn{background:linear-gradient(135deg,#0a8a78,#0cb89f);box-shadow:0 6px 16px #0b9d8a66}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3b4de326;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{background:#fff;padding:40px 60px;border-radius:20px;font-size:18px;font-weight:700;color:#3b4de3;box-shadow:0 12px 40px #3b4de34d;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.employee-container{height:100%;width:100%;overflow:auto;display:flex;flex-direction:column}.employee-top-container{display:flex;flex-direction:row;gap:10px}.employee-top-container img{padding-top:1px;width:40px;height:auto}.employee-search-box{display:flex;position:absolute;right:110px;align-items:center;gap:10px;width:250px}.employee-two-button{display:flex;position:absolute;right:110px;align-items:center;gap:8px}.employee-two-button img{width:20px;height:20px}.delete2-btn{width:35px;height:35px;border-radius:20%;border:none;background-color:#ffcfcf;color:#ff0101;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.edit2-btn{width:35px;height:35px;border-radius:20%;border:none;background-color:#ddffe9;color:#0c7e5a;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.close-att-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background-color:transparent;color:#2b39d8;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn4{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background-color:transparent;color:#2b39d8;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex}.employee-search-input{width:80%;padding:8px;border-radius:10px;border:1px solid lightgray}.employee-btn{width:35px;height:35px;border-radius:100%;border:none;background-color:#2b39d8;color:#fff;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.employee-btn:hover{background-color:#fff;color:#2b39d8;border:#2B39D8 1px solid}.employee-container h2{font-size:16px;color:#7e87f0;margin-bottom:10px}.employee-filter-box{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;margin-top:20px}.employee-filter-select{padding:8px 12px;border-radius:8px;border:1px solid #2b39d8;background-color:#fff;color:#2b39d8;font-weight:600;font-size:13px;cursor:pointer}.employee-filter-comms{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;margin-bottom:20px;margin-top:20px}.employee-big-middle-container{height:100%;width:100%;margin-top:10px;background-color:#fff;border-radius:15px}.employee-table-container{height:50vh;width:100%}.employee-tbl{width:100%;border-collapse:secoparate;border-spacing:0 5px}.employee-tbl th{font-size:20px;color:#2b39d8;text-align:left;border-bottom:2px solid #2B39D8}.employee-tbl tr{height:30px}.employee-tbl td{background-color:#d9f7f8;font-size:18px;color:#2b39d8;text-align:left;padding-left:3px}.employee-tbl td button{border:none;background-color:transparent;cursor:pointer;color:#2b39d8}.employee-tbl td button:hover{background-color:transparent;color:#6c75e4}.employee-popup select{width:100%;padding:8px;border-radius:5px;border:1px solid #2B39D8}.payroll-table-container{min-height:50vh;width:100%;overflow-y:auto}.payroll-tbl{width:100%;border-collapse:separate;border-spacing:0 5px}.payroll-tbl tr{height:30px}.payroll-tbl tbody tr{pointer-events:auto}.payroll-tbl th{color:#2b39d8;font-size:18px;text-align:left;border-bottom:2px solid #2B39D8}.payroll-tbl td{padding:10px;text-align:left;background-color:#d9f7f8;color:#2b39d8;font-size:14px}.info-big-middle-container{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.arrow-btn{top:8px;right:8px;width:25px;height:25px;border-radius:100%;border:none;background-color:transparent;color:#2b39d8;font-size:15px;align-items:center;justify-content:center;display:flex}.two-boxes-emp{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:5px;margin-bottom:10px;flex-wrap:wrap}.two-boxes-emp p{font-size:16px;color:#7e87f0;margin-bottom:7px}.two-boxes-emp strong{color:#2b39d8;font-size:18px}.client-info-emp,.emergency-info-emp{border:2px solid #2B39D8;border-radius:10px;padding:10px;flex:1 1 45%;min-width:350px;height:300px;box-sizing:border-box}.two-headers-emp{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:5px;flex-wrap:wrap;width:100%}.two-headers-emp h1{flex:1 1 45%;min-width:350px;text-align:left}.attendance-history-box{display:block;width:100%;height:290px;flex:1;margin-top:5px;border:2px solid #2B39D8;border-radius:10px;padding:8px;box-sizing:border-box;overflow:auto;position:relative}.attendance-history-tbl{width:100%;border-collapse:separate;text-align:center;border-spacing:0 5px}.attendance-history-tbl th{color:#2b39d8;font-size:18px;text-align:left;border-bottom:2px solid #2B39D8}.attendance-history-tbl td{padding:10px;text-align:left;background-color:#d9f7f8;color:#2b39d8;font-size:17px}.employee-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.employee-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;height:auto;display:flex;flex-direction:column;border:2px solid #2B39D8;position:relative}.employee-popup-content h2{font-size:30px;color:#2b39d8}.employee-popup-inputs{display:flex;flex-direction:column;gap:15px;width:100%;margin-bottom:20px;color:#2b39d8;font-weight:700}.employee-input-name{display:flex;flex-direction:row;text-align:left;justify-content:space-between}.employee-name-input-fields{display:flex;flex-direction:row;gap:5px}.employee-popup-inputs input{width:100%;padding:8px;border-radius:5px;border:1px solid #2B39D8}.employee-popup-buttons{display:flex;gap:10px;justify-content:flex-end}.cancel-btn2,.cancel-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#f4f4f4;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.submit-btn2,.next-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.employee-attendance-buttons{display:flex;gap:10px;align-items:center;justify-content:center}.timein-btn{width:100px;height:40px;border-radius:10px;border:1px solid #95BFC0;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.timeout-btn{width:100px;height:40px;border-radius:10px;border:1px solid #95BFC0;background-color:#ffcfcf;color:#ff0101;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.employee-popup-content hr{border:none;height:2px;background-color:#2b39d8;margin-bottom:10px}.verify-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center}.verify-popup-content{position:relative;background-color:#fff;padding:20px;border-radius:10px;width:300px;height:250px;display:flex;flex-direction:column;border:2px solid #2B39D8;justify-content:center;align-items:center}.verify-popup-content h2{font-size:30px;color:#2b39d8;text-align:center}.verify-popup-content p{text-align:center}.verify-popup-buttons{display:flex;justify-content:flex-end;gap:10px}.submit-popup-content p{text-align:center}.attendance-btn{height:30px;width:125px;border-radius:8px;border:none;background-color:#2b39d8;color:#fff;font-size:16px;align-items:center;justify-content:center;display:flex;cursor:pointer}.new-pay-buttons{display:flex;gap:10px;justify-content:flex-end}.customer-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customer-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;height:500px;display:flex;flex-direction:column;border:2px solid #2B39D8}.date-input-label{display:flex;flex-direction:row;text-align:left;justify-content:space-between}.date-input-fields{display:flex;flex-direction:row;gap:5px}.wage-input-label{display:flex;flex-direction:row;text-align:left;justify-content:space-between}.wage-input-fields{display:flex;flex-direction:row;gap:5px}.commission-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-top:8px}.pagination-info{font-size:13px;color:#6c75e4}.pagination-controls{display:flex;gap:4px}.pagination-btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#333;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f0f0ff;border-color:#2b39d8;color:#2b39d8}.pagination-btn.active{background:#2b39d8;border-color:#2b39d8;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}h1{font-size:30px;font-weight:700;color:#2b39d8}.customer-big-middle-container,.info-big-middle-container,.purchase-big-middle-container{position:relative;width:100%;height:auto}.customer-container{height:100%;width:100%;display:flex;flex-direction:column}.customer-top-container{display:flex;flex-direction:row;gap:10px}.customer-top-container img{padding-top:1px;width:40px;height:auto}.customer-search-box{display:flex;position:absolute;right:110px;align-items:center;gap:8px}.customer-search-box img{width:20px;height:20px}.delete1-btn{width:35px;height:35px;border-radius:20%;border:none;background-color:#ffcfcf;color:#ff0101;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.edit1-btn{width:35px;height:35px;border-radius:20%;border:none;background-color:#ddffe9;color:#0c7e5a;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.customer-btn:hover{background-color:#fff;color:#2b39d8;border:#2B39D8 1px solid}.customer-search-input{width:80%;padding:8px;border-radius:10px;border:1px solid lightgray}.customer-container h2{font-size:16px;color:#7e87f0;margin-bottom:8px}.customer-table-container{height:50vh;width:100%}.customer-history-tbl{width:100%;border-collapse:separate;border-spacing:0 5px}.customer-history-tbl th{font-size:20px;color:#2b39d8;text-align:left;border-bottom:2px solid #2B39D8}.customer-history-tbl tr{height:30px}.customer-history-tbl td{font-size:18px;color:#2b39d8;background-color:#d9f7f8;text-align:left;padding-left:3px}.customer-history-tbl td button{border:none;background-color:transparent;cursor:pointer;color:#2b39d8}.customer-history-tbl td button:hover{background-color:transparent;color:#6c75e4}.customer-popup select{width:100%;padding:8px;border-radius:5px;border:1px solid #2B39D8}.customer-popup-buttons{display:flex;justify-content:flex-end;gap:10px}.customer-popup-content hr{border:none;height:2px;background-color:#2b39d8;margin-bottom:10px}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.two-boxes{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:5px;margin-bottom:10px}.two-boxes p{font-size:15px;color:#7e87f0;margin-bottom:7px}.two-boxes strong{color:#2b39d8;font-size:18px}.client-info,.emergency-info{border:2px solid #2B39D8;border-radius:10px;padding:15px;flex:1 1 45%;width:100%;height:250px;box-sizing:border-box;table-layout:fixed}.two-headers{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:5px;flex-wrap:wrap;width:100%}.two-headers h1{flex:1 1 45%;min-width:350px;text-align:left}.service-history-box{display:block;width:100%;height:290px;flex:1;margin-top:5px;border:2px solid #2B39D8;border-radius:10px;padding:8px;box-sizing:border-box;overflow:auto;position:relative}.service-history-tbl{width:100%;border-collapse:separate;text-align:center;border-spacing:0 5px}.service-history-tbl tr{height:30px}.service-history-tbl th{color:#2b39d8;font-size:20px;text-align:left;border-bottom:2px solid #2B39D8}.service-history-tbl td{background-color:#d9f7f8;font-size:18px;color:#2b39d8;text-align:left;padding:3px}.service-history-tbl td button{border:none;background-color:transparent;cursor:pointer;color:#2b39d8}.service-history-tbl td button:hover{background-color:transparent;color:#6c75e4}.purchase-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.purchase-summary-box{display:block;width:100%;min-height:200px;max-height:500px;margin-top:10px;border:2px solid #2B39D8;border-radius:10px;padding:8px;box-sizing:border-box;overflow-y:auto}.purchase-summary-tbl{width:100%;border-collapse:separate;text-align:center;border-spacing:0 5px}.purchase-summary-tbl th{font-size:clamp(14px,2vw,20px);color:#2b39d8;text-align:left;border-bottom:2px solid #2B39D8;padding:12px}.purchase-summary-tbl td{background-color:#d9f7f8;font-size:clamp(12px,1.8vw,20px);color:#2b39d8;text-align:left;padding:12px}.purchase-summary-tbl td button{border:none;background-color:transparent;cursor:pointer;color:#2b39d8}.purchase-summary-tbl td button:hover{background-color:transparent;color:#6c75e4}.next-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;display:flex;cursor:pointer}.back-arrow-btn{display:flex;width:25px;height:25px;border:none;background:none;color:#000;font-size:18px;cursor:pointer;justify-content:center;align-items:center}.arrow-btn{top:8px;right:8px;width:25px;height:25px;border-radius:100%;border:none;background-color:transparent;color:#2b39d8;font-size:15px;align-items:center;justify-content:center;display:flex;cursor:pointer}.customer-btn{width:35px;height:35px;border-radius:100%;border:none;background-color:#2b39d8;color:#fff;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.void-btn img{width:15px;height:15px}.cancel-btn-void{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#f4f4f4;color:#055556;font-size:16px;font-weight:700;display:flex;cursor:pointer;align-items:center;justify-content:center}.submit-btn-void{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.close-btn-void{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background-color:transparent;color:#2b39d8;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex}::-webkit-scrollbar{width:15px;height:30px}::-webkit-scrollbar-thumb{background-color:#2b39d8;border:4px solid transparent;border-radius:11px;background-clip:content-box}::-webkit-scrollbar *{background:transparent}::-webkit-scrollbar-thumb:vertical{height:90px}h1{font-size:30px;font-weight:700;color:#2b39d8;margin:0}.inventory-big-middle-container{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.products-section{display:flex;flex-direction:column;margin-bottom:0}.inventory-container{height:100%;width:100%;overflow:auto;display:flex;flex-direction:column}.inventory-top-container{display:flex;flex-direction:row;gap:10px;flex-shrink:0}.inventory-top-container img{padding-top:1px;width:40px;height:auto}.inventory-search-input{padding:8px 12px;border:1px solid #ddd;border-radius:10px;margin-left:10px;font-size:14px;min-width:200px}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;flex-wrap:wrap;flex-shrink:0}.products-left{display:flex;align-items:center}.products-right{display:flex;align-items:center;gap:10px}.products-more-btn{background:none;border:none;color:#2b39d8;font-size:20px;cursor:pointer}.products-add-btn,.service-add-btn{width:35px;height:35px;border-radius:100%;border:none;background-color:#2b39d8;color:#fff;font-size:20px;align-items:center;justify-content:center;display:flex;cursor:pointer}.inventory-filter-select{padding:8px 12px;border-radius:8px;border:1px solid #2b39d8;background-color:#fff;color:#2b39d8;font-weight:600;font-size:13px;cursor:pointer}.items-grid{display:flex;flex-wrap:nowrap;gap:10px;margin-top:10px;margin-bottom:0;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;flex-shrink:0}.items-grid::-webkit-scrollbar{height:8px}.items-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.items-grid::-webkit-scrollbar-thumb{background:#2b39d8;border-radius:4px}.items-grid::-webkit-scrollbar-thumb:hover{background:#1f2a9e}.item-card{width:180px;min-width:180px;height:240px;background-color:#fff;border:1px solid #d9ddff;border-radius:10px;padding:12px;text-align:left;position:relative;flex-shrink:0;display:flex;flex-direction:column}.card-btn{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:100%;border:none;background-color:transparent;color:#2b39d8;font-size:16px;align-items:center;justify-content:center;display:flex;cursor:pointer}.item-card img{display:block;margin:10px auto 8px;width:100px;height:100px;object-fit:cover;border:1px solid #2B39D8;border-radius:6px}.item-card h3{font-size:14px;font-weight:700;color:#2b39d8;margin-top:10px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card p{font-size:12px;color:#2b39d8;margin:2px 0}.services-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;margin-top:0;flex-wrap:wrap;flex-shrink:0}.services-left{display:flex;align-items:center}.services-right{display:flex;align-items:center;gap:10px}.services-box{display:block;width:100%;flex:1;min-height:200px;border:2px solid #2B39D8;border-radius:10px;padding:8px;overflow-y:auto;margin-top:5px}.services-tbl{width:100%;border-collapse:separate;text-align:center;border-spacing:0 5px}.services-tbl td{background-color:#d9f7f8;font-size:18px;color:#2b39d8;text-align:left;padding:3px}.customer-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center}.customer-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:400px;height:auto;display:flex;flex-direction:column;border:2px solid #2B39D8}.customer-popup-content h2{font-size:30px;color:#2b39d8}.customer-popup-inputs{display:flex;flex-direction:column;gap:15px;width:100%;margin-bottom:20px;color:#2b39d8;font-weight:700}.customer-input-name{display:flex;flex-direction:row;text-align:left;justify-content:space-between}.customer-name-input-fields{display:flex;flex-direction:row;gap:5px}.customer-popup-inputs input{width:100%;padding:8px;border-radius:5px;border:1px solid #2B39D8}.customer-popup-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px}.left-buttons,.right-buttons{display:flex;gap:10px}.cancel-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#f4f4f4;color:#055556;font-size:16px;font-weight:700;display:flex;cursor:pointer}.delete-prod-btn{width:80px;height:35px;border-radius:5px;border:1px solid #FF0101;background-color:#ffcfcf;color:#ff0101;font-size:15px;align-items:center;justify-content:center;display:flex;cursor:pointer}.back-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#f4f4f4;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.submit-btn{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.submit-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center}.submit-popup-content{position:relative;background-color:#fff;padding:20px;border-radius:10px;width:250px;height:200px;display:flex;flex-direction:column;border:2px solid #2B39D8;justify-content:center;align-items:center}.submit-popup-content h2{font-size:30px;color:#2b39d8;text-align:center}.submit-popup-content button{position:absolute;top:10px;right:10px;width:25px;height:25px;border:none;background:none;color:#2b39d8;font-size:18px;font-weight:700;cursor:pointer}.customer-two-btn{display:flex;justify-content:center;align-items:center;gap:2px}.customer-two-btn img{width:12px;height:12px}.edit-row-btn{width:20px;height:20px;border-radius:20%;border:none;background-color:#ddffe9;color:#0c7e5a;font-size:12px;align-items:center;justify-content:center;display:flex;cursor:pointer}.delete-row-btn{width:20px;height:20px;border-radius:20%;border:none;background-color:#ffcfcf;color:#ff0101;font-size:12px;align-items:center;justify-content:center;display:flex;cursor:pointer}.sales-page-container{position:relative;width:100%;height:80vh}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;display:flex;align-items:center;justify-content:center;z-index:50}.loading-spinner{background-color:#fff;padding:2rem 3rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;color:#4b5563;box-shadow:0 20px 25px -5px #0000001a}.sales-header{display:flex;flex-direction:row;gap:10px;align-items:center}.sales-header h1{color:#2b39d8;margin:0 0 .25rem}.sales-header p{font-size:.875rem;color:#6b7280;font-size:32px;font-weight:700;color:#2b39d8;margin:0}h2{font-size:16px;color:#7e87f0;margin-bottom:12px}.period-selector{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:20px;margin-bottom:20px;flex-wrap:wrap}.period-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.period-btn{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;background-color:#fff;color:#374151;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.period-btn:hover{background-color:#f9fafb}.period-btn.active{background-color:#055556;color:#fff;border-color:#2b39d8;box-shadow:0 4px 6px -1px #3b82f64d}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.export-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.kpi-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{height:100px;background:linear-gradient(135deg,#ecfbfb,#fff);border-radius:.75rem;padding:1rem 1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #2B39D8;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.kpi-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(91,110,245,.1),transparent);transition:left .5s ease}.kpi-card:hover:before{left:100%}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #2b39d833;border-color:#5b6cf2}.kpi-content{display:flex;align-items:center;justify-content:space-between;width:100%}.kpi-text{flex:1}.kpi-label{font-size:.75rem;font-weight:500;color:#7e87f0;text-transform:uppercase;margin:0 0 .25rem}.kpi-value{font-size:1.5rem;font-weight:700;color:#2b39d8;margin:0;transition:color .3s ease}.kpi-value.positive{color:#10b981}.kpi-value.negative{color:#ef4444}.kpi-card:hover .kpi-value{color:#5b6cf2}.kpi-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.kpi-icon.blue{background:linear-gradient(135deg,#2b39d8,#5b6cf2);color:#fff;box-shadow:0 4px 8px #2b39d84d}.kpi-icon.green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 8px #10b9814d}.kpi-icon.red{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 4px 8px #ef44444d}.kpi-card:hover .kpi-icon{transform:scale(1.1) rotate(5deg)}.kpi-card:hover .kpi-icon.blue{box-shadow:0 6px 12px #2b39d866}.kpi-card:hover .kpi-icon.green{box-shadow:0 6px 12px #10b98166}.kpi-card:hover .kpi-icon.red{box-shadow:0 6px 12px #ef444466}.peso-sign{font-size:1.5rem;font-weight:700;color:#fff;transition:transform .3s ease}.kpi-card:hover .peso-sign{transform:scale(1.1)}.sale-type-header{display:flex;align-items:center;width:100%;margin-bottom:.25rem}.sale-type-dropdown-label{padding:6px 28px 6px 1px;font-size:.75rem;background-color:transparent;border:none;color:#7e87f0;cursor:pointer;font-weight:600;transition:all .2s ease;text-transform:uppercase;letter-spacing:.02em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237E87F0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sale-type-dropdown-label:hover{background-color:#f0f1ff;border-color:#2b39d8;color:#2b39d8}.sale-type-dropdown-label:focus{outline:none;border-color:#2b39d8;box-shadow:0 0 0 2px #2b39d81a}.sale-type-dropdown-label option{padding:8px;font-size:.875rem}.kpi-actions{display:flex;gap:.5rem;align-items:center}.view-expenses-btn{padding:.5rem 1rem;background-color:#2b39d8;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-expenses-btn:hover{background-color:#5b6cf2;transform:translateY(-2px);box-shadow:0 4px 8px #2b39d84d}.back-to-sales-btn{background:none;border:2px solid #2B39D8;font-size:16px;cursor:pointer;color:#2b39d8;padding:8px 16px;border-radius:8px;transition:all .2s ease;font-weight:600}.back-to-sales-btn:hover{background-color:#2b39d8;color:#fff;transform:translate(-4px)}.add-expense-btn{padding:.75rem 1.5rem;background-color:#055556;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;transition:all .3s ease}.add-expense-btn:hover{background-color:#044445;transform:translateY(-2px);box-shadow:0 4px 8px #0555564d}.expenses-table-container{background:linear-gradient(135deg,#ecfbfb,#fff);border-radius:.75rem;padding:1.5rem;border:1px solid #2B39D8;margin-bottom:1rem}.expenses-table{width:100%;border-collapse:collapse;margin-top:1rem}.expenses-table thead tr{border-bottom:2px solid #2B39D8}.expenses-table th{padding:12px;text-align:left;color:#7e87f0;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.expenses-table th:last-child{text-align:center}.expenses-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.expenses-table tbody tr:hover:not(.employee-salary-row):not(.total-row){background-color:#f9fafb}.expenses-table td{padding:12px;font-size:.875rem}.employee-salary-row{background-color:#f9fafb}.price-cell{color:#2b39d8;font-weight:600}.system-cell{color:#6b7280;font-style:italic}.empty-cell{text-align:center;padding:20px;color:#6b7280}.actions-cell{text-align:center}.actions-cell.disabled{color:#9ca3af}.edit-expense-btn,.delete-expense-btn{padding:.375rem .875rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-expense-btn{background-color:#3b82f6;color:#fff;margin-right:.5rem}.edit-expense-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.delete-expense-btn{background-color:#ef4444;color:#fff}.delete-expense-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.total-row{border-top:2px solid #2B39D8;font-weight:700;background-color:#ecfbfb}.total-row td{padding:15px 12px}.total-price{color:#2b39d8;font-size:1.25rem}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.expense-modal{background-color:#fff;padding:2rem;border-radius:.75rem;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.expense-modal h2{margin-bottom:1.5rem;color:#2b39d8;font-size:1.5rem}.expense-input-group{margin-bottom:1.25rem}.expense-input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.expense-input-group input{width:100%;padding:.625rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.expense-input-group input:focus{outline:none;border-color:#2b39d8;box-shadow:0 0 0 3px #2b39d81a}.expense-modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.cancel-expense-btn,.submit-expense-btn{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-expense-btn{background-color:#6b7280;color:#fff}.cancel-expense-btn:hover{background-color:#4b5563;transform:translateY(-1px);box-shadow:0 2px 4px #6b72804d}.submit-expense-btn{background-color:#055556;color:#fff}.submit-expense-btn:hover{background-color:#044445;transform:translateY(-1px);box-shadow:0 2px 4px #0555564d}.daily-sales-table-container{background:linear-gradient(135deg,#ecfbfb,#fff);border-radius:.75rem;padding:1.5rem;border:1px solid #2B39D8;margin-bottom:1rem}.daily-sales-table{width:100%;border-collapse:collapse;margin-top:1rem}.daily-sales-table thead tr{border-bottom:2px solid #2B39D8}.daily-sales-table th{padding:12px;text-align:left;color:#7e87f0;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.daily-sales-table th:last-child{text-align:center;width:50px}.daily-sales-table tbody tr.transaction-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease;cursor:pointer}.daily-sales-table tbody tr.transaction-row:hover{background-color:#f9fafb}.daily-sales-table td{padding:12px;font-size:.875rem}.transaction-id-cell{color:#2b39d8;font-weight:600}.more-items{color:#7e87f0;font-size:.75rem;font-style:italic;margin-left:4px}.total-cell{color:#2b39d8;font-weight:600}.expand-cell{text-align:center}.expand-btn{width:30px;height:30px;border-radius:50%;border:2px solid #2B39D8;background-color:#fff;color:#2b39d8;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.expand-btn:hover{background-color:#2b39d8;color:#fff;transform:scale(1.1)}.expanded-details-row{background-color:#f9fafb}.expanded-details-row td{padding:0}.transaction-details{padding:1.5rem;border-top:2px solid #2B39D8}.transaction-details h4{color:#2b39d8;margin:0 0 1rem;font-size:1rem}.items-list{margin-bottom:1.5rem}.item-detail{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem;background-color:#fff;border-radius:.5rem;margin-bottom:.5rem;border:1px solid #e5e7eb}.item-name{font-weight:600;color:#374151}.item-type{color:#7e87f0;font-size:.875rem}.item-quantity{color:#6b7280;font-size:.875rem}.item-discount{color:#ef4444;font-size:.875rem}.item-price{color:#2b39d8;font-weight:600;text-align:right}.transaction-meta{padding-top:1rem;border-top:1px solid #e5e7eb}.transaction-meta p{margin:.5rem 0;color:#374151;font-size:.875rem}.transaction-meta strong{color:#2b39d8}.main-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.main-content-grid{grid-template-columns:1fr}}.chart-section{background:linear-gradient(135deg,#ecfbfb,#fff);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #2B39D8;transition:all .3s ease}.chart-section:hover{box-shadow:0 4px 12px #2b39d826}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h2{font-size:1rem;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.chart-subtitle{font-size:.75rem;color:#6b7280;margin:0}.year-selector{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background-color:#fff;cursor:pointer;color:#374151}.year-selector:focus{outline:none;border-color:#2b39d8;box-shadow:0 0 0 3px #3b82f61a}.sales-chart{width:100%;height:300px}.side-panels{display:flex;flex-direction:column;gap:1.5rem}.panel-card{background:linear-gradient(135deg,#ecfbfb,#fff);border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid #2B39D8;transition:all .3s ease}.panel-card:hover{box-shadow:0 4px 12px #2b39d826;transform:translateY(-2px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-header h3{font-size:.875rem;font-weight:600;color:#7e87f0;text-transform:uppercase;letter-spacing:.05em;margin:0}.popular-list{display:flex;flex-direction:column;gap:1rem}.popular-item{display:flex;flex-direction:column;gap:.375rem;transition:transform .2s ease}.popular-item:hover{transform:translate(4px)}.popular-header-row{display:flex;justify-content:space-between;align-items:center}.popular-name{font-size:.875rem;font-weight:500;color:#374151}.popular-percentage{font-size:.75rem;font-weight:600;color:#2b39d8}.popular-bar-container{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.popular-bar{height:100%;background:linear-gradient(90deg,#5b6cf2,#7c85f7);border-radius:4px;transition:width .6s ease;box-shadow:0 2px 4px #5b6ef24d;animation:barGrow .6s ease-out}@keyframes barGrow{0%{width:0}}.popular-item:hover .popular-bar{box-shadow:0 3px 6px #5b6ef280}@media(max-width:768px){.sales-page-container{padding:1rem}.kpi-cards-grid,.main-content-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.period-selector{flex-direction:column}.period-btn{width:100%}.kpi-actions{flex-direction:column;gap:.25rem;align-items:flex-start}.view-expenses-btn{font-size:.75rem;padding:.375rem .75rem}.expenses-table{font-size:.75rem}.expenses-table th,.expenses-table td{padding:8px}.edit-expense-btn,.delete-expense-btn{font-size:.75rem;padding:.25rem .5rem}.item-detail{grid-template-columns:1fr;gap:.5rem}.item-price{text-align:left}}.settings-container{position:relative;width:100%;height:auto}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{background-color:#fff;padding:30px 50px;border-radius:10px;font-size:18px;font-weight:700;color:#2b39d8}.top-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.top-container img{width:50px;height:50px;object-fit:contain}.top-container h1{font-size:32px;font-weight:700;color:#2b39d8;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.section-header h2{font-size:16px;font-weight:700;color:#2b39d8;letter-spacing:.5px;margin:0}.section-title{font-size:16px;font-weight:700;color:#2b39d8;letter-spacing:.5px;margin:20px 0}.add-account-btn{width:45px;height:45px;background:linear-gradient(135deg,#2b39d8,#4f5fe8);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #2b39d84d;transition:all .3s ease}.add-account-btn:hover{transform:scale(1.05);box-shadow:0 6px 12px #2b39d866}.account-table-wrapper{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a}.account-table{width:100%;border-collapse:collapse}.account-table thead{background-color:#f8f9fa}.account-table th{padding:15px;text-align:left;font-size:12px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.account-table td{padding:15px;border-bottom:1px solid #e9ecef;color:#333}.active-now{color:#dc3545!important;font-weight:600}.view-details-btn{background:none;border:none;color:#6c757d;font-size:20px;cursor:pointer;padding:5px 10px;transition:color .3s ease}.view-details-btn:hover{color:#2b39d8}.back-btn3{background:none;border:none;font-size:14px;cursor:pointer;margin-top:20px;margin-bottom:20px;display:flex;align-items:center;gap:5px;transition:color .3s ease}.back-btn3:hover{color:#2b39d8}.create-account-container{max-width:600px;margin:0 auto}.details-container{height:95%;width:100%}.details-card{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 8px #0000001a}.profile-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:2px solid #e9ecef;margin-bottom:25px}.profile-left{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}.profile-info h3{font-size:22px;font-weight:700;color:#2b39d8;margin:0 0 8px}.profile-info p{font-size:14px;color:#6c757d;margin:0}.delete-account-btn{width:35px;height:35px;border-radius:20%;border:none;background-color:#ffcfcf;color:#ff0101;font-size:12px;align-items:center;justify-content:center;display:flex;cursor:pointer}.delete-account-btn img{width:20px;height:20px}.delete-account-btn:hover{transform:scale(1.1)}.account-management-section{padding-bottom:25px;border-bottom:2px solid #e9ecef;margin-bottom:25px}.account-management-section h4,.activity-log-section h4{font-size:14px;font-weight:700;color:#333;margin-bottom:20px;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-size:12px;font-weight:700;color:#6c757d;letter-spacing:.5px}.field-with-action{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:60px}.field-value{color:#333;font-size:14px}.field-with-action2{display:flex;align-items:center;padding:12px 15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:60px}.field-value2{color:#333;font-size:14px;margin-right:auto}.field-with-action2 button{margin-left:8px}.change-password-btn{border:none;background:none}.change-password-btn:hover{transform:scale(1.1)}.edit-icon-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;transition:transform .3s ease}.edit-icon-btn:hover{transform:scale(1.1)}.role-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;min-width:150px;margin-top:5px}.role-dropdown-menu div{padding:12px 15px;cursor:pointer;transition:background-color .3s ease;color:#333}.role-dropdown-menu div:hover{background-color:#f8f9fa}.role-dropdown-menu div:first-child{border-radius:8px 8px 0 0}.role-dropdown-menu div:last-child{border-radius:0 0 8px 8px}.password-edit-box{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:15px}.password-input-wrapper{display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px}.password-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;color:#333}.password-input-container{position:relative;width:100%}.password-input{width:100%;padding-right:44px;box-sizing:border-box}.toggle-visibility5{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:15%;padding:5px;height:24px;font-size:14px;text-align:center}.toggle-visibility2,.confirm-password-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;transition:transform .3s ease}.toggle-visibility2:hover,.confirm-password-btn:hover{transform:scale(1.1)}.toggle-visibility2,.toggle-visibility5 img{width:20px;height:20px;align-items:center;justify-content:center}.activity-table{width:100%;border-collapse:collapse;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.activity-table thead{background-color:#f8f9fa}.activity-table th{padding:12px;text-align:left;font-size:12px;font-weight:700;color:#6c757d;text-transform:uppercase;border-bottom:2px solid #e9ecef}.activity-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#333;font-size:14px}.action-cell{color:#2b39d8;font-weight:600}.popup-window{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 20px #00000026;max-width:500px;width:100%}.create-form{margin:0 auto}.popup-title{font-size:22px;font-weight:700;color:#333;margin-bottom:25px;text-align:center}.popup-window label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.popup-window input,.popup-window select{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;transition:border-color .3s ease}.popup-window input:focus,.popup-window select:focus{outline:none;border-color:#2b39d8;box-shadow:0 0 0 3px #2b39d81a}.popup-buttons{display:flex;gap:10px;margin-top:20px}.close-btn,.submit-chk-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-btn{background-color:#f0f0f0;color:#333}.close-btn:hover{background-color:#e0e0e0}.submit-chk-btn{background-color:#2b39d8;color:#fff}.submit-chk-btn:hover{background-color:#1f2ba8;transform:translateY(-2px);box-shadow:0 4px 12px #2b39d84d}.cancel-btn-settings{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#f4f4f4;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}.submit-btn-settings{width:80px;height:35px;border-radius:5px;border:1px solid #2B39D8;background-color:#d9f7f8;color:#055556;font-size:16px;font-weight:700;align-items:center;justify-content:center;display:flex;cursor:pointer}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;align-items:flex-start;gap:15px}.account-table th,.account-table td{padding:10px;font-size:12px}}.main-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#d9f7f8;position:fixed;top:0;left:0}.login-container{background-color:#fff;padding:20px;border-radius:10px;width:400px;height:auto;display:flex;flex-direction:column;border:2px solid #2B39D8}.login-container h2{font-size:30px;font-weight:700;color:#2b39d8;margin-bottom:1px;text-align:center}.login-container hr{border:none;height:1px;background-color:#2b39d8;margin-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;color:#2b39d8;font-weight:700;margin-bottom:8px;font-size:14px;text-align:left}.form-group input{width:100%;padding:8px;border-radius:5px;border:1px solid #2B39D8;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#2b39d8}.login-btn{width:100%;padding:10px;background-color:#d9f7f8;border:1px solid #95BFC0;border-radius:5px;color:#055556;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.login-btn:hover{background-color:#bdddde;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.login-btn:active{transform:translateY(0)}.error-message{color:#c00;font-size:14px;padding:10px;margin-bottom:10px;background-color:#ffe6e6;border:1px solid #cc0000;border-radius:5px;text-align:center}.login-btn:disabled{opacity:.6;cursor:not-allowed}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding:8px 42px 8px 8px;border-radius:5px;border:1px solid #2B39D8;font-size:14px;box-sizing:border-box}.toggle-visibility{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:15%;padding:5px;height:24px;font-size:14px;color:#2b39d8;text-align:center}.toggle-visibility img{width:20px;height:20px;align-items:center;justify-content:center}.setup-main-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#d9f7f8;position:fixed;top:0;left:0;overflow-y:auto;padding:20px}.setup-container{background-color:#fff;padding:30px;border-radius:10px;width:500px;max-width:95%;display:flex;flex-direction:column;border:2px solid #2B39D8;margin:auto}.setup-container h2{font-size:28px;font-weight:700;color:#2b39d8;margin-bottom:5px;text-align:center}.setup-subtitle{color:#666;text-align:center;margin-bottom:10px;font-size:14px}.setup-container hr{border:none;height:1px;background-color:#2b39d8;margin-bottom:20px}.step-indicator{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.step{padding:8px 16px;border-radius:20px;font-size:13px;color:#999;background-color:#f0f0f0;transition:all .3s}.step.active{color:#fff;background-color:#2b39d8}.step-content{display:flex;flex-direction:column;gap:5px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group{margin-bottom:12px}.form-group label{display:block;color:#2b39d8;font-weight:700;margin-bottom:6px;font-size:13px;text-align:left}.form-group input,.form-group select{width:100%;padding:10px;border-radius:5px;border:1px solid #2B39D8;font-size:14px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a2490;box-shadow:0 0 0 2px #2b39d81a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.role-info{background-color:#f0f4ff;border:1px solid #2B39D8;border-radius:8px;padding:15px;margin:15px 0;text-align:center}.role-badge{display:inline-block;background-color:#2b39d8;color:#fff;padding:5px 15px;border-radius:15px;font-weight:700;font-size:14px;margin-bottom:8px}.role-info p{color:#555;font-size:13px;margin:0}.button-row{display:flex;gap:10px;margin-top:10px}.next-btn1,.submit-btn2{width:100%;padding:12px;background-color:#2b39d8;border:none;border-radius:5px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.next-btn1:hover,.submit-btn2:hover{background-color:#1a2490;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.back-btn2{flex:1;padding:12px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#555;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.back-btn2:hover{background-color:#e0e0e0}.submit-btn2{flex:2;margin-top:0}.next-btn1:disabled,.submit-btn2:disabled,.back-btn2:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{color:#c00;font-size:14px;padding:10px;margin-bottom:15px;background-color:#ffe6e6;border:1px solid #cc0000;border-radius:5px;text-align:center}*{font-family:Lexend Deca,sans-serif;margin:0;padding:0;box-sizing:border-box}.app-container{display:flex;height:100vh;background-color:#d9f7f8}.nav-container{display:flex}.nav-container img{margin-top:15px;width:28px;height:28px}.navbar{width:230px;background-color:#d9f7f8;color:#055556;display:flex;flex-direction:column;align-items:flex-start;position:fixed;height:100vh;justify-content:space-between}.navbar ul{list-style:none;width:100%;padding-top:30px;padding-left:30px}.navbar li{width:100%;position:relative}.navbar li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#2b39d8,#5b6ef5);border-radius:0 2px 2px 0;transition:.3s ease}.navbar a{color:#055556;display:block;width:100%;padding:19px 10px 19px 15px;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:all .3s ease}.navbar a:hover{color:#2b39d8;text-decoration:underline;transform:translate(5px)}.navbar a.active{color:#1f2aa3;font-weight:bolder;text-decoration:underline}.content{margin-top:40px;margin-left:250px;margin-right:50px;border-radius:20px;border:1px solid #000000;padding:30px 40px;flex-grow:1;background-color:#fff;height:90%;box-sizing:border-box;overflow:auto}.user-section{width:100%;padding:20px;display:flex;flex-direction:column;gap:10px;border-top:2px solid #95BFC0;margin-bottom:20px;position:relative}.user-section:before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2b39d8,#5b6ef5)}.user-name{color:#055556;font-size:14px;font-weight:600;text-align:center}.user-role{color:#2b39d8;font-size:12px;font-weight:700;text-align:center;padding:4px 8px;background-color:#e8ebff;border-radius:4px}.logout-btn{width:100%;padding:10px;background:linear-gradient(135deg,#d9f7f8,#c8ecec);border:1px solid #95BFC0;border-radius:5px;color:#055556;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .3s,height .3s}.logout-btn:hover:before{width:300px;height:300px}.logout-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2b39d81a}.nav-logo img{width:160px;height:160px;margin-bottom:30px;margin-left:10px;filter:drop-shadow(0 2px 4px rgba(43,57,216,.1))}