@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Miriam+Libre:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,sans-serif;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navheader{align-items:center;background-color:#e9e9e9df;box-shadow:0 0 10px #000;display:flex;height:150px;position:fixed;width:100%;z-index:3}.companyFont{-webkit-text-stroke:.5px #000;color:#a20;float:left;font-weight:2000}.MainLayout{min-height:100vh}.footerbtm{color:grey}.footerbtm,button{font-family:Miriam Libre,sans-serif}.logo{height:130px;margin-right:auto;order:2;width:auto}.menuBtn{border:2px solid;color:#a20000;padding:10px 10px 28px}.right-menu{justify-content:right}.right-menu,.right-menu-mobile{background-color:initial;border-bottom:0;color:#000;font-size:large;font-weight:700;order:2}.rightMenuTxt:hover{color:#d8abab!important}.ant-menu-item-selected:after,.ant-menu-item:hover:after{border-bottom:0 solid #0000!important}.ant-menu-item-selected{color:#a20000!important}.quoteBtn{background-color:#a20000;border-radius:40px!important;color:#fff;font-family:Miriam Libre,sans-serif;font-size:medium;font-weight:900;text-align:center;width:150px}.quoteBtn:active,.quoteBtn:hover{background-color:#d8abab!important;color:#000!important}.quoteBtn::selection{background-color:#d8abab!important;color:#000!important}.space{height:150px}.container{align-items:center;color:#fff;position:relative;text-align:center;width:100%}.container,.mainText{font-family:Miriam Libre,sans-serif}.mainText{animation:fadeInAnimation 2s ease;animation-fill-mode:forwards;animation-iteration-count:1;font-size:10vh;font-weight:600;text-shadow:#000 3px 0 10px}.textDiv{align-items:center;justify-content:center;margin:0;position:absolute;top:40%;transform:translateY(-40%)}.filter{background-color:rgba(0,0,0,.459);height:100%;width:100%}.productFilter{background-color:hsla(0,0%,100%,.459);border-radius:100%;height:100%;width:100%}.subText{animation:fadeInAnimation 5s ease;animation-fill-mode:forwards;animation-iteration-count:1;font-family:Miriam Libre,sans-serif;font-size:4vh;font-weight:600;text-shadow:#000 4px 0 10px;width:70%}.downBtn,.subText{color:#d8d8d8;margin-left:auto;margin-right:auto}.downBtn{animation:bounce,fadeInAnimation;animation-delay:1s;animation-duration:.8s;animation-fill-mode:both;bottom:10px;font-size:50px;left:0;opacity:0;position:absolute;right:0;width:100%}.downBtnIcon:hover{color:#a20000}.secondMainText{color:#000;font-family:Miriam Libre,sans-serif;font-size:3em;font-weight:800;padding-bottom:20px}.keyPointBtn{border:2px solid #a2000000;border-radius:5px}.keyPointBtn,.keyPointBtnMbl{color:#000;font-size:medium;font-weight:600;height:100%;margin:10px;padding-top:10px;width:100%}.keyPointBtnMbl{background-color:#fff;border:2px solid #7c757500;border-radius:5px;box-shadow:0 0 5px #0000005e}.KeyPointDescription{color:#000}.svgIcon{height:6rem;width:auto}.svgIconMbl{height:auto;width:3rem}.waBtn{align-items:center;background-color:#72c058;border-radius:30px 0 0 30px;bottom:5%;box-shadow:0 0 10px #00000085;color:#fff;font-weight:600;height:60px;justify-items:center;position:fixed;right:0;z-index:1}.waBtnLogo{height:auto;width:60px}.waBtnLogo:hover{animation:ckw 1.5s linear 1;transform-origin:50% 50%}.productsContainer{display:flex;flex-wrap:no-wrap;overflow-x:scroll;position:relative;width:50vw}.ant-form-item-label label{font-size:16px}.ant-picker-panels>:first-child button.ant-picker-header-next-btn,.ant-picker-panels>:first-child button.ant-picker-header-super-next-btn{visibility:visible!important}.ant-picker-panels>:last-child{display:none!important}.ant-picker-footer,.ant-picker-panel-container{width:280px!important}.ant-picker-footer-extra>div{flex-wrap:wrap!important}@keyframes ckw{0%,20%,40%,60%,80%,to{transform:rotate(-20deg)}10%,30%,50%,70%,90%{transform:rotate(30deg)}}@keyframes bounce{0%{transform:translateY(20px)}20%{transform:translateY(-40px)}40%{transform:translateY(10px)}60%{transform:translateY(-30px)}80%,to{transform:translateY(0)}90%{transform:translateY(-7px)}}.bounce{animation-name:bounce}@media (max-width:1200px){.productsContainer{width:90%}}@media (max-width:1067px){.logo{height:90px;width:auto}.navheader,.space{height:100px}.mainText{font-size:6vh;font-weight:600;margin-left:auto;margin-right:auto}.subText{font-size:3vh;font-weight:600}.secondMainText{font-size:5vw;font-weight:600}.right-menu{font-size:medium}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.admin-form-container{.ant-modal{margin:0!important;max-width:100vw!important;padding:0!important;top:0!important}.ant-modal-content{border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important}.ant-modal-header{border-bottom:1px solid #f0f0f0!important;flex-shrink:0!important;padding:12px 16px!important}.ant-modal-title{font-size:16px!important;font-weight:600!important}.ant-modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1!important;overflow-y:auto!important;padding:0!important}.ant-modal-close{right:12px!important;top:8px!important}.ant-modal-close-x{font-size:18px!important;height:44px!important;line-height:44px!important;width:44px!important}.ant-modal-body>div{max-width:100%!important}.admin-form-container,.ant-modal-body>div{margin:0!important;padding:0!important}.ant-card{border-radius:8px!important;margin-bottom:12px!important}.ant-card-head{min-height:auto!important;padding:12px 16px!important}.ant-card-head-title{font-size:14px!important;font-weight:600!important}.ant-card-body{padding:4px!important}.ant-card-extra{font-size:12px!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{margin-bottom:8px!important;padding-left:0!important;padding-right:0!important}.ant-col-12,.ant-col-6,.ant-col-8{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.ant-form-item{margin-bottom:12px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{font-size:13px!important;font-weight:500!important}.ant-input,.ant-input-number,.ant-input-number-input,.ant-picker,.ant-select-selector{font-size:16px!important;min-height:44px!important;padding:8px 12px!important}.ant-select-selection-item{line-height:28px!important}.ant-input,.ant-picker-input>input{font-size:16px!important}.ant-btn{border-radius:6px!important;font-size:14px!important;min-height:44px!important;padding:8px 16px!important}.ant-btn-sm{font-size:12px!important;min-height:36px!important;padding:6px 12px!important}.ant-table-wrapper{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.ant-table{font-size:12px!important;min-width:100%!important}.ant-table-thead>tr>th{font-size:11px!important;font-weight:600!important;padding:8px 4px!important}.ant-table-tbody>tr>td{font-size:12px!important;padding:8px 4px!important}.ant-table-tbody .ant-input{padding:4px 8px!important}.ant-table-tbody .ant-input,.ant-table-tbody .ant-input-number{font-size:14px!important;min-height:36px!important}.ant-table-tbody .ant-input-number-input{font-size:14px!important;min-height:32px!important;padding:4px 8px!important}.ant-space{flex-wrap:wrap!important;gap:8px!important}.ant-space-item{margin-bottom:4px!important}.ant-radio-group{display:flex!important;flex-direction:column!important;gap:8px!important}.ant-radio-button-wrapper{font-size:13px!important;line-height:34px!important;margin-bottom:4px!important;min-height:36px!important;padding:0 12px!important;text-align:center!important}.ant-checkbox-wrapper{font-size:14px!important;margin-bottom:8px!important}.ant-select-dropdown{border-radius:8px!important}.ant-select-item{font-size:16px!important;line-height:28px!important;min-height:44px!important;padding:8px 12px!important}.ant-picker-dropdown{font-size:14px!important}.ant-picker-cell{min-height:36px!important}.ant-space.ant-space-horizontal{align-items:flex-start!important;flex-direction:column!important;width:100%!important}.ant-space.ant-space-horizontal .ant-space-item{margin-bottom:8px!important;width:100%!important}.ant-space.ant-space-horizontal input[type=checkbox]{margin-right:8px!important;transform:scale(1.2)!important}.ant-space.ant-space-horizontal .ant-input-number{margin-left:8px!important;width:100px!important}.ant-modal-body div[style*="textAlign: center"]{background:#fafafa!important;border-top:1px solid #f0f0f0!important;bottom:0!important;margin:0 -12px -12px!important;padding:16px 12px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.ant-modal-body div[style*="textAlign: center"] .ant-space{justify-content:center!important;width:100%!important}.ant-modal-body div[style*="textAlign: center"] .ant-btn{min-width:120px!important}div[style*="textAlign: right"]{background:#f8f9fa!important;border-radius:6px!important;margin-top:12px!important;padding:12px!important;text-align:left!important}div[style*="textAlign: right"] .ant-typography{font-size:14px!important;margin-bottom:4px!important}.ant-typography h3{font-size:18px!important;margin-bottom:8px!important}.ant-typography h4{font-size:16px!important;margin-bottom:6px!important}.ant-divider{margin:12px 0!important}.ant-form-item-explain-error{font-size:12px!important}.ant-spin-container{min-height:auto!important}.ant-modal-header{background:#fff!important;box-shadow:0 2px 4px #0000001a!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.ant-input-number-handler-wrap{opacity:1!important}.ant-input-number-handler{height:22px!important;line-height:22px!important}.ant-card+.ant-card{margin-top:16px!important}.ant-typography{line-height:1.4!important}.ant-typography-caption{color:#595959!important}}@media (max-width:768px) and (orientation:landscape){.ant-modal-content{height:100vh!important}.ant-modal-body{max-height:calc(100vh - 60px)!important}}@media (max-width:375px){.ant-modal-body>div{padding:0!important}.ant-card-body{padding:2px!important}.ant-form-item{margin-bottom:4px!important}.ant-btn{font-size:13px!important;min-height:40px!important}.ant-col{padding-left:0!important;padding-right:0!important}}}@media (max-width:640px){.admin-form-container .ant-table-wrapper.mobile-hidden{display:none!important}.admin-form-container .mobile-line-items{display:block!important}.admin-form-container .mobile-line-item{background:#fff!important;border:1px solid #d9d9d9!important;border-radius:6px!important;margin-bottom:8px!important;padding:8px!important}.admin-form-container .mobile-line-item-header{align-items:center!important;color:#1890ff!important;display:flex!important;font-size:14px!important;font-weight:600!important;justify-content:space-between!important;margin-bottom:8px!important}.admin-form-container .mobile-line-item-field{margin-bottom:8px!important}.admin-form-container .mobile-line-item-field label{color:#666!important;display:block!important;font-size:12px!important;font-weight:500!important;margin-bottom:4px!important}.admin-form-container .mobile-line-item-actions{border-top:1px solid #f0f0f0!important;margin-top:8px!important;padding-top:8px!important;text-align:right!important}.admin-form-container .mobile-line-item .ant-input,.admin-form-container .mobile-line-item .ant-input-number{min-height:40px!important;width:100%!important}.admin-form-container .mobile-line-item .ant-input-number-input{min-height:36px!important}}@media (max-width:480px){.admin-form-container .ant-col-12 .ant-space{align-items:flex-start!important;flex-direction:column!important;width:100%!important}.admin-form-container .ant-col-12 .ant-space .ant-space-item{align-items:center!important;border-bottom:1px solid #f0f0f0!important;display:flex!important;justify-content:space-between!important;padding:8px 0!important;width:100%!important}.admin-form-container .ant-col-12 .ant-space .ant-space-item:last-child{border-bottom:none!important}}.quotation-helper-section{background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;margin-top:8px;padding:8px}.quotation-helper-section .ant-space{width:100%}.quotation-helper-section .ant-radio-group{margin-right:8px}.quotation-helper-section .ant-input-number{min-width:100px}.mobile-line-item .quotation-helper-section{margin-top:8px}.mobile-line-item .quotation-helper-section .ant-space-vertical{width:100%}.mobile-line-item .quotation-helper-section .ant-radio-group{margin-bottom:4px}.mobile-line-item .quotation-helper-section .ant-input-number{width:100%}.ant-table .quotation-helper-section{margin-bottom:0;margin-top:8px}.quotation-list-container{width:100%}.quotation-create-btn-mobile,.quotation-filters-mobile,.quotation-mobile-view,.quotation-stats-mobile{display:none}.quotation-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.quotation-mobile-header{border-bottom:1px solid #f0f0f0;padding:16px}.quotation-mobile-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.quotation-mobile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.quotation-mobile-company{color:#666;font-size:14px}.quotation-mobile-amount{color:#333;font-size:16px;font-weight:600}.quotation-mobile-body{padding:16px}.quotation-mobile-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.quotation-mobile-row:last-child{border-bottom:none}.quotation-mobile-label{color:#666;font-size:13px;font-weight:500}.quotation-mobile-value{color:#333;font-size:14px;max-width:60%;text-align:right;word-break:break-word}.quotation-mobile-actions{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:12px 16px}.quotation-mobile-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.quotation-mobile-actions-row:last-child{margin-bottom:0}.quotation-mobile-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:4px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease}.quotation-mobile-btn:hover{border-color:#1890ff;color:#1890ff}.quotation-mobile-btn.primary{background:#1890ff;border-color:#1890ff;color:#fff}.quotation-mobile-btn.primary:hover{background:#40a9ff;border-color:#40a9ff}.quotation-mobile-btn.danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.quotation-mobile-btn.danger:hover{background:#ff7875;border-color:#ff7875}.quotation-mobile-btn.whatsapp{background:#25d366;border-color:#25d366;color:#fff}.quotation-mobile-btn.whatsapp:hover{background:#128c7e;border-color:#128c7e}.quotation-mobile-btn:disabled{cursor:not-allowed;opacity:.5}.quotation-mobile-status-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:12px;margin-top:8px;padding:8px 12px;width:100%}.quotation-filters-mobile{margin-bottom:16px}.quotation-search-mobile{border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:12px 16px;width:100%}.quotation-filters-row{display:flex;gap:12px}.quotation-filter-select{background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}.quotation-create-buttons-mobile{display:flex;gap:12px;margin-bottom:20px}.quotation-create-btn-mobile{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.quotation-create-btn-mobile.primary{background:#1890ff;color:#fff}.quotation-create-btn-mobile.primary:hover{background:#40a9ff}.quotation-create-btn-mobile.secondary{background:#fff;border:1px solid #1890ff;color:#1890ff}.quotation-create-btn-mobile.secondary:hover{background:#f0f8ff}.quotation-create-btn-mobile:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#999;cursor:not-allowed;opacity:.5}.quotation-create-btn-mobile:disabled:hover{background:#f5f5f5;color:#999}.quotation-stats-mobile{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.quotation-stat-mobile{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:12px 8px;text-align:center}.quotation-stat-number{color:#333;display:block;font-size:20px;font-weight:700}.quotation-stat-label{color:#666;font-size:11px;margin-top:4px}@media (max-width:768px){.quotation-list-container .ant-card,.quotation-list-container .ant-table-wrapper{display:none!important}.quotation-list-container .quotation-mobile-view{display:block!important}.quotation-list-container .quotation-stats-mobile{display:grid!important}.quotation-list-container .quotation-filters-mobile{display:block!important}.quotation-list-container .quotation-create-btn-mobile,.quotation-list-container .quotation-create-buttons-mobile{display:flex!important}.section-header{align-items:stretch;flex-direction:column;gap:16px}.stats-summary{display:none!important}.ant-modal .ant-table-wrapper{display:block!important}.ant-modal .ant-table{display:table!important}}@media (min-width:769px){.quotation-mobile-view,.quotation-stats-mobile{display:none}.quotation-create-btn-mobile{display:none!important}}@media (hover:none) and (pointer:coarse){.quotation-filter-select,.quotation-mobile-btn,.quotation-mobile-status-select,.quotation-search-mobile{min-height:44px}.quotation-create-btn-mobile{min-height:48px}}.quotation-mobile-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.quotation-mobile-empty{background:#fff;border-radius:12px;color:#666;margin:20px 0;padding:40px 20px;text-align:center}.quotation-mobile-empty-icon{color:#d9d9d9;font-size:48px;margin-bottom:16px}.quotation-mobile-empty-text{font-size:16px;margin-bottom:8px}.quotation-mobile-empty-subtext{color:#999;font-size:14px}.invoice-list-container{width:100%}.invoice-create-buttons-mobile,.invoice-filters-mobile,.invoice-mobile-view,.invoice-stats-mobile{display:none}.invoice-mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.invoice-mobile-header{border-bottom:1px solid #f0f0f0;padding:16px}.invoice-mobile-title{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.invoice-mobile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.invoice-mobile-company{color:#666;font-size:14px}.invoice-mobile-amount{color:#333;font-size:16px;font-weight:600}.invoice-mobile-body{padding:16px}.invoice-mobile-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.invoice-mobile-row:last-child{border-bottom:none}.invoice-mobile-label{color:#666;font-size:13px;font-weight:500}.invoice-mobile-value{color:#333;font-size:14px;max-width:60%;text-align:right;word-break:break-word}.invoice-mobile-actions{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:12px 16px}.invoice-mobile-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.invoice-mobile-actions-row:last-child{margin-bottom:0}.invoice-mobile-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:4px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease}.invoice-mobile-btn:hover{border-color:#1890ff;color:#1890ff}.invoice-mobile-btn.primary{background:#1890ff;border-color:#1890ff;color:#fff}.invoice-mobile-btn.primary:hover{background:#40a9ff;border-color:#40a9ff}.invoice-mobile-btn.danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.invoice-mobile-btn.danger:hover{background:#ff7875;border-color:#ff7875}.invoice-mobile-btn.whatsapp{background:#25d366;border-color:#25d366;color:#fff}.invoice-mobile-btn.whatsapp:hover{background:#128c7e;border-color:#128c7e}.invoice-mobile-btn:disabled{cursor:not-allowed;opacity:.5}.invoice-mobile-status-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:12px;margin-top:8px;padding:8px 12px;width:100%}.invoice-filters-mobile{margin-bottom:16px}.invoice-search-mobile{border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:12px 16px;width:100%}.invoice-filters-row{display:flex;gap:12px;margin-bottom:12px}.invoice-filter-select{background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px}.invoice-create-buttons-mobile{display:flex;gap:8px;margin-bottom:20px}.invoice-create-btn-mobile{align-items:center;background:#fff;border:1px solid #1890ff;border-radius:8px;color:#1890ff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s ease}.invoice-create-btn-mobile.primary,.invoice-create-btn-mobile:hover{background:#1890ff;color:#fff}.invoice-create-btn-mobile.primary:hover{background:#40a9ff;border-color:#40a9ff}.invoice-stats-mobile{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.invoice-stat-mobile{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:12px 8px;text-align:center}.invoice-stat-number{color:#333;display:block;font-size:16px;font-weight:700;word-break:break-word}.invoice-stat-label{color:#666;font-size:10px;margin-top:4px}.invoice-due-date{border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.invoice-due-date.overdue{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.invoice-due-date.due-soon{background-color:#fff7e6;border:1px solid #ffd591;color:#fa8c16}.invoice-due-date.normal{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}@media (max-width:768px){.invoice-list-container .ant-card,.invoice-list-container .ant-table-wrapper{display:none!important}.invoice-list-container .invoice-mobile-view{display:block!important}.invoice-list-container .invoice-stats-mobile{display:grid!important}.invoice-list-container .invoice-filters-mobile{display:block!important}.invoice-list-container .invoice-create-buttons-mobile{display:flex!important}.section-header{align-items:stretch;flex-direction:column;gap:16px}.stats-summary{display:none!important}.ant-modal .ant-table-wrapper{display:block!important}.ant-modal .ant-table{display:table!important}}.ant-modal .ant-table-wrapper{max-width:100%;overflow-x:auto}.ant-modal .ant-table{min-width:600px}.ant-modal-body{overflow-x:auto}@media (max-width:900px){.ant-modal{margin:10px;max-width:95vw!important}.ant-modal-content{max-width:100%}.ant-modal .ant-table{font-size:12px}.ant-modal .ant-table td,.ant-modal .ant-table th{padding:8px 4px}}@media (min-width:769px){.invoice-create-buttons-mobile,.invoice-filters-mobile,.invoice-mobile-view,.invoice-stats-mobile{display:none}}@media (hover:none) and (pointer:coarse){.invoice-filter-select,.invoice-mobile-btn,.invoice-mobile-status-select,.invoice-search-mobile{min-height:44px}.invoice-create-btn-mobile{min-height:48px}}.invoice-mobile-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:40px}.invoice-mobile-empty{background:#fff;border-radius:12px;color:#666;margin:20px 0;padding:40px 20px;text-align:center}.invoice-mobile-empty-icon{color:#d9d9d9;font-size:48px;margin-bottom:16px}.invoice-mobile-empty-text{font-size:16px;margin-bottom:8px}.invoice-mobile-empty-subtext{color:#999;font-size:14px}.invoice-quotation-ref{background:#f0f8ff;border-radius:4px;color:#1890ff;display:inline-block;font-size:12px;margin-top:4px;padding:2px 6px}.job-schedule-list{padding:0}.schedule-card{border-left:4px solid #1890ff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.schedule-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.schedule-card.today{background:linear-gradient(135deg,#fff7e6,#fff);border-left-color:#fa8c16}.schedule-card.past{background:#fafafa;border-left-color:#d9d9d9;opacity:.8}.schedule-content{padding:4px 0}.schedule-date-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:12px;padding-bottom:8px}.schedule-details{margin-bottom:16px}.schedule-row{align-items:flex-start;display:flex;line-height:1.5;margin-bottom:8px}.schedule-row:last-child{margin-bottom:0}.schedule-actions{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:12px}.schedule-card-compact{border-left:4px solid #1890ff;border-radius:8px;box-shadow:0 1px 4px #00000014;transition:all .3s ease}.schedule-card-compact:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.schedule-card-compact.today{background:linear-gradient(135deg,#fff7e6,#fff);border-left-color:#fa8c16}.schedule-card-compact.past{background:#fafafa;border-left-color:#d9d9d9;opacity:.85}.schedule-card-compact.manually-edited{border-left-color:#722ed1}.schedule-content-compact{padding:8px 0}.schedule-header-compact{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.schedule-date-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.schedule-tags{display:flex;flex-wrap:wrap;gap:4px}.schedule-reschedule-note{color:#666;font-size:11px;font-style:italic;margin-bottom:8px;padding-left:20px}.schedule-details-compact{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:8px}.schedule-left-column,.schedule-right-column{display:flex;flex-direction:column;gap:4px}.schedule-info-row{align-items:flex-start;display:flex;gap:6px;line-height:1.4;min-height:18px}.schedule-info-row .anticon{flex-shrink:0;margin-top:2px}.schedule-info-row .ant-typography{margin:0}.address-text{flex:1 1;line-height:1.4;white-space:normal;word-break:break-word}.schedule-notes{border-top:1px solid #f5f5f5;margin-top:8px;padding-top:6px}.schedule-actions-desktop{display:flex;flex-shrink:0}.schedule-actions-mobile{border-top:1px solid #f0f0f0;display:none;justify-content:center;padding-top:8px}.unconfirmed-card{background:linear-gradient(135deg,#fffbe6,#fff);border-left:4px solid #faad14;border-radius:8px;box-shadow:0 2px 8px #faad141a}.unconfirmed-card:hover{box-shadow:0 4px 16px #faad1433}.stats-summary{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;gap:24px;margin-top:16px;padding:16px}.stat-item{flex:1 1}.stat-number{color:#1890ff}.stat-label{font-weight:500}.filters-section{background:#fafafa;border-radius:8px;margin:24px 0;padding:16px}.mobile-search-input{border-radius:8px;font-size:16px}.mobile-filter-select{border-radius:8px}.mobile-filter-select .ant-select-selector{border-radius:8px;font-size:16px;min-height:44px}.mobile-action-button{border-radius:8px;font-weight:500;min-height:44px}.filter-actions{display:flex;justify-content:flex-end;width:100%}.mobile-button-group{width:100%}.button-text-mobile{display:none}.button-text-desktop{display:inline}.schedule-filter-select{min-width:140px}.schedule-filter-select .ant-select-selector{border:1px solid #d9d9d9;border-radius:6px;transition:all .3s ease}.schedule-filter-select:hover .ant-select-selector{border-color:#1890ff}.schedule-filter-select.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.schedule-filter-select .ant-select-dropdown{border-radius:6px;box-shadow:0 4px 12px #00000026}.schedule-filter-select .ant-select-item{font-size:14px;padding:8px 12px}.schedule-filter-select .ant-select-item:hover{background-color:#f5f5f5}.schedule-filter-select .ant-select-item-option-selected{background-color:#e6f7ff;font-weight:500}.schedules-content{margin-top:24px}.confirmed-schedules{margin-bottom:32px}.unconfirmed-schedules{margin-top:32px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.header-left{flex:1 1}.header-right{flex-shrink:0}.header-top h2{color:#262626;font-size:24px;font-weight:600;margin:0}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:992px){.filter-actions,.mobile-button-group{justify-content:center}}@media (max-width:768px){.header-top{align-items:flex-start;flex-direction:column;gap:16px}.header-left,.header-right{width:100%}.header-top h2{font-size:20px}.desktop-only{display:none}.mobile-only{display:inline-flex}.stats-summary{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:6px;gap:12px;justify-content:space-between;margin-top:12px;padding:12px 8px}.stat-item{flex:1 1;min-width:65px}.stat-number{font-size:22px;font-weight:700}.stat-label{font-size:12px;font-weight:500;line-height:1.3}.schedule-row{align-items:flex-start;flex-direction:column;gap:4px}.schedule-row>span:first-child{margin-bottom:4px}.schedule-actions{justify-content:center}.schedule-actions .ant-space{flex-wrap:wrap;justify-content:center}.filters-section{padding:12px 8px}.filter-actions,.mobile-button-group{justify-content:center}.mobile-button-group{width:100%}.mobile-action-button{flex:1 1;max-width:200px}.schedule-filter-select{min-width:100px}.schedule-card-compact{margin-bottom:10px}.schedule-details-compact{gap:8px;grid-template-columns:1fr}.schedule-header-compact{align-items:flex-start;flex-direction:column;gap:8px}.schedule-actions-desktop{display:none}.schedule-actions-mobile{display:flex}.schedule-date-info{align-items:flex-start;flex-direction:column;gap:6px}.schedule-tags{align-self:flex-start}}@media (max-width:576px){.job-schedule-list{padding:0 2px}.filters-section{margin:12px 0;padding:8px}.schedule-card{margin-bottom:12px}.schedule-date-header{align-items:flex-start;flex-direction:column;gap:8px}.stats-summary{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:6px;display:flex!important;gap:8px;justify-content:space-between;margin-top:10px;padding:10px 6px;visibility:visible!important}.stat-item{flex:1 1;min-width:55px}.stat-number{font-size:20px;font-weight:700}.stat-label{font-size:11px;font-weight:500;line-height:1.2}.button-text-desktop{display:none}.button-text-mobile{display:inline}.mobile-action-button{flex:1 1;min-width:0}.mobile-button-group .ant-space{justify-content:center;width:100%}.mobile-button-group .ant-space>.ant-space-item{flex:1 1}.mobile-search-input{font-size:16px;height:48px}.mobile-action-button,.mobile-filter-select .ant-select-selector{font-size:16px;min-height:48px}.schedule-card-compact{margin-bottom:8px}.schedule-content-compact{padding:6px 0}.schedule-header-compact{margin-bottom:6px;padding-bottom:4px}.schedule-info-row{gap:4px;min-height:16px}.schedule-info-row .anticon{font-size:11px}.schedule-info-row .ant-typography{font-size:12px!important}.schedule-reschedule-note{font-size:10px;margin-bottom:6px;padding-left:16px}.schedule-notes{margin-top:6px;padding-top:4px}.schedule-notes .ant-typography{font-size:11px!important}}@media (max-width:480px){.job-schedule-list{padding:0 1px}.filters-section{margin:10px 0;padding:6px}.section-header-redesigned{margin-bottom:16px}.header-top h2{font-size:18px}.stats-summary{-webkit-overflow-scrolling:touch;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:6px;display:flex!important;flex-wrap:nowrap;gap:6px;justify-content:space-between;margin-top:8px;overflow-x:auto;padding:8px 4px;visibility:visible!important}.stat-item{flex:1 0 auto;min-width:50px}.stat-number{font-size:18px;font-weight:700}.stat-label{font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}.schedule-card{margin-bottom:8px}.schedule-content{padding:2px 0}.schedule-date-header{margin-bottom:8px;padding-bottom:6px}.schedule-details{margin-bottom:12px}.schedule-row{margin-bottom:6px}.schedule-actions{padding-top:8px}}.loading{font-size:16px;height:200px}.ant-empty{margin:40px 0}.ant-tag{border-radius:4px;font-size:11px;font-weight:500;padding:2px 8px}.ant-btn-sm{font-size:12px;height:28px;padding:0 12px}.ant-card{transition:all .3s ease}.ant-card:hover{border-color:#1890ff}.ant-typography{margin-bottom:0}.anticon{margin-right:4px}.ant-divider{border-color:#e8e8e8;margin:32px 0}.ant-modal-content{border-radius:8px}.ant-modal-header{border-radius:8px 8px 0 0}.ant-form-item{margin-bottom:16px}.ant-form-item-label>label{color:#262626;font-weight:500}.ant-input,.ant-picker,.ant-select{border-radius:6px}.ant-input:hover,.ant-picker:hover,.ant-select:hover{border-color:#1890ff}.ant-card-head-title{color:#262626;font-weight:600}.ant-space{gap:8px!important}@media (min-width:1200px){.schedule-filter-select{min-width:160px}}@media (max-width:992px){.ant-col-sm-8{margin-bottom:12px;width:100%}.ant-col-sm-4{width:50%}.schedule-filter-select{min-width:120px}}@media (max-width:576px){.ant-col-xs-12{margin-bottom:8px;width:100%}.schedule-filter-select{min-width:auto}}.schedules-content::-webkit-scrollbar{width:6px}.schedules-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.schedules-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.schedules-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.schedule-card{animation:slideInUp .3s ease-out}@media print{.filters-section,.header-top .ant-space,.schedule-actions{display:none!important}.schedule-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:16px;page-break-inside:avoid}.job-schedule-list{padding:0}}.attendance-monitoring{margin:0 auto;max-width:1400px;padding:20px}.attendance-header{margin-bottom:30px}.header-content{margin-bottom:10px}.header-content h2{color:#1890ff;font-size:28px;font-weight:600;margin:0}.header-actions{gap:12px}.export-btn{background:#52c41a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.export-btn:hover:not(:disabled){background:#389e0d;transform:translateY(-1px)}.export-btn:disabled{background:#d9d9d9;cursor:not-allowed;transform:none}.header-description{color:#666;font-size:16px;margin:0}.attendance-stats{margin-bottom:30px}.stats-section{margin-bottom:25px}.stats-section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stats-grid-small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:15px;padding:20px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.loading{animation:pulse 1.5s ease-in-out infinite}.stat-icon{font-size:24px;min-width:24px}.stat-content{flex:1 1}.stat-number{line-height:1;margin:0}.stat-label{font-size:14px;margin:4px 0 0}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;width:80%}.stat-number.skeleton{height:28px;margin-bottom:8px;width:60%}.stat-label.skeleton{height:16px;width:90%}.status-distribution{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px}.distribution-bar{background:#f5f5f5;border-radius:10px;display:flex;height:20px;margin-bottom:15px;overflow:hidden}.distribution-segment{height:100%;transition:all .3s ease}.distribution-legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.no-stats-message{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:60px 20px;text-align:center}.no-stats-icon{font-size:48px;margin-bottom:20px}.no-stats-message h3{color:#333;margin:0 0 10px}.no-stats-message p{color:#666;margin:0}.attendance-filters{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:30px;padding:25px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.clear-filters-btn{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover:not(:disabled){background:#cf1322}.clear-filters-btn:disabled{background:#d9d9d9;cursor:not-allowed}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#333;font-size:14px;font-weight:500}.filter-input,.filter-select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.filter-input:disabled,.filter-select:disabled{background:#f5f5f5;cursor:not-allowed}.filter-loading{color:#666;font-size:12px;font-style:italic}.validation-score-filter{grid-column:span 2}.range-inputs{display:flex;gap:15px;margin-bottom:10px}.range-slider{-webkit-appearance:none;background:#d9d9d9;border-radius:3px;flex:1 1;height:6px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1890ff;border-radius:50%;cursor:pointer;height:18px;width:18px}.range-slider::-moz-range-thumb{background:#1890ff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.range-labels{color:#666;display:flex;font-size:12px;justify-content:space-between}.search-filter{grid-column:span 2}.active-filters{border-top:1px solid #e8e8e8;margin-top:20px;padding-top:20px}.active-filters-header{color:#333;font-size:14px;font-weight:500;margin-bottom:10px}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{align-items:center;background:#e6f7ff;border:1px solid #91d5ff;border-radius:16px;color:#1890ff;display:flex;font-size:12px;gap:6px;padding:4px 12px}.remove-filter-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;font-weight:700;margin-left:4px;padding:0}.remove-filter-btn:hover{color:#ff4d4f}.filter-summary{border-top:1px solid #e8e8e8;margin-top:15px;padding-top:15px}.filter-summary-text{color:#666;font-size:14px;text-align:center}.attendance-records-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:25px}.records-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.records-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.records-info{color:#666;font-size:14px}.filtered-note{color:#1890ff;font-weight:500}.records-loading{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;margin:0 auto 20px}.no-records{padding:60px 20px;text-align:center}.no-records-icon{font-size:48px;margin-bottom:20px}.no-records h3{color:#333;margin:0 0 10px}.no-records p{color:#666;margin:0 auto;max-width:500px}.records-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:30px}.attendance-record-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .2s ease}.attendance-record-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.record-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.record-basic-info{flex:1 1}.employee-info{margin-bottom:10px}.employee-name{font-size:16px;margin:0 0 4px}.record-meta{display:flex;gap:15px}.record-location,.record-type{align-items:center;display:flex;font-size:14px;gap:6px}.location-icon,.type-icon{font-size:16px}.record-status-section{text-align:right}.status-badge{display:inline-block;margin-bottom:8px}.record-timestamp{color:#666;font-size:12px}.record-photo-section{margin-bottom:15px}.photo-thumbnail-container{border-radius:8px;height:100px;transition:all .2s ease;width:100px}.photo-thumbnail-container:hover{transform:scale(1.05)}.photo-overlay{background:#000000b3;transition:opacity .2s ease}.photo-overlay-text{color:#fff;font-size:12px;font-weight:500}.no-photo{align-items:center;border:2px dashed #d9d9d9;border-radius:8px;color:#999;display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.no-photo-icon{font-size:24px;margin-bottom:4px}.no-photo-text{font-size:12px}.validation-section{background:#fafafa;border-radius:6px;margin-bottom:15px;padding:15px}.validation-score{margin-bottom:10px}.validation-label{color:#333;font-size:14px;font-weight:500}.validation-value{font-size:16px;font-weight:700}.validation-details{display:flex;flex-wrap:wrap;gap:8px}.validation-item{flex:1 1;min-width:120px}.record-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.status-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:4px;padding:6px 12px;transition:all .2s ease}.approve-btn{background:#52c41a;color:#fff}.approve-btn:hover:not(:disabled){background:#389e0d}.reject-btn{background:#ff4d4f;color:#fff}.reject-btn:hover:not(:disabled){background:#cf1322}.pending-btn{background:#faad14;color:#fff}.pending-btn:hover:not(:disabled){background:#d48806}.action-btn:disabled{background:#d9d9d9}.details-toggle-btn{background:none;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.details-toggle-btn:hover{border-color:#1890ff;color:#1890ff}.record-details{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:15px}.details-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-item span{font-size:14px}.pagination{align-items:center;border-top:1px solid #e8e8e8;display:flex;gap:20px;justify-content:center;margin-top:30px;padding-top:20px}.pagination-btn{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#40a9ff}.pagination-btn:disabled{background:#d9d9d9;cursor:not-allowed}.pagination-info{color:#666;font-size:14px}.photo-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.photo-modal-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:auto}.photo-modal-header{align-items:flex-start;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 25px}.modal-title h2{color:#333;font-size:20px;margin:0 0 8px}.employee-info{font-size:14px;gap:15px}.employee-name{font-weight:600}.attendance-type{color:#666}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close-btn:hover{background:#f5f5f5;color:#333}.photo-modal-body{display:flex;flex:1 1;min-height:0}.photo-container{align-items:center;background:#fafafa;display:flex;flex:1 1;justify-content:center;min-height:400px;padding:25px}.photo-error,.photo-loading{color:#666;text-align:center}.error-icon{font-size:48px;margin-bottom:15px}.photo-error h3{color:#333;margin:0 0 10px}.photo-error p{margin:0 0 5px}.error-details{color:#999;font-size:12px}.attendance-photo{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.attendance-photo.loaded{opacity:1}.photo-metadata{border-left:1px solid #e8e8e8;overflow-y:auto;padding:25px;width:400px}.metadata-section{margin-bottom:25px}.metadata-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.metadata-grid{grid-gap:12px;display:grid;gap:12px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-item label{color:#666;font-size:12px;font-weight:500}.metadata-item span{color:#333;font-size:14px}.validation-summary{margin-bottom:15px}.validation-score{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.score-label{color:#333;font-size:14px;font-weight:500}.score-value{font-size:18px;font-weight:700}.validation-checks{gap:10px}.validation-check{border:1px solid #e8e8e8;flex-direction:column;gap:4px;padding:10px}.validation-check.pass{border-color:#b7eb8f}.validation-check.fail{border-color:#ffccc7}.check-icon{font-size:16px}.check-label{color:#333;font-size:14px;font-weight:500}.check-description{color:#666;font-size:12px}.note-item{margin-bottom:15px}.note-item label{font-weight:500}.note-item p{background:#f5f5f5;border-radius:4px;color:#333;font-size:14px;margin:0;padding:10px}.photo-modal-footer{border-top:1px solid #e8e8e8;padding:20px 25px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.modal-btn.primary{background:#1890ff;border:1px solid #1890ff;color:#fff}.modal-btn.primary:hover{background:#40a9ff;border-color:#40a9ff}.modal-btn.secondary{background:#fff;border:1px solid #d9d9d9;color:#333}.modal-btn.secondary:hover{border-color:#1890ff;color:#1890ff}.error-message{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:60px 20px}.error-message h3{margin:0 0 15px}.error-message p{margin:0 0 20px}.error-message button{border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.attendance-monitoring{padding:15px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-content h2{font-size:24px}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-grid{gap:15px;grid-template-columns:1fr}.search-filter,.validation-score-filter{grid-column:span 1}.records-grid{gap:15px;grid-template-columns:1fr}.record-header{flex-direction:column;gap:15px}.record-meta{flex-direction:column;gap:8px}.record-actions{flex-direction:column;gap:15px}.status-actions{justify-content:center}.details-grid{gap:10px;grid-template-columns:1fr}.photo-modal-content{max-height:95vh;max-width:95vw}.photo-modal-body{flex-direction:column}.photo-metadata{border-left:none;border-top:1px solid #e8e8e8;width:100%}.pagination{gap:15px}.modal-actions,.pagination{flex-direction:column}}@media (max-width:480px){.attendance-monitoring{padding:10px}.header-content h2{font-size:20px}.stats-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{gap:10px;padding:15px}.stat-number{font-size:20px}.records-grid{gap:10px}.attendance-record-card{padding:15px}.photo-modal-content{max-height:98vh;max-width:98vw}.photo-metadata{padding:15px}}.attendance-tabs{border-bottom:2px solid #f0f0f0;margin:20px 0}.tab-navigation{display:flex;gap:0;margin-bottom:10px}.tab-btn{background:#f8f9fa;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#e9ecef;color:#333}.tab-btn.active{background:#fff;border-bottom-color:#1890ff;color:#1890ff;font-weight:600}.view-format-toggle{align-items:center;display:flex;gap:8px;margin-left:auto}.format-btn{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#666;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.format-btn:hover{border-color:#1890ff;color:#1890ff}.format-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.tab-content{margin-top:20px}.employee-status-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.status-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.status-header h3{color:#333;font-size:18px;margin:0}.refresh-btn{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#666;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover{border-color:#1890ff;color:#1890ff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.status-summary{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;padding:20px}.summary-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:12px 16px}.summary-icon{font-size:18px}.summary-count{color:#333;font-size:20px;font-weight:600}.summary-label{color:#666;font-size:12px;white-space:nowrap}.status-table-container{overflow-x:auto}.status-table{border-collapse:collapse;font-size:14px;width:100%}.status-table th{background:#fafafa;border-bottom:2px solid #f0f0f0;color:#333;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.status-table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;vertical-align:middle}.status-table tr:hover{background:#f8f9fa}.sortable-header{cursor:pointer;transition:color .3s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:#1890ff}.inactive-badge{background:#ff4d4f;border-radius:4px;color:#fff;display:inline-block;font-size:10px;margin-left:8px;padding:2px 6px}.inactive-employee{opacity:.6}.attendance-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-info{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:16px 20px}.table-container{overflow-x:auto}.attendance-data-table{border-collapse:collapse;font-size:14px;width:100%}.attendance-data-table th{background:#fafafa;border-bottom:2px solid #f0f0f0;color:#333;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.attendance-data-table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;vertical-align:middle}.table-row:hover{background:#f8f9fa}.table-row.expanded{background:#f0f8ff}.photo-cell{text-align:center;width:60px}.photo-thumbnail-container{border-radius:6px;cursor:pointer;height:40px;margin:0 auto;overflow:hidden;position:relative;width:40px}.photo-thumbnail{border-radius:6px;height:100%;object-fit:cover;width:100%}.photo-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:12px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-thumbnail-container:hover .photo-overlay{opacity:1}.no-photo-thumbnail{align-items:center;background:#f0f0f0;border-radius:6px;color:#999;display:flex;font-size:16px;height:40px;justify-content:center;margin:0 auto;width:40px}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{color:#333;font-weight:500}.employee-id{color:#666;font-size:12px}.location-badge,.status-badge,.type-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:4px}.status-badge{border-radius:4px;padding:4px 8px}.validation-score{font-weight:600}.actions-cell{text-align:center;width:80px}.expand-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.expand-btn:hover{border-color:#1890ff;color:#1890ff}.expanded-row{background:#f8f9fa}.expanded-content{border-top:1px solid #e8e8e8;padding:20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.detail-section{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.detail-section h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.detail-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:6px 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:#666;font-size:12px;font-weight:500}.detail-item span{color:#333;font-size:12px;max-width:60%;text-align:right;word-break:break-word}.validation-checks{display:flex;flex-direction:column;gap:8px}.validation-check{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:6px;padding:4px 8px}.validation-check.pass{background:#f6ffed;color:#52c41a}.validation-check.fail{background:#fff2f0;color:#ff4d4f}.notes-section{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:20px;padding:16px}.note-item{margin-bottom:12px}.note-item:last-child{margin-bottom:0}.note-item label{color:#666;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.note-item span{color:#333;font-size:13px;line-height:1.4}.expanded-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#fff;border:1px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.5}.approve-btn{border-color:#52c41a;color:#52c41a}.approve-btn:hover:not(:disabled){background:#52c41a;color:#fff}.reject-btn{border-color:#ff4d4f;color:#ff4d4f}.reject-btn:hover:not(:disabled){background:#ff4d4f;color:#fff}.pending-btn{border-color:#faad14;color:#faad14}.pending-btn:hover:not(:disabled){background:#faad14;color:#fff}.photo-btn{border-color:#1890ff;color:#1890ff}.photo-btn:hover:not(:disabled){background:#1890ff;color:#fff}.employee-status-loading,.records-loading{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#1890ff;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.employee-status-error{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:40px 20px;text-align:center}.error-message h3{color:#ff4d4f;margin-bottom:12px}.error-message p{color:#666;margin-bottom:20px}.error-message button{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.error-message button:hover{background:#40a9ff}.no-employees,.no-records{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-employees-icon,.no-records-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-employees h3,.no-records h3{color:#333;margin-bottom:8px}.no-employees p,.no-records p{color:#666;line-height:1.5;max-width:400px}@media (max-width:768px){.tab-navigation{flex-direction:column;gap:8px}.view-format-toggle{margin-left:0;margin-top:10px}.status-summary{flex-direction:column;gap:12px}.summary-item{justify-content:center}.details-grid{grid-template-columns:1fr}.expanded-actions{justify-content:center}.attendance-data-table{font-size:12px}.attendance-data-table td,.attendance-data-table th{padding:8px 12px}.no-photo-thumbnail,.photo-thumbnail-container{height:32px;width:32px}.no-photo-thumbnail{font-size:14px}}@media (max-width:480px){.status-header{align-items:flex-start;flex-direction:column;gap:12px}.table-container{overflow-x:scroll}.attendance-data-table{min-width:800px}}.date-range-filter-simple{align-items:center;display:flex;gap:8px}.date-range-icon{color:#666;font-size:14px}.date-range-select{border-radius:6px}.date-range-select .ant-select-selector{background:#fff!important;border:1px solid #d9d9d9!important;border-radius:6px!important;cursor:pointer;font-size:14px!important;height:32px!important;padding:4px 11px!important}.date-range-select .ant-select-selection-item{font-size:14px!important;line-height:22px!important;padding:0!important}.date-range-select:hover .ant-select-selector{border-color:#40a9ff}.date-range-select.ant-select-focused .ant-select-selector{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.date-range-filter-simple.inline{margin-left:auto}@media (max-width:768px){.date-range-filter-simple{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;justify-content:flex-start;margin-bottom:16px;max-width:100%;padding:12px 16px;width:100%}.date-range-filter-simple.inline{margin-bottom:16px;margin-left:0;width:100%}.date-range-filter-simple.header-date-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d}.date-range-select{flex:1 1;max-width:calc(100% - 32px);min-width:140px!important}.date-range-select .ant-select-selector{background:#fff!important;border:1px solid #ddd!important;font-size:16px!important;padding:14px 16px!important}.date-range-icon{color:#666;flex-shrink:0;font-size:16px}.header-date-filter .date-range-icon{color:#ffffffe6}}@media (max-width:480px){.date-range-filter-simple{margin-bottom:16px;margin-left:0;margin-right:0;padding:12px 14px}.date-range-select{max-width:calc(100% - 28px);min-width:120px!important}.date-range-select .ant-select-selector{font-size:16px!important;min-height:44px!important;padding:14px 16px!important}.date-range-select .ant-select-selection-item{font-size:16px!important;line-height:28px!important}.date-range-icon{font-size:16px}}.section-header .date-range-filter-simple{margin-left:auto}.section-header-redesigned{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.section-header-redesigned .header-top{align-items:center;display:flex;justify-content:space-between}.section-header-redesigned .header-top h2{color:#262626;font-size:24px;font-weight:600;margin:0}.section-header-redesigned .stats-summary{display:flex;flex-wrap:wrap;gap:20px}.invoice-stats-mobile,.quotation-stats-mobile,.quote-stats-mobile{display:none}@media (max-width:768px){.section-header-redesigned .header-top{align-items:flex-start;flex-direction:column;gap:12px}.section-header-redesigned .header-top h2{font-size:20px}.section-header-redesigned .stats-summary{display:none!important}.invoice-stats-mobile,.quotation-stats-mobile,.quote-stats-mobile{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}}.admin-dashboard{background-color:#f8f9fa;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content h1{font-size:28px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.header-date-filter{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:4px}.header-date-filter .date-range-filter-simple{margin:0}.header-date-filter .date-range-icon{color:#fffc}.header-date-filter .date-range-select .ant-select-selector{background:#0000!important;border:none!important;box-shadow:none!important;color:#fff!important}.header-date-filter .date-range-select .ant-select-arrow{color:#fffc!important}.header-date-filter .date-range-select .ant-select-selection-item{color:#fff!important;font-weight:500}.welcome-text{font-size:16px;opacity:.9}.sign-out-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.sign-out-btn:hover{background:#ffffff4d}.dashboard-nav{background:#fff;border-bottom:1px solid #e1e5e9;margin:0 auto;max-width:1200px;padding:0}.nav-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:16px 24px;transition:all .3s ease}.nav-btn.active,.nav-btn:hover{background-color:#f8f9fa;color:#667eea}.nav-btn.active{border-bottom-color:#667eea}.dashboard-content{margin:0 auto;max-width:1200px;padding:30px 20px}.mobile-filter-section{display:none;margin:0 -12px 20px;padding:0 12px}.mobile-date-filter{box-sizing:border-box;max-width:100%;width:100%}.mobile-date-filter .date-range-filter-simple{margin-left:0;margin-right:0}.content-section h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.info-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.info-card h3{color:#333;font-size:20px;font-weight:600;margin-bottom:16px}.info-card p{color:#666;line-height:1.6;margin-bottom:16px}.info-card ul{color:#666;line-height:1.6;padding-left:20px}.info-card li{margin-bottom:8px}.info-card strong{color:#333}.loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:1024px){.dashboard-content{padding:20px 15px}.section-header{align-items:stretch;flex-direction:column;gap:15px}.stats-summary{gap:12px;justify-content:center}.stat-item{min-width:70px;padding:12px 16px}}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;padding:0 15px;text-align:center}.header-content h1{font-size:22px}.header-actions{align-items:center;flex-direction:column;gap:12px;width:100%}.header-date-filter{display:none!important}.mobile-filter-section{display:block!important;margin-bottom:20px}.welcome-text{font-size:14px;margin:8px 0;order:1}.sign-out-btn{align-self:center;font-size:14px;min-height:44px;order:2;padding:12px 24px}.dashboard-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.dashboard-nav::-webkit-scrollbar{display:none}.nav-btn{display:inline-block;font-size:14px;min-width:140px;padding:14px 20px}.dashboard-content{padding:20px 12px}.content-section h2{font-size:20px;margin-bottom:16px}.info-card{margin-bottom:16px;padding:16px}.info-card h3{font-size:18px;margin-bottom:12px}.info-card p{font-size:14px;margin-bottom:12px}.stats-summary{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.stat-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex!important;flex-direction:column;min-width:65px;padding:10px 12px}.stat-number{color:#333;font-size:20px;font-weight:700}.stat-label{color:#666;font-size:11px;margin-top:4px;text-align:center}.section-header-redesigned{display:flex!important;flex-direction:column;gap:16px;margin-bottom:24px}.section-header-redesigned .header-top{align-items:flex-start;flex-direction:column;gap:12px}.section-header-redesigned .stats-summary{margin-top:16px;order:2;width:100%}.filters-section{flex-direction:column;gap:12px;margin-bottom:20px}.search-filter,.status-filter{width:100%}.search-input,.status-select{font-size:16px;padding:14px 16px}}@media (max-width:480px){.header-content{padding:0 10px}.header-content h1{font-size:20px}.dashboard-content{padding:15px 8px}.info-card{border-radius:8px;padding:12px}.info-card h3{font-size:16px;margin-bottom:10px}.info-card p{font-size:13px;line-height:1.5}.nav-btn{font-size:13px;min-width:120px;padding:12px 16px}.stats-summary{gap:6px}.stat-item{min-width:60px;padding:8px 10px}.stat-number{font-size:18px}.stat-label{font-size:10px}}.quote-stats-mobile{display:none;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.quote-stat-mobile{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:12px 8px;text-align:center}.quote-stat-number{color:#333;display:block;font-size:20px;font-weight:700}.quote-stat-label{color:#666;font-size:11px;margin-top:4px}@media (hover:none) and (pointer:coarse){.nav-btn,.sign-out-btn{min-height:44px}.sign-out-btn{min-width:120px}.search-input,.status-select{min-height:44px}}@media (max-width:768px){.ant-modal{margin:10px!important;max-width:95vw!important}.ant-modal-content{border-radius:12px!important}.ant-modal-header{border-bottom:1px solid #f0f0f0!important;padding:16px 20px!important}.ant-modal-title{font-size:18px!important;font-weight:600!important}.ant-modal-body{max-height:70vh!important;overflow-y:auto!important;padding:20px!important}.ant-modal-close{right:16px!important;top:12px!important}.ant-modal-close-x{font-size:18px!important;height:44px!important;line-height:44px!important;width:44px!important}}@media (max-width:480px){.ant-modal{margin:0!important;max-width:100vw!important;top:0!important}.ant-modal-content{border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important}.ant-modal-body{flex:1 1!important;max-height:none!important;overflow-y:auto!important;padding:16px!important}.ant-modal-header{flex-shrink:0!important;padding:12px 16px!important}.ant-modal-title{font-size:16px!important}}@media (max-width:768px){.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{font-size:14px!important;font-weight:500!important}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{font-size:16px!important;min-height:44px!important}.ant-btn{font-size:14px!important;min-height:44px!important;padding:8px 16px!important}.ant-btn-lg{font-size:16px!important;min-height:48px!important;padding:12px 20px!important}.ant-table-wrapper{overflow-x:auto!important}.ant-table{min-width:800px!important}.ant-card{border-radius:12px!important;margin-bottom:16px!important}.ant-card-head{min-height:auto!important;padding:12px 16px!important}.ant-card-head-title{font-size:16px!important;font-weight:600!important}.ant-card-body{padding:16px!important}.ant-card-small .ant-card-head{padding:8px 12px!important}.ant-card-small .ant-card-body{padding:12px!important}.ant-drawer-content-wrapper{width:100vw!important}.ant-drawer-header{padding:16px 20px!important}.ant-drawer-title{font-size:18px!important;font-weight:600!important}.ant-drawer-body{padding:20px!important}.ant-drawer-close{height:44px!important;line-height:44px!important;width:44px!important}.ant-pagination{margin-top:20px!important;text-align:center!important}.ant-pagination-item,.ant-pagination-next,.ant-pagination-prev{height:44px!important;line-height:42px!important;margin-right:8px!important;min-width:44px!important}.ant-pagination-options{display:none!important}.ant-pagination-simple .ant-pagination-simple-pager input{font-size:16px!important;height:44px!important}.ant-select-dropdown{border-radius:12px!important}.ant-select-item{font-size:16px!important;min-height:44px!important;padding:8px 12px!important}.ant-select-item-option-selected{font-weight:600!important}.ant-message{top:20px!important}.ant-message-notice{margin-bottom:8px!important}.ant-message-notice-content{border-radius:8px!important;font-size:14px!important;padding:12px 16px!important}.ant-notification-notice{border-radius:12px!important;margin-bottom:16px!important}.ant-notification-notice-message{font-size:16px!important;font-weight:600!important}.ant-notification-notice-description{font-size:14px!important}}.message{border-radius:5px;margin:20px 0;padding:15px;position:relative}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;position:absolute;right:15px;top:15px}.admin-section{grid-gap:30px;display:grid;gap:30px;margin:20px 0}.add-admin-form{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:25px}.add-admin-form h3{color:#495057;margin:0 0 20px}.form-group label{color:#495057}.form-group input{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:12px}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.add-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.add-btn:hover:not(:disabled){background-color:#218838}.add-btn:disabled{background-color:#6c757d;cursor:not-allowed}.admin-list h3{color:#495057;margin:0 0 20px}.admin-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.admin-table table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #dee2e6;padding:15px;text-align:left}.admin-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:#f8f9fa}.remove-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.remove-btn:hover:not(:disabled){background-color:#c82333}.remove-btn:disabled{background-color:#6c757d;cursor:not-allowed}.current-user{color:#28a745;font-size:12px;font-weight:500}.section-header{align-items:flex-start;justify-content:space-between;margin-bottom:30px}.section-header,.stats-summary{display:flex;flex-wrap:wrap;gap:20px}.stat-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;min-width:80px;padding:15px 20px}.stat-number{color:#333;font-size:24px;font-weight:700}.stat-label{color:#666;font-size:12px;margin-top:4px;text-align:center}.filters-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-filter{flex:1 1;min-width:250px}.search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.status-filter{min-width:150px}.status-select,.status-select-action{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.status-select-action{min-width:120px;width:auto}.no-data{background:#fff;border-radius:12px;color:#666;font-style:italic;padding:60px 20px;text-align:center}.quotes-list{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.quote-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.quote-card:hover{box-shadow:0 4px 16px #00000026}.quote-header{align-items:center;cursor:pointer;display:flex;gap:20px;padding:20px;transition:background-color .2s ease}.quote-header:hover{background-color:#f8f9fa}.quote-basic-info{flex:1 1;min-width:200px}.quote-basic-info h3{color:#333;font-size:18px;margin:0 0 4px}.quote-company{color:#666;font-size:14px;margin:0 0 8px}.quote-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.quote-date{color:#888;font-size:12px}.quote-status{font-weight:600}.quote-summary{flex:2 1;min-width:250px}.quote-summary p{color:#555;font-size:14px;margin:0 0 4px}.quote-actions-header{align-items:center;display:flex;gap:12px;justify-content:flex-end;min-width:200px}.quotation-number-display{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;font-size:14px;padding:6px 12px}.create-quotation-btn-header{background-color:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.create-quotation-btn-header:hover{background-color:#40a9ff}.expand-icon{color:#667eea;font-size:16px;min-width:20px;text-align:center}.quote-details{background-color:#f8f9fa;border-top:1px solid #eee;padding:24px}.quote-full-info{grid-gap:24px;display:grid;gap:24px;margin-bottom:24px}.info-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px}.info-section h4{border-bottom:1px solid #eee;color:#333;font-size:16px;margin:0 0 12px;padding-bottom:8px}.info-section p{font-size:14px;line-height:1.5;margin:0 0 8px}.customer-message{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;color:#555;font-style:italic;padding:12px}.quote-actions{background:#fff;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:16px}.quote-actions,.status-update{align-items:center;display:flex}.status-update{gap:12px}.status-update label{color:#333;font-size:14px;font-weight:500}.delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.delete-btn:hover{background-color:#c82333}.system-info{margin-top:30px}@media (max-width:1024px){.quote-header{align-items:flex-start;flex-direction:column;gap:12px}.quote-actions-header{justify-content:space-between;width:100%}.expand-icon{align-self:flex-end}.quote-full-info{grid-template-columns:1fr}}@media (max-width:768px){.admin-section{grid-template-columns:1fr}.admin-table{overflow-x:auto}.admin-table table{min-width:600px}.section-header{align-items:stretch;flex-direction:column}.stats-summary{justify-content:center}.filters-section{flex-direction:column}.search-filter,.status-filter{min-width:100%}.quote-actions{align-items:stretch;flex-direction:column}.status-update{justify-content:space-between}.quote-stats-mobile{display:grid!important}}@media (max-width:480px){.quote-card{margin:0 -5px}.quote-details,.quote-header{padding:16px}.info-section{padding:12px}.stats-summary{gap:10px}.stat-item{min-width:70px;padding:10px 15px}.stat-number{font-size:20px}}.staff-attendance-history{background:#f5f5f5;min-height:100vh;padding:24px}.staff-attendance-history *{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.staff-attendance-history .ant-table{background:#fff;border-radius:8px}.staff-attendance-history .ant-table-thead>tr>th{background:#fafafa;border-bottom:2px solid #f0f0f0;color:#262626;font-weight:600}.staff-attendance-history .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5;padding:12px 16px}.staff-attendance-history .ant-table-tbody>tr:hover>td{background:#f9f9f9}.staff-attendance-history .ant-table-wrapper{overflow-x:auto}@media (max-width:768px){.staff-attendance-history{padding:16px}.staff-attendance-history .ant-table-tbody>tr>td,.staff-attendance-history .ant-table-thead>tr>th{font-size:12px;padding:8px 12px}}.ant-spin-container{transition:opacity .3s ease}.ant-alert{border-radius:8px}.ant-btn-loading{pointer-events:none}.staff-attendance-history .ant-pagination{margin-top:16px;text-align:center}.staff-attendance-history .ant-empty{margin:40px 0}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:40px;width:100%}.admin-login-header{margin-bottom:30px;text-align:center}.admin-login-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.admin-login-header p{color:#666;font-size:14px;margin:0}.admin-login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.admin-login-card{padding:30px 20px}.admin-login-header h2{font-size:24px}}
/*# sourceMappingURL=main.84d2086d.css.map*/