@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:575.98px){.annual-reports-page,.assets-page,.bank-details-page,.cashbook-page,.investments-page,.invoice-page,.my-reports-page,.notebook-whiteboard-page,.salaries-page,.sales-page{margin-left:0!important;min-width:0;padding:70px 12px 12px!important}.page-header h1{font-size:18px!important}.page-header p{font-size:12px!important}}@media (min-width:576px) and (max-width:991.98px){.annual-reports-page,.assets-page,.bank-details-page,.cashbook-page,.investments-page,.invoice-page,.my-reports-page,.notebook-whiteboard-page,.salaries-page,.sales-page{margin-left:0!important;min-width:0;padding:20px 16px 16px!important}}@media (min-width:992px) and (max-width:1199.98px){.annual-reports-page,.assets-page,.bank-details-page,.cashbook-page,.investments-page,.invoice-page,.my-reports-page,.notebook-whiteboard-page,.salaries-page,.sales-page{margin-left:240px!important;min-width:0;padding:16px!important}}@media (max-width:767.98px){.monthly-stats-container,.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.monthly-stats-table{min-width:800px}.stats-data-row td,.stats-header-row th{font-size:11px!important;padding:8px 6px!important}}@media (max-width:575.98px){.filter-right-group,.sales-filters{align-items:stretch!important;flex-direction:column!important}.filter-group:first-child,.search-input{max-width:none!important}.filter-date,.filter-select,.search-input{width:100%!important}.export-btn{justify-content:center;width:100%}}@media (max-width:767.98px){.header{flex-wrap:wrap;gap:12px;padding:16px 20px}.header-left{flex:1 1 100%;order:2}.header-center{flex:1 1 auto;order:1}.header-right{order:3}.greeting{font-size:18px!important}.date{font-size:12px!important}}@media (max-width:575.98px){.header{padding:12px 16px 12px 70px}.greeting{font-size:16px!important}}@media (max-width:767.98px){.charts-row{grid-template-columns:1fr!important}.chart-container{padding:16px!important}}@media (max-width:575.98px){.modal-content{margin:10px!important;max-height:85vh!important;width:95%!important}.modal-header h2{font-size:16px!important}.form-row{grid-template-columns:1fr!important}.btn-cancel,.btn-save{width:100%}.login-container{padding:20px!important}.login-form{max-width:none!important;width:100%!important}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dashboard{min-height:100vh}.dashboard,.main-content{background-color:#f5f5f5;display:flex}.main-content{flex:1 1;flex-direction:column}.content{flex:1 1;margin-left:280px;padding:20px}.mobile-menu-toggle{display:none}.mobile-hamburger{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#495057;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;width:44px;z-index:1001}.mobile-hamburger:active{background:#f8f9fa}.sidebar-overlay{background:#0006;cursor:pointer;display:none;inset:0;position:fixed;z-index:999}.mobile-menu-toggle:checked~.sidebar-overlay{display:block}.mobile-menu-toggle:checked~.mobile-hamburger{display:none}@media (max-width:575.98px){.content{margin-left:0;padding:70px 12px 16px}.mobile-hamburger{display:flex}.main-content{min-width:0}}@media (min-width:576px) and (max-width:991.98px){.content{margin-left:0;padding:20px 16px 18px}.mobile-hamburger{display:flex}.main-content{min-width:0}}@media (min-width:992px) and (max-width:1199.98px){.content{margin-left:240px;padding:18px}}@media (min-width:480px) and (max-width:767.98px){.content{padding:70px 14px 16px}}.loading-container{color:#666;font-family:Poppins,sans-serif;min-height:100vh}.loading-container p{font-size:16px;font-weight:500}.login-container{align-items:center;background:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{max-width:1000px;padding:20px;position:relative;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;min-height:600px}.login-card,.login-left{display:flex;overflow:hidden}.login-left{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;position:relative}.login-left:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.login-logo{left:30px;position:absolute;top:30px;z-index:2}.login-left>*{position:relative;z-index:1}.logo-triangle{border-bottom:25px solid #fff;border-left:15px solid #0000;border-right:15px solid #0000;height:0;transform:rotate(0deg);width:0}.promotional-content{position:relative;text-align:center;z-index:1}.promo-title{color:#fff;display:flex;flex-direction:column;font-size:56px;font-weight:700;gap:0;line-height:1.1;margin:0}.promo-title span{display:block}.promo-text{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0;opacity:.9}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 40px}.login-form-container{max-width:400px;width:100%}.login-header{margin-bottom:40px;text-align:left}.login-title{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 12px}.login-subtitle{color:#718096;font-size:16px;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;padding:12px 16px}.form-group{gap:8px}.form-label{color:#718096;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a202c;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input::placeholder{color:#a0aec0}.form-input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.password-input-container{position:relative;width:100%}.password-input{box-sizing:border-box;padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle:hover{color:#4a5568}.form-options{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.checkbox-container{align-items:center;color:#718096;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-container input[type=checkbox]{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.forgot-password{background:none;border:none;color:#718096;cursor:pointer;font-size:14px;font-weight:400;padding:0;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#4a5568;text-decoration:underline}.login-button{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .2s ease;width:100%}.login-button:not(.loading){text-transform:none}.login-button:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{background:#a0aec0;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.signup-link-container{margin-top:24px;text-align:center}.signup-link-container p{color:#718096;font-size:14px;margin:0}.signup-link{background:none;border:none;color:#22c55e;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#16a34a;text-decoration:underline}@media (max-width:768px){.login-card{flex-direction:column;min-height:auto}.login-left{min-height:300px}.login-left,.login-right{padding:40px 30px}.login-title,.promo-title{font-size:28px}.footer-links{gap:16px}}@media (max-width:480px){.login-background{padding:16px}.login-left,.login-right{padding:30px 20px}.login-title,.promo-title{font-size:24px}}@media (prefers-color-scheme:dark){.login-card{background:#2d3748}.login-title{color:#e2e8f0}.login-subtitle{color:#a0aec0}.form-input,.form-label{color:#e2e8f0}.form-input{background:#4a5568;border-color:#4a5568}.form-input:focus{background:#2d3748;border-color:#22c55e}.password-toggle{color:#a0aec0}.checkbox-container,.password-toggle:hover{color:#e2e8f0}.signup-link-container p{color:#a0aec0}}.sidebar{background-color:#f8f9fa;border-right:1px solid #e9ecef;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}.sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{height:100%;padding:20px 0}.nav-menu{flex:1 1;padding:0 20px}.nav-item{align-items:center;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin:4px 0;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#e9ecef;color:#495057;text-decoration:none}.nav-item.active{background-color:#4caf5026;border-left:3px solid #4caf50;color:#2e7d32;text-decoration:none}.nav-item.add-item{background-color:initial;color:#6c757d;font-weight:500;text-decoration:none}.nav-item.add-item:hover{background-color:#e9ecef;color:#495057;text-decoration:none}.nav-item span{flex:1 1;margin-left:12px}.nav-item svg:last-child{margin-left:auto}.sidebar-footer{border-top:1px solid #e9ecef;padding:20px}.dark-mode-toggle{align-items:center;color:#6c757d;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px}.toggle-container{color:#6c757d;cursor:pointer}.user-profile{gap:12px}.profile-avatar,.user-profile{align-items:center;display:flex}.profile-avatar{background-color:#6f42c1;border-radius:50%;color:#fff;height:40px;justify-content:center;width:40px}.profile-info{flex:1 1}.profile-name{color:#495057;font-size:14px;font-weight:600;margin-bottom:2px}.profile-email{color:#6c757d;font-size:12px}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(90deg)}.dropdown-menu{background-color:#f8f9fa;border-radius:6px;margin-left:20px;margin-top:4px;overflow:hidden}.dropdown-item{align-items:center;border-bottom:1px solid #e9ecef;color:#6c757d;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#495057}.dropdown-item span{margin-left:8px}.dropdown-item.active{background-color:#4caf5026;border-left:3px solid #4caf50;color:#2e7d32}.snackbar{bottom:20px;box-shadow:0 3px 5px -1px #0003,0 6px 10px 0 #00000024,0 1px 18px 0 #0000001f;font-weight:500;min-width:300px;text-align:center;z-index:9999}.sidebar-close-btn{align-items:center;background:#e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:none;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px;z-index:10}.sidebar-close-btn:hover{background:#dee2e6;color:#495057}@media (max-width:575.98px){.sidebar{box-shadow:4px 0 20px #00000026;transform:translateX(-100%);transition:transform .3s ease;width:280px}.mobile-menu-toggle:checked~.sidebar{transform:translateX(0)}.sidebar-close-btn{display:flex}.sidebar-content{padding-top:56px}.nav-item{font-size:13px;padding:10px 14px}.dropdown-menu{margin-left:12px}.profile-email,.profile-name{font-size:12px}}@media (min-width:576px) and (max-width:991.98px){.sidebar{box-shadow:4px 0 20px #00000026;transform:translateX(-100%);transition:transform .3s ease;width:280px}.mobile-menu-toggle:checked~.sidebar{transform:translateX(0)}.sidebar-close-btn{display:flex}.sidebar-content{padding-top:56px}}@media (min-width:992px) and (max-width:1199.98px){.sidebar{width:240px}.nav-item{padding:10px 12px}.nav-item,.nav-item span{font-size:13px}}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.header-left{flex:1 1}.date{color:#6c757d;font-size:14px;font-weight:500}.header-center{flex:2 1;text-align:center}.greeting{color:#495057;font-size:24px;font-weight:700;margin:0}.header-right{flex:1 1;gap:12px;justify-content:flex-end}.header-icon{background:none;border:none}.logout-btn:hover{background-color:#f8d7da;color:#dc3545}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 16px #00000026}.card-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.summary-card.blue .card-icon{background-color:#007bff}.summary-card.red .card-icon{background-color:#dc3545}.card-content{flex:1 1}.card-title{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:8px}.card-value{color:#495057;font-size:24px;font-weight:700}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}}.last7days-chart{height:100%}.chart-header{justify-content:space-between}.chart-header,.weekly-average{align-items:center;display:flex}.weekly-average{color:#6c757d;font-size:14px;gap:8px}.average-value{color:#495057;font-weight:600}.chart-content{height:400px}.custom-tooltip .value{color:#495057;margin:0}.revenue-12months-bar-chart{height:100%;padding:0}.chart-content{height:300px}.revenue-12months-line-chart{height:100%}.chart-header{margin-bottom:20px}.chart-title{margin:0}.chart-content{height:310px}.custom-tooltip{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px}.custom-tooltip .label{color:#6c757d;font-size:12px;margin:0 0 4px}.custom-tooltip .value{font-size:14px;font-weight:600;margin:2px 0}.charts-section{display:flex;flex-direction:column;gap:20px}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-container{border-radius:12px;box-shadow:0 2px 8px #0000001a}.chart-container.full-width{grid-column:1/-1}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}}.investment-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metric-card{border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;gap:16px;padding:20px;transition:all .3s ease}.metric-card:hover{border-color:#0000001a;box-shadow:0 8px 25px #00000026}.metric-card:active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:30px;color:#fff;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.metric-card:hover .metric-icon{transform:scale(1.1)}.metric-card.green .metric-icon{background-color:#77ff97}.metric-card.blue .metric-icon{background-color:#79baff}.metric-card.yellow .metric-icon{background-color:#ffdd76}.metric-title{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.metric-card:hover .metric-title{color:#495057}.metric-value{color:#495057;font-size:20px;transition:color .3s ease}.metric-card:hover .metric-value{color:#212529}@media (max-width:768px){.investment-metrics{grid-template-columns:1fr}}.investment-table-container{padding:24px}.table-title{color:#495057;font-size:18px;font-weight:700;margin:0 0 20px}.table-wrapper{border:1px solid #e9ecef;border-radius:8px;max-height:600px;overflow-y:auto}.investment-table{background:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;margin:0;width:100%}.investment-table thead{background-color:#28a745;border:1px solid #e9ecef;color:#fff;height:42px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.investment-table th{border:.1px solid #e9ecef;font-size:12px;font-weight:600;padding:8px 10px;text-align:left}.investment-table td{border:.1px solid #e9ecef;color:#495057;font-size:10px;padding:10px 12px}.even-row{background-color:#fff}.odd-row{background-color:#f8f9fa}.investor-cell{align-items:center;display:flex;gap:8px}.investor-image{object-fit:cover}.investor-icon-fallback,.investor-image{border:1px solid #e9ecef;border-radius:50%;height:24px;width:24px}.investor-icon-fallback{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center}.investor-icon{color:#007bff}.amount-cell{color:#28a745;font-weight:600}.remarks-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.investment-table tbody tr:hover{background-color:#e3f2fd;cursor:pointer}.pagination-controls{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-top:20px;padding:16px}.pagination-info{align-items:center;display:flex;gap:16px}.page-size-select,.pagination-info span{color:#495057;font-size:14px}.page-size-select{background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;padding:6px 12px}.page-size-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #e9ecef;color:#495057;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d}.page-info{color:#495057;font-size:14px;font-weight:500;margin:0 12px}.chart-table td{padding:12px 16px}@media (max-width:768px){.chart-content{flex-direction:column;gap:20px}.chart-table{max-width:100%;min-width:auto}}.investment-chart-container{height:350px!important;width:100%!important}.chart-title{font-size:14px;text-align:left}.chart-content{align-items:flex-start!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:30px!important;justify-content:flex-start!important;width:100%!important}.chart-wrapper{align-items:center!important;display:flex!important;flex-shrink:0!important;height:200px!important;justify-content:center!important;order:1!important;width:200px!important}.chart-table{display:block!important;flex:1 1!important;max-width:300px!important;min-width:200px!important;order:2!important}.chart-table table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.chart-table th{background-color:#28a745;border:1px solid #e9ecef;color:#fff;font-size:12px;font-weight:600;padding:8px 16px;text-align:left}.chart-table td{border:1px solid #e9ecef;color:#495057;font-size:8px;padding:12px 6px}.chart-table tbody tr:last-child td{border-bottom:none}.chart-table tbody tr:hover{background-color:#f8f9fa}.investment-charts{display:flex;flex-direction:column;gap:20px;width:100%}.investment-chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;width:100%}.chart-title{color:#495057;font-size:16px;font-weight:700;margin:0 0 20px;text-align:center}.chart-content{align-items:center;display:flex;flex-direction:column;gap:20px}.chart-wrapper{height:200px;width:200px}.chart-legend{display:flex;flex-direction:column;gap:12px;width:100%}.legend-item{align-items:center;display:flex;gap:8px;padding:8px 0}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-text{color:#495057;font-size:14px;font-weight:500}.legend-amount{color:#6c757d;font-size:14px;margin-left:auto}.investor-table{border-collapse:collapse;margin-top:16px;width:100%}.investor-table td,.investor-table th{border-bottom:1px solid #e9ecef;font-size:12px;padding:8px 0;text-align:left}.investor-table th{color:#6c757d;font-weight:600;text-transform:uppercase}.investor-table td{color:#495057}.investor-row{gap:8px}.investor-icon,.investor-row{align-items:center;display:flex}.investor-icon{background-color:#007bff;border-radius:50%;color:#fff;font-size:10px;font-weight:600;height:16px;justify-content:center;width:16px}.investments-page{background-color:#f5f5f5;margin-left:280px;min-height:100vh;width:100%}.investments-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.header-left{align-items:center;display:flex;gap:12px}.back-icon{color:#6c757d;cursor:pointer}.page-title{color:#495057;font-size:24px;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:16px}.header-icon{border-radius:6px;color:#6c757d;cursor:pointer;padding:8px;transition:all .2s ease}.header-icon:hover{background-color:#f8f9fa;color:#495057}.dividend-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.dividend-btn:hover{background-color:#218838}.investments-content{padding:20px;width:100%}.investments-main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:20px;width:100%}.investments-left{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%}.investments-right{display:flex;flex-direction:column;gap:20px;width:100%}@media (max-width:1200px){.investments-main{grid-template-columns:1fr}}.monthly-stats-table thead th:nth-child(6),.monthly-stats-table thead th:nth-child(7),.monthly-stats-table thead th:nth-child(8){text-align:right}.monthly-stats-table thead th:nth-child(11){text-align:center}.sales-page{background-color:#f5f5f5;margin-left:280px;min-height:100vh;padding:10px;width:100%}.page-header{margin-bottom:15px}.page-header h1{color:#0d0e0f;font-size:24px;margin:0 0 5px}.page-header p{font-size:14px}.sales-content{display:flex;flex-direction:column;gap:15px}.sales-filters{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;gap:15px;padding:12px}.search-section{flex:1 1}.search-input-container{position:relative}.search-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:13px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.search-input::placeholder{color:#a0aec0}.filter-section{align-items:center;display:flex;gap:12px}.filter-group{gap:2px}.filter-group label{font-size:11px}.filter-date,.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#2d3748;font-size:12px;padding:6px 10px;transition:border-color .2s}.filter-date:focus,.filter-select:focus{border-color:#3182ce;outline:none}.sales-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.stat-card{border-radius:8px;box-shadow:0 1px 4px #0000001a;cursor:pointer;padding:16px;transition:all .3s ease}.stat-card:hover{border-color:#4caf50;box-shadow:0 8px 25px #4caf5033;transform:translateY(-2px)}.sales-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.sales-metrics .metric-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.sales-metrics .metric-card:hover{border-color:#0000001a;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.sales-metrics .metric-card:active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.sales-metrics .metric-icon{align-items:center;border-radius:30px;color:#fff;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.sales-metrics .metric-card:hover .metric-icon{transform:scale(1.1)}.sales-metrics .metric-card.green .metric-icon{background-color:#77ff97}.sales-metrics .metric-card.blue .metric-icon{background-color:#79baff}.sales-metrics .metric-card.yellow .metric-icon{background-color:#ffdd76}.sales-metrics .metric-card.purple .metric-icon{background-color:#b19cd9}.sales-metrics .metric-card.orange .metric-icon{background-color:#f97316}.sales-metrics .metric-card.red .metric-icon{background-color:#ef4444}.sales-metrics .metric-card.slate .metric-icon{background-color:#475569}.sales-metrics .metric-content{flex:1 1}.sales-metrics .metric-title{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.sales-metrics .metric-card:hover .metric-title{color:#495057}.sales-metrics .metric-value{color:#495057;font-size:20px;font-weight:700;transition:color .3s ease}.sales-metrics .metric-card:hover .metric-value{color:#212529}@media (max-width:640px){.sales-metrics{grid-template-columns:1fr}.search-input{width:100%}.filter-group:first-child,.search-input{max-width:300px}}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.modal-header{background:#f8f9fa;border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h2{color:#2d3748;font-size:20px;font-weight:600}.modal-close{background:none;border:none;border-radius:50%;color:#718096;font-size:24px;height:30px;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#e2e8f0;color:#2d3748}.modal-close:disabled{cursor:not-allowed;opacity:.5}.error-message{background-color:#f8d7da;border-bottom:1px solid #f5c6cb;color:#721c24;font-size:14px;padding:12px 24px}.edit-form{padding:24px}.form-row{margin-bottom:20px}.form-group label{margin-bottom:6px}.form-group input,.form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;padding:10px 12px}.form-group input:focus,.form-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input:disabled,.form-group select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.modal-actions{gap:12px;margin-top:20px;padding-top:20px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-cancel{background-color:#e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background-color:#cbd5e0;color:#2d3748}.btn-save{background-color:#3182ce}.btn-save:hover:not(:disabled){background-color:#2c5aa0}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-content{margin:20px;width:95%}.form-row{gap:15px;grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.section-title:before{background-color:#3182ce;border-radius:2px;content:"";height:20px;margin-right:12px;width:4px}.form-row{grid-gap:20px;gap:20px;margin-bottom:16px}.form-row .form-group:last-child{margin-bottom:0}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}}.form-summary-container{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.sales-form-container,.sales-summary{background:#fff;border:1px solid #e2e8f0}.sales-summary{position:-webkit-sticky;position:sticky;top:20px}.sales-summary h3{border-bottom:2px solid #e2e8f0;color:#2d3748;margin:0 0 20px;padding-bottom:12px}.summary-item.total{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px}.summary-item .label{font-weight:500}.summary-item .value{word-wrap:break-word;max-width:60%;text-align:right}.summary-item.total .label{color:#0c4a6e;font-weight:600}.summary-item.total .value{color:#0c4a6e;font-size:16px;font-weight:700}@media (max-width:1024px){.form-summary-container{gap:20px;grid-template-columns:1fr}.sales-summary{position:static}}.stat-card h3{font-size:12px;letter-spacing:.3px;margin:0 0 6px}.stat-value{font-size:20px}.stat-icon{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-bottom:10px;width:40px}.stat-change{font-size:.9rem;font-weight:600;margin-top:5px}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.table-wrapper{display:flex;flex-direction:column;max-height:620px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.fixed-header{background-color:#e9ecef;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-body-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto}.table-body-wrapper table{margin-top:0}@media (max-width:768px){.sales-page{margin-left:0;padding:8px}.sales-stats{gap:10px;grid-template-columns:1fr}.stat-card{padding:12px}.sales-filters{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.filter-section{flex-direction:column;gap:8px}.filter-group{align-items:center;flex-direction:row;justify-content:space-between}.sales-table{min-width:900px}.page-header h1{font-size:20px}.stat-value{font-size:18px}.table-wrapper{max-height:400px}}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.monthly-stats-container{border-radius:8px;padding:12px 20px}.monthly-stats-title{color:#6c757d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;letter-spacing:1px;margin:0 0 30px;text-align:center;text-transform:uppercase}.monthly-stats-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:100%;overflow:hidden;table-layout:fixed;width:100%}.stats-header-row{background-color:#e9ecef}.stats-header-row th{border:1px solid #dee2e6;color:#495057;font-size:12px;font-weight:600;padding:10px 8px;text-align:left}.stats-data-row td{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:12px;padding:10px 8px;word-break:break-word}.monthly-stats-table thead th:nth-child(2),.monthly-stats-table thead th:nth-child(3),.monthly-stats-table thead th:nth-child(4),.monthly-stats-table thead th:nth-child(5),.monthly-stats-table thead th:nth-child(6),.monthly-stats-table thead th:nth-child(7),.stats-data-row td:nth-child(2),.stats-data-row td:nth-child(3),.stats-data-row td:nth-child(4),.stats-data-row td:nth-child(5),.stats-data-row td:nth-child(6),.stats-data-row td:nth-child(7){text-align:right}.monthly-stats-table tbody td:nth-child(11),.monthly-stats-table thead th:nth-child(11){text-align:center}.view-sale-modal{max-height:90vh;overflow:hidden;padding:24px 28px;width:min(780px,95%)}.sale-details-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.sale-details-header h2{color:#0f172a;font-size:22px;margin:0}.sale-details-subtitle{color:#64748b;font-size:14px;margin:6px 0 0}.sale-details-body{display:flex;flex-direction:column;gap:18px;max-height:calc(90vh - 120px);overflow-y:auto;padding-right:4px}.sale-details-summary{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.sale-summary-item{display:flex;flex-direction:column;gap:4px}.sale-summary-label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sale-summary-value{color:#0f172a;font-size:14px;font-weight:500}.sale-details-note{background:#eef5ff;border-left:4px solid #3b82f6;border-radius:10px;padding:12px 16px}.sale-items-section{display:flex;flex-direction:column;gap:12px}.sale-items-header{color:#1f2937;font-size:16px;font-weight:600}.sale-items-placeholder{color:#64748b;font-size:13px;margin:0}.sale-items-table-container{border:1px solid #e2e8f0;border-radius:12px;max-height:260px;overflow-y:auto}.sale-items-table{border-collapse:collapse;width:100%}.sale-items-table thead{background:linear-gradient(90deg,#eef2ff,#f8fafc)}.sale-items-table th{border-bottom:1px solid #dbeafe;color:#475569;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.sale-items-table td:nth-child(5),.sale-items-table td:nth-child(6),.sale-items-table td:nth-child(7),.sale-items-table th:nth-child(5),.sale-items-table th:nth-child(6),.sale-items-table th:nth-child(7){text-align:right}.sale-items-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;font-size:13px;padding:10px 12px}.sale-items-table tr:last-child td{border-bottom:none}.sale-modal-footer{display:flex;justify-content:flex-end}.sale-modal-footer .btn-save{min-width:120px}@media (max-width:640px){.view-sale-modal{padding:20px}.sale-details-body{max-height:calc(90vh - 140px)}.sale-items-table td,.sale-items-table th{padding:8px}}.staff-table .stats-data-row td:first-child,.staff-table .stats-header-month:first-child{width:5%}.staff-table .stats-data-row td:nth-child(2),.staff-table .stats-data-row td:nth-child(3),.staff-table .stats-header-aov:nth-child(3),.staff-table .stats-header-sales:nth-child(2){width:11%}.staff-table .stats-data-row td:nth-child(4),.staff-table .stats-header-orders:nth-child(4){width:14%}.staff-table .stats-data-row td:nth-child(5),.staff-table .stats-header-growth:nth-child(5){width:13%}.staff-table .stats-data-row td:nth-child(6),.staff-table .stats-header-month:nth-child(6){width:11%}.staff-table .stats-data-row td:nth-child(7),.staff-table .stats-header-month:nth-child(7){width:8%}.attendance-table .stats-data-row td:first-child,.attendance-table .stats-header-month:first-child,.staff-table .stats-data-row td:nth-child(8),.staff-table .stats-header-month:nth-child(8){width:12%}.attendance-table .stats-data-row td:nth-child(2),.attendance-table .stats-header-sales:nth-child(2){width:20%}.attendance-table .stats-data-row td:nth-child(3),.attendance-table .stats-data-row td:nth-child(4),.attendance-table .stats-header-aov:nth-child(3),.attendance-table .stats-header-orders:nth-child(4){width:15%}.attendance-table .stats-data-row td:nth-child(5),.attendance-table .stats-header-growth:nth-child(5){width:20%}.attendance-table .stats-data-row td:nth-child(6),.attendance-table .stats-header-month:nth-child(6){width:18%}.spinning{animation:spin 1s linear infinite}.stats-data-row{background-color:#fff}.stats-data-row:nth-child(2n){background-color:#f8f9fa}.stats-data-row:hover{background-color:#e8f5e8!important;border-left:4px solid #4caf50;box-shadow:0 4px 12px #0000001a;cursor:pointer;transform:translateY(-1px);transition:all .3s ease}.stats-data-row:hover td{color:#2e7d32;font-weight:500}.stats-data-row td{border:1px solid #dee2e6;color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;padding:8px}.stats-month{font-size:11px;font-weight:500;text-align:left}.stats-aov,.stats-growth,.stats-orders,.stats-profit,.stats-sales,.stats-wages{font-size:11px;font-weight:500;text-align:right}.stats-sales{color:#28a745}.stats-sales,.stats-wages{font-size:11px;font-weight:600}.stats-wages{color:#dc3545}.stats-growth,.stats-profit{font-size:11px;font-weight:600}.stats-growth{color:#007bff}.status-paid,.status-present{color:#28a745!important;font-size:11px;font-weight:600}.status-not-paid{color:#dc3545!important;font-size:11px;font-weight:600}.status-partially-paid{color:#ffc107!important;font-size:11px;font-weight:600}.status-new-day{color:#6c757d!important;font-size:11px;font-style:italic;font-weight:600}.status-parsent-paid{color:#28a745!important;font-size:11px;font-weight:600}.action-btn,.action-buttons{align-items:center;justify-content:center}.action-btn{border:none;border-radius:4px;cursor:pointer;display:flex;font-size:10px;font-weight:500;height:28px;min-width:28px;padding:6px;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px) scale(1.05);transition:all .2s ease}.action-btn-view{background-color:#6c757db3;color:#fff}.action-btn-view:hover{background-color:#5a6268cc}.action-btn-edit{background-color:#6c757db3;color:#fff}.action-btn-edit:hover{background-color:#5a6268cc}.action-btn-delete{background-color:#dc3545b3;color:#fff}.action-btn-delete:hover{background-color:#c82333cc}.sales-stats{background-color:initial}.stat-card{background:#fff!important;border:1px solid #e2e8f0!important;color:#2d3748!important}.stat-card h3{color:#4a5568!important}.sales-filters,.stat-value{color:#2d3748!important}.sales-filters{border:1px solid #e2e8f0!important}.sales-filters label{color:#4a5568!important}.filter-date,.filter-select,.search-input{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#2d3748!important}.sales-form-container{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.sales-form{display:flex;flex-direction:column;gap:24px}.form-section h3{color:#2d3748!important}.form-group label{color:#4a5568!important}.form-group input,.form-group select,.form-group textarea{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#2d3748!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e0!important;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px);transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce!important;transform:translateY(-1px)}.readonly-input{background-color:#f7fafc!important;color:#718096!important}.add-expense-field-error,input.add-expense-field-error,select.add-expense-field-error,textarea.add-expense-field-error{border-color:#e53e3e!important;box-shadow:0 0 0 2px #e53e3e40!important}.btn-primary:hover{box-shadow:0 4px 12px #3182ce4d}.btn-secondary:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.sales-summary{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:24px}.sales-summary h3{color:#2d3748!important;font-size:18px;font-weight:600;margin:0 0 16px}.summary-item .label{color:#4a5568!important}.summary-item .value{color:#2d3748!important}.summary-item .value.status.pending{background-color:#fed7d7;color:#c53030}.summary-item .value.status.partial{background-color:#fef5e7;color:#dd6b20}@media (max-width:768px){.monthly-stats-container{padding:20px 10px}.monthly-stats-title{font-size:18px;margin-bottom:20px}.stats-data-row td,.stats-header-row th{font-size:12px;padding:8px 6px}.sales-content{flex-direction:column}.form-row{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.customer-dropdown-item{transition:all .2s ease}.customer-dropdown-item:hover{background-color:#f8f9fa!important;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.form-section{border-radius:8px;padding:16px;transition:all .3s ease}.form-section:hover{background-color:#3182ce05;box-shadow:0 4px 12px #3182ce1a}.form-group label{transition:color .2s ease}.form-group:hover label{color:#3182ce!important;font-weight:600}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background-color:#f8fafc!important;border-color:#3182ce!important;box-shadow:0 4px 12px #3182ce26;transform:translateY(-2px)}.search-icon:hover{color:#3182ce!important;transform:scale(1.1)}.summary-card{transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.summary-item{transition:all .2s ease}.summary-item:hover{background-color:#3182ce0d;border-radius:4px;margin:-4px -8px;padding:4px 8px}.sales-filters{align-items:end;background:#fff!important;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:20px 0;padding:20px}.filter-group{min-width:0}.filter-group:first-child{flex:1 1;max-width:400px}.filter-group:not(:first-child){flex-shrink:0}.filter-right-group{align-items:end;display:flex;gap:20px}.filter-label{color:#374151;font-size:12px;font-weight:500;margin:0}.search-input{background:#fff!important;border:1px solid #d1d5db;border-radius:8px;color:#374151!important;font-size:14px;padding:12px 16px;transition:all .2s ease;width:400px}.filter-date:hover,.filter-select:hover,.search-input:hover{border-color:#4caf50;box-shadow:0 2px 4px #4caf501a}.search-input::placeholder{color:#9ca3af}.filter-select{background:#fff!important;border:1px solid #d1d5db;border-radius:8px;color:#374151!important;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease;width:140px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-input-wrapper{align-items:center;display:flex;position:relative}.filter-date{background:#fff!important;border:1px solid #d1d5db;border-radius:8px;color:#374151!important;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:140px}.filter-date:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-date::placeholder{color:#9ca3af}.calendar-icon{color:#6b7280;pointer-events:none;position:absolute;right:12px}.export-btn{align-items:center;background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:#1f2937;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.summary-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.summary-section:last-child{margin-bottom:0}.summary-section-title{border-bottom:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.summary-section .summary-item{border-bottom:1px solid #e9ecef;padding:10px 0}.summary-section .summary-item:last-child{border-bottom:none}.summary-section .summary-item.total{background-color:#e8f5e8;border:1px solid #28a745;border-radius:6px;font-weight:600;margin-top:8px;padding:12px}.summary-section .summary-item.total .value{color:#28a745;font-size:16px;font-weight:700}.job-card{background:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;max-width:100%;padding:20px}.job-card-header{align-items:flex-start;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.company-info{gap:15px}.company-info,.company-logo{align-items:center;display:flex}.company-logo{background:#f8f9fa;border:2px solid #000;border-radius:50%;height:60px;justify-content:center;width:60px}.logo-icon{font-size:24px}.company-details{display:flex;flex-direction:column;gap:8px}.company-name{color:#000;font-size:18px;font-weight:700;margin:0;text-transform:uppercase}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{align-items:center;color:#333;display:flex;font-size:12px;gap:8px}.contact-icon{font-size:14px}.job-card-title{text-align:right}.job-card-badge{background:#000;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:10px;padding:8px 16px;text-transform:uppercase}.job-card-details{display:flex;flex-direction:column;gap:5px}.job-detail-item{align-items:center;display:flex;gap:10px}.job-label{font-size:12px;font-weight:700}.job-value{border-bottom:1px solid #000;font-size:12px;min-width:80px;padding-bottom:2px}.customer-section{margin-bottom:20px}.section-header{background:#000;color:#fff;font-size:14px;font-weight:700;margin-bottom:10px;padding:8px 12px}.customer-details{padding:10px 0}.customer-name{border-bottom:1px solid #ccc;font-size:16px;font-weight:500;margin-bottom:8px;min-height:20px;padding-bottom:5px}.customer-info{color:#666;font-size:12px}.job-details-section{border:2px solid #000;margin-bottom:20px;padding:15px}.job-field{margin-bottom:15px}.job-field:last-child{margin-bottom:0}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.field-value{border-bottom:1px solid #ccc;font-size:14px;min-height:20px;padding-bottom:5px}.machine-name,.material-name{font-size:14px;font-weight:500}.machine-details,.material-details{color:#666;font-size:12px;margin-top:2px}.items-table{margin-bottom:20px}.items-table table{border:2px solid #000;border-collapse:collapse;width:100%}.items-table td,.items-table th{border:1px solid #000;font-size:12px;padding:8px;text-align:left}.items-table th{background:#f8f9fa;font-weight:700;text-align:center}.col-no{width:8%}.col-description{width:45%}.col-pieces{width:12%}.col-price{width:15%}.col-amount{width:20%}.financial-summary{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.signature-section{flex:1 1}.signature-label{display:block;font-size:14px;font-weight:700;margin-bottom:5px}.signature-line{border-bottom:1px solid #000;height:20px;min-width:200px}.totals-section{display:flex;flex-direction:column;gap:8px}.total-item{align-items:center;display:flex;gap:10px}.total-label{font-size:12px;font-weight:700;min-width:80px}.total-box{background:#fff;border:1px solid #000;font-size:12px;min-width:100px;padding:5px 10px;text-align:right}.total-amount{background:#f0f0f0;font-weight:700}.job-card-footer{background:#000;border-radius:0 0 6px 6px;color:#fff;font-size:12px;margin:0 -20px -20px;padding:8px;text-align:center}.blurred-text{filter:blur(7px);pointer-events:none;-webkit-user-select:none;user-select:none}.invoice-page{background-color:#f5f5f5;margin-left:280px;min-height:100vh;padding:20px;width:calc(100% - 150px)}.invoice-content,.invoice-page{max-width:100%;overflow-x:hidden}.invoice-content{align-items:flex-start;display:flex;flex-direction:row;gap:20px}.invoice-form-wrapper{flex:1 1;max-width:calc(100% - 530px);min-width:0}.invoice-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.stat-card h3{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:24px;font-weight:700;margin:0}.invoice-filters{grid-gap:20px;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;padding:20px}.filter-group{flex-direction:column;gap:6px}.filter-group label{font-size:14px}.filter-group input,.filter-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.invoice-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.invoice-table-container h2{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 20px}.invoice-table{display:flex;flex-direction:column;gap:0}.table-header{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:14px;font-weight:600;padding:12px 0}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr 1fr 2fr}.table-row{align-items:center;border-bottom:1px solid #f7fafc;padding:16px 0}.table-row:hover{background-color:#f7fafc}.table-cell{display:flex;flex-direction:column;gap:4px}.client-name,.invoice-number{color:#2d3748;font-weight:500}.client-email{color:#718096;font-size:12px}.due-date.overdue{color:#e53e3e;font-weight:500}.amount{color:#2d3748;font-weight:600}.status-badge{border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;text-align:center;text-transform:capitalize}.status-icon{font-size:10px}.items-count{color:#4a5568;font-size:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:4px}.btn-delete,.btn-edit,.btn-send,.btn-view{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s}.btn-view{background-color:#3182ce;color:#fff}.btn-view:hover{background-color:#2c5aa0}.btn-edit{background-color:#38a169;color:#fff}.btn-edit:hover{background-color:#2f855a}.btn-send{background-color:#d69e2e;color:#fff}.btn-send:hover{background-color:#b7791f}.btn-delete{background-color:#e53e3e;color:#fff}.btn-delete:hover{background-color:#c53030}.table-placeholder{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;color:#718096;padding:40px;text-align:center}.table-placeholder p{font-size:16px;margin:0 0 16px}.table-placeholder ul{color:#4a5568;margin:0 auto;max-width:300px;text-align:left}.table-placeholder li{font-size:14px;margin:8px 0}.invoice-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:100%;overflow-x:hidden;padding:24px}.invoice-form{display:flex;flex-direction:column;gap:24px}.form-section{border-bottom:1px solid #e2e8f0;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.form-row{grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#4a5568;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.readonly-input{background-color:#f7fafc;color:#718096;cursor:not-allowed}.items-container{display:flex;flex-direction:column;gap:16px}.item-row{grid-gap:12px;align-items:end;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:16px}.btn-add-item{align-self:flex-start;background-color:#38a169;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-add-item:hover{background-color:#2f855a}.btn-remove{background-color:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.btn-remove:hover{background-color:#c53030}.btn-remove:disabled{background-color:#a0aec0;cursor:not-allowed}.totals-container{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.total-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.total-row:last-child{border-bottom:none}.total-row.total{border-top:2px solid #e2e8f0;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.total-row .label{color:#4a5568;font-size:14px}.total-row .value{color:#2d3748;font-size:14px;font-weight:500}.total-row input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;padding:6px 8px;text-align:right;width:80px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary{background-color:#3182ce}.btn-primary:hover{background-color:#2c5aa0}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover{background-color:#cbd5e0}.invoice-summary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;max-height:calc(100vh - 40px);overflow-y:auto;padding:0;position:-webkit-sticky;position:sticky;top:20px;width:600px}.invoice-pdf-preview{background:#fff;color:#000;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:11px;line-height:1.4}.invoice-footer-graphic,.invoice-header-graphic{flex-shrink:0;height:auto;page-break-inside:avoid;width:100%}.invoice-footer-graphic{margin-top:auto}.invoice-footer-graphic img,.invoice-header-graphic img{display:block;height:auto;width:100%}@media print{.invoice-pdf-preview{padding-bottom:80px;page-break-after:auto}.invoice-header-graphic{page-break-after:avoid}.invoice-items-table{page-break-inside:auto}.invoice-items-table thead{display:table-header-group}.invoice-items-table tbody tr{page-break-inside:avoid}.invoice-bottom-section{page-break-before:auto;page-break-inside:avoid}.invoice-footer-graphic{bottom:0;left:0;margin:0;page-break-inside:avoid;position:fixed;right:0;width:100%;z-index:1000}@page{size:A4;margin:.5cm;margin-bottom:3cm}}.invoice-banner{align-items:center;background:#2d3748;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.invoice-banner-text{font-size:16px;font-weight:700;letter-spacing:1px}.invoice-logo{text-align:right}.logo-text{color:gold;font-size:18px;font-weight:700}.logo-subtext{color:#fff;font-size:10px}.logo-subtext-small{color:#ccc;font-size:8px}.invoice-number-header{background:#f7fafc;font-size:11px;font-weight:500;padding:8px 16px;text-align:right}.invoice-addresses{grid-gap:20px;border-bottom:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:16px}.invoice-bill-to,.invoice-from{background:#fff;border:1px solid #d1d5db;border-radius:0;font-size:10px;padding:12px}.address-label{color:#000;font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.address-content{color:#4a5568;line-height:1.6}.address-content div{color:#000;margin-bottom:4px}.invoice-items-table{border-bottom:1px solid #e2e8f0;padding:16px}.invoice-items-table table{border-collapse:collapse;font-size:10px;width:100%}.invoice-items-table thead{background:#f7fafc}.invoice-items-table th{border-bottom:1px solid #e2e8f0;color:#2d3748;font-weight:700;padding:8px 4px;text-align:left}.invoice-items-table td{border-bottom:1px solid #f7fafc;color:#4a5568;padding:8px 4px}.invoice-items-table td:nth-child(2),.invoice-items-table td:nth-child(3),.invoice-items-table td:nth-child(4),.invoice-items-table th:nth-child(2),.invoice-items-table th:nth-child(3),.invoice-items-table th:nth-child(4){text-align:right}.invoice-bottom-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:16px}.invoice-payment-terms{font-size:10px}.payment-terms-label{color:#2d3748;font-size:11px;font-weight:700;margin-bottom:8px}.payment-terms-content{color:#4a5568;line-height:1.6}.payment-terms-content div{margin-bottom:4px}.bank-details{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.bank-logo{color:#2d3748;font-size:11px;font-weight:700;margin-bottom:4px}.invoice-summary-table{font-size:10px}.invoice-summary-table table{border:1px solid #d1d5db;border-collapse:collapse;width:100%}.invoice-summary-table thead{background:#e5e7eb}.invoice-summary-table th{color:#000;padding:8px}.invoice-summary-table .summary-header-empty,.invoice-summary-table th{background:#e5e7eb;border:1px solid #d1d5db}.invoice-summary-table .summary-header-text{background:#e5e7eb;border:1px solid #d1d5db;font-weight:700;text-align:right;text-transform:uppercase}.invoice-summary-table td{background:#fff;border:1px solid #d1d5db;color:#000;padding:8px}.invoice-summary-table .text-right{text-align:right}.invoice-summary-table .summary-total{background:#fff}.invoice-summary-table .summary-total-label{text-transform:uppercase}.invoice-summary-table .summary-total-label,.invoice-summary-table .summary-total-value{background:#fff;border:1px solid #d1d5db;font-weight:700}.invoice-summary h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.summary-card{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item.total{border-top:2px solid #e2e8f0;font-weight:600;margin-top:8px;padding-top:12px}.summary-item .label{color:#4a5568;font-size:14px}.summary-item .value{color:#2d3748;font-size:14px;font-weight:500}.summary-item .value.status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.summary-item .value.status.draft{background-color:#e2e8f0;color:#4a5568}.summary-item .value.status.sent{background-color:#bee3f8;color:#3182ce}.summary-item .value.status.paid{background-color:#c6f6d5;color:#38a169}.summary-item .value.status.overdue{background-color:#fed7d7;color:#c53030}@media (max-width:768px){.invoice-page{padding:16px}.invoice-content{flex-direction:column;gap:20px}.invoice-summary{max-height:none;position:static;width:100%}.invoice-filters,.invoice-stats{gap:16px;grid-template-columns:1fr}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-cell{flex-direction:row;justify-content:space-between}.form-row,.item-row{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.page-header h1{font-size:24px}.stat-value{font-size:20px}}@media (max-width:1024px){.invoice-content{flex-direction:column}.invoice-summary{max-height:none;position:static;width:100%}}.annual-reports-page{background-color:#f7fafc;min-height:100vh;padding:24px}.report-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:24px;padding-bottom:0}.report-tab{background:#fff;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;color:#718096;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.report-tab:hover{background:#edf2f7;color:#2d3748}.report-tab.active{background:#fff;border-color:#e2e8f0;border-bottom:2px solid #fff;color:#3182ce;font-weight:600;margin-bottom:-1px}.report-container{box-shadow:0 1px 3px #0000000d}.chart-container,.report-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.chart-container{margin-top:24px}.chart-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:16px}.loading-container{padding:48px}.my-reports-page{background-color:#f7fafc;margin-left:280px;min-height:100vh;padding:24px;position:relative}.my-reports-toolbar-float{position:absolute;right:24px;top:24px;z-index:10}#report-export-area{padding-top:52px}.export-pdf-btn{background:#3182ce;border-color:#3182ce;color:#fff}.export-pdf-btn:hover{background:#2c5282;border-color:#2c5282;color:#fff}.my-reports-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.my-reports-header h1{color:#0d0e0f;font-size:24px;font-weight:700;margin:0 0 5px}.my-reports-header p{color:#718096;font-size:14px;margin:0}.my-reports-last-updated{color:#718096!important;font-size:13px!important;margin-top:4px!important}.my-reports-toolbar{align-items:center;display:flex;gap:10px}.my-reports-month-select,.my-reports-year-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px}.my-reports-year-select{min-width:90px}.my-reports-month-select{min-width:110px}.my-reports-month-select:focus,.my-reports-month-select:hover,.my-reports-year-select:focus,.my-reports-year-select:hover{border-color:#3182ce;outline:none}.my-reports-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.my-reports-btn:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.my-reports-export-btn{background:#3182ce;border-color:#3182ce;color:#fff}.my-reports-export-btn:hover{background:#2c5282;border-color:#2c5282;color:#fff}.my-reports-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;padding:10px;transition:all .2s}.my-reports-refresh:hover{background:#edf2f7;color:#3182ce}.my-reports-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.my-reports-kpi-card{align-items:center;background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#fff;display:flex;gap:16px;min-height:100px;padding:24px}.my-reports-kpi-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.my-reports-kpi-content{flex:1 1;min-width:0}.my-reports-kpi-value{font-size:22px;font-weight:700;line-height:1.2;margin-bottom:4px}.my-reports-kpi-label{font-size:12px;font-weight:500;opacity:.95}.my-reports-kpi-card.kpi-profit-margin-green{background:linear-gradient(135deg,#38a169,#2f855a)!important}.my-reports-kpi-card.kpi-profit-margin-blue{background:linear-gradient(135deg,#3182ce,#2c5282)!important}.my-reports-kpi-card.kpi-profit-margin-red{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.my-reports-kpi-card.kpi-collection-green{background:linear-gradient(135deg,#38a169,#2f855a)!important}.my-reports-kpi-card.kpi-collection-orange{background:linear-gradient(135deg,#ed8936,#dd6b20)!important}.my-reports-kpi-card.kpi-collection-red,.my-reports-kpi-card.kpi-outstanding-red{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.my-reports-kpi-card.kpi-outstanding-neutral{background:linear-gradient(135deg,#718096,#4a5568)!important}.my-reports-charts{display:flex;flex-direction:column;gap:24px}.my-reports-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.my-reports-chart-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 20px}.my-reports-chart-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#2d3748;font-size:13px;padding:12px 16px}.my-reports-chart-tooltip-title{color:#1a202c;font-weight:600;margin-bottom:8px}.my-reports-table-wrap{overflow-x:auto}.my-reports-table{border-collapse:collapse;font-size:14px;width:100%}.my-reports-table td,.my-reports-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.my-reports-table th{background:#f7fafc;color:#2d3748;font-weight:600}.my-reports-table tbody tr:hover{background:#f7fafc}.my-reports-table-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.my-reports-empty{color:#718096;margin:0;padding:24px;text-align:center}.my-reports-main-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:2fr 1fr;width:100%}.my-reports-left{min-width:0}.my-reports-right{min-width:300px}.my-reports-expense-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-height:min(65vh,720px);padding:20px;position:-webkit-sticky;position:sticky;top:24px}.my-reports-expense-panel-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.my-reports-expense-empty{color:#718096;font-size:14px;margin:0;padding:16px 0;text-align:center}.my-reports-expense-kpis{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.my-reports-expense-kpi{background:#f7fafc;border-left:4px solid #718096;border-radius:8px;padding:12px 14px}.my-reports-expense-kpi-label{color:#718096;display:block;font-size:11px;margin-bottom:4px}.my-reports-expense-kpi-value{color:#2d3748;font-size:16px;font-weight:700}.my-reports-expense-kpi.expense-panel-ratio-red{background:#fff5f5;border-left-color:#e53e3e}.my-reports-expense-kpi.expense-panel-ratio-red .my-reports-expense-kpi-value{color:#c53030}.my-reports-expense-kpi.expense-panel-margin-orange{background:#fffaf0;border-left-color:#ed8936}.my-reports-expense-kpi.expense-panel-margin-orange .my-reports-expense-kpi-value{color:#c05621}.my-reports-expense-kpi.expense-panel-margin-green{background:#f0fff4;border-left-color:#38a169}.my-reports-expense-kpi.expense-panel-margin-green .my-reports-expense-kpi-value{color:#2f855a}.my-reports-expense-section{margin-bottom:20px}.my-reports-expense-section:last-child{margin-bottom:0}.my-reports-expense-section-title{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 12px}.my-reports-expense-section-channels .my-reports-expense-table{font-size:13px}.my-reports-expense-section-channels .my-reports-expense-table td,.my-reports-expense-section-channels .my-reports-expense-table th{padding:8px 10px}.my-reports-expense-category-row{margin-bottom:10px}.my-reports-expense-category-head{align-items:baseline;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px}.my-reports-expense-category-name{color:#2d3748;font-weight:500}.my-reports-expense-category-amount{color:#718096;font-size:12px}.my-reports-expense-progress-wrap{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.my-reports-expense-progress-bar{background:#3182ce;border-radius:3px;height:100%;transition:width .2s ease}.my-reports-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.my-reports-spinner{animation:my-reports-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:48px;width:48px}@keyframes my-reports-spin{to{transform:rotate(1turn)}}.my-reports-loading p{color:#718096;font-size:14px;margin-top:16px}.my-reports-error{background:#fff;border:1px solid #feb2b2;border-radius:12px;padding:32px;text-align:center}.my-reports-error p{color:#c53030;margin:0 0 8px}.my-reports-error-hint{color:#718096!important;font-size:13px;margin-bottom:20px!important}.my-reports-retry-btn{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.my-reports-retry-btn:hover{background:#2c5282}@media (max-width:1023.98px){.my-reports-main-grid{grid-template-columns:1fr}.my-reports-right{min-width:0}.my-reports-expense-panel{position:static}}@media (max-width:991.98px){.my-reports-page{margin-left:0;padding:20px 16px 16px}}@media print{.no-print{display:none!important}}@media (max-width:575.98px){.my-reports-page{padding:70px 12px 12px}.my-reports-header{flex-direction:column;gap:16px}.my-reports-toolbar{flex-wrap:wrap}.my-reports-btn{font-size:13px;padding:8px 12px}.my-reports-kpi-grid{grid-template-columns:1fr}.my-reports-kpi-value{font-size:18px}}.cashbook-page{margin-left:280px;min-height:100vh;padding:20px;width:100%}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;margin:0 0 8px}.page-header p{font-size:16px}.account-balances{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.balance-card{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.balance-card.cash{border-left-color:#87ceeb}.balance-card.tigo{border-left-color:#4169e1}.balance-card.voda{border-left-color:#dc143c}.balance-card.crdb{border-left-color:#228b22}.balance-card h3{font-size:16px;font-weight:600;margin:0 0 10px}.balance-amount{font-size:24px;font-weight:700;margin:0}.closing-balance-card{align-items:center;background:#fff;border-left:4px solid #3182ce;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.closing-balance-card h3{color:#2d3748;font-size:16px;font-weight:600;margin:0}.closing-balance-amount{color:#2d3748;font-size:24px;font-weight:700;margin:0}.date-filter{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:20px;margin-bottom:20px;padding:20px}.date-filter,.filter-group{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{font-weight:500}.filter-group input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;padding:8px 12px}.filter-btn{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.filter-btn:hover{background-color:#2c5aa0}.cashbook-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 550px);max-height:calc(100vh - 1100px);min-height:500px}.cashbook-table-container,.cashbook-table-wrapper{display:flex;flex-direction:column;max-width:100%;overflow:hidden;width:100%}.cashbook-table-wrapper{height:100%}.cashbook-table-scroll{flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.cashbook-table{border-collapse:initial;border-spacing:0;font-size:14px;max-width:100%;table-layout:fixed;width:100%}.cashbook-table col{width:auto}.cashbook-table td,.cashbook-table th{border:1px solid #e2e8f0;overflow:hidden;padding:12px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cashbook-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-row th{font-size:16px;font-weight:600}.sub-header-row th{font-size:12px;font-weight:500}.cashbook-table thead tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:11}.cashbook-table thead tr:nth-child(2) th{position:-webkit-sticky;position:sticky;top:44px;z-index:11}.cash-header{background-color:#87ceeb!important;color:#fff!important}.tigo-header{background-color:#4169e1!important;color:#fff!important}.voda-header{background-color:#dc143c!important;color:#fff!important}.crdb-header{background-color:#228b22!important;color:#fff!important}.cashbook-table td.jobcard-cell,.cashbook-table th.jobcard-col,.col-jobcard{max-width:80px;min-width:80px;width:80px}.cashbook-table td.date-cell,.cashbook-table th.date-col,.col-date{max-width:100px;min-width:100px;width:100px}.cashbook-table td.type-cell,.cashbook-table th.type-col,.col-type{max-width:180px;min-width:180px;width:180px}.cashbook-table td.balance-cell,.cashbook-table td.status-cell,.cashbook-table th.balance-col,.cashbook-table th.status-col,.col-balance,.col-status{max-width:120px;min-width:120px;width:120px}.cashbook-table td.expenses-cell,.cashbook-table td.sales-cell,.cashbook-table th.expenses-col,.cashbook-table th.sales-col,.col-expenses,.col-sales{max-width:100px;min-width:100px;width:100px}.jobcard-col{width:80px}.date-col,.jobcard-col{text-align:left!important}.date-col{width:100px}.type-col{text-align:left!important;width:180px}.status-col{text-align:center!important;width:120px}.balance-col{text-align:right!important;width:120px}.expenses-col,.sales-col{width:100px}.date-cell,.jobcard-cell{color:#2d3748;font-weight:500;text-align:left!important}.type-cell{color:#4a5568;font-weight:400;text-align:left!important}.status-cell{font-weight:500;text-align:center!important}.balance-cell{color:#2d3748;font-weight:600;text-align:right!important}.sales-cell{color:#38a169}.expenses-cell,.sales-cell{font-weight:500;text-align:right!important}.expenses-cell{color:#e53e3e}.cashbook-table tfoot{background-color:#f7fafc;bottom:0;position:-webkit-sticky;position:sticky;z-index:9}.summary-row{font-weight:600}.summary-row td{background-color:#f7fafc!important;border-top:2px solid #e2e8f0;padding:16px 8px}.summary-label{font-size:16px;text-align:left!important}.sales-total{color:#38a169;font-size:15px}.expenses-total{color:#e53e3e;font-size:15px}@media (max-width:1200px){.cashbook-table-container{overflow-x:hidden}.cashbook-table{max-width:100%;width:100%}}@media (max-width:768px){.cashbook-page{padding:16px}.account-balances{gap:16px;grid-template-columns:repeat(2,1fr)}.date-filter{align-items:stretch;flex-direction:column;gap:16px}.filter-group{justify-content:space-between}.page-header h1{font-size:24px}.balance-amount{font-size:20px}}@media (max-width:480px){.account-balances{grid-template-columns:1fr}.cashbook-table td,.cashbook-table th{font-size:12px;padding:8px 4px}}.cashbook-page{background-color:#f5f5f5;color:#2d3748}.page-header h1{color:#2d3748}.page-header p{color:#718096}.balance-card,.cashbook-table-container,.date-filter{background:#fff;border-color:#e2e8f0}.balance-card h3{color:#4a5568}.balance-amount{color:#2d3748}.filter-group label{color:#4a5568}.filter-group input{background-color:#fff;color:#2d3748}.cashbook-table td,.cashbook-table th,.filter-group input{border-color:#e2e8f0}.header-row th{background-color:#f7fafc;color:#2d3748}.sub-header-row th{background-color:#edf2f7;color:#4a5568}.transaction-row{background-color:#fff}.transaction-row:nth-child(2n){background-color:#f8f9fa}.transaction-row:hover{background-color:#e6fffa}.balance-cell,.date-cell{color:#2d3748}.summary-row{background-color:#f7fafc!important}.summary-label{color:#2d3748}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#28a745;height:50px;margin:0 auto 20px;width:50px}.loading-container{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px}.loading-text{color:#666;font-size:16px;font-weight:500}.pagination-container{align-items:center;background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:20px;padding:20px}.pagination-info{color:#4a5568;font-size:14px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-btn{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#2c5aa0}.pagination-btn:disabled{background-color:#cbd5e0;cursor:not-allowed;opacity:.6}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 12px;transition:all .2s}.pagination-number:hover{background-color:#f7fafc;border-color:#3182ce}.pagination-number.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.pagination-ellipsis{color:#718096;font-size:14px;padding:8px 4px}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:15px}.pagination-controls,.pagination-numbers{flex-wrap:wrap;justify-content:center}}.assets-page{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:280px;min-height:100vh;padding:2rem;width:90%}.page-header{margin-bottom:2rem}.page-header h1{color:#1e293b;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.page-header p{color:#64748b;font-size:.95rem;margin:0}.assets-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2.5rem}.metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;gap:1.25rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;transform:translateY(-4px)}.metric-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.metric-card.slate .metric-icon-wrapper{background:#f1f5f9;color:#475569}.metric-card.green .metric-icon-wrapper{background:#dcfce7;color:#166534}.metric-card.yellow .metric-icon-wrapper{background:#fef9c3;color:#854d0e}.metric-card.blue .metric-icon-wrapper{background:#dbeafe;color:#1e40af}.metric-content{flex:1 1}.metric-title{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.metric-value{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.action-bar{gap:12px}.action-bar,.btn-icon-only{align-items:center;display:flex}.btn-icon-only{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon-only:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.btn-delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 8px -1px #2563eb4d;filter:brightness(110%);transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:.75rem 1.25rem;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.assets-table-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.assets-table{border-collapse:collapse;width:100%}.assets-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.assets-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem;padding:.75rem 1.5rem;vertical-align:middle}.assets-table tr:last-child td{border-bottom:none}.assets-table tr:hover td{background:#f8fafc}.font-medium{color:#1e293b;font-weight:600}.font-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.assets-table td:nth-child(5),.assets-table th:nth-child(5){min-width:180px;width:180px}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.status-badge.active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.maintenance{background:#fef9c3;border:1px solid #fef08a;color:#854d0e}.status-badge.inactive{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#e2e8f0;color:#334155}.edit-form{padding:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1.5rem}.form-group label{color:#475569;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569}.btn-cancel,.btn-save{cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-save{background:#0f172a;border:none;border-radius:10px;color:#fff}.btn-save:hover{background:#1e293b}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bank-details-page{background:#0000;margin-left:180px;min-height:100vh;padding:40px 20px;width:calc(100% - 20px)}.bank-details-container,.bank-details-page{align-items:center;display:flex;justify-content:center}.bank-details-container{flex-direction:column;margin:0 auto;max-width:1200px;text-align:center;width:100%}.bank-details-header{margin-bottom:50px;text-align:center}.bank-details-header h1{color:#2d3748;font-size:42px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.bank-details-header p{color:#718096;font-size:18px;margin:0}.bank-cards-grid{align-items:start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:fit-content}.bank-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:350px;min-width:280px;overflow:hidden;transition:all .3s ease}.bank-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-8px)}.bank-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #a9a9a9;border-radius:20px;display:flex;justify-content:center;min-height:180px;padding:40px 30px}.bank-card:first-child .bank-card-header,.bank-card:nth-child(2) .bank-card-header,.bank-card:nth-child(3) .bank-card-header{background:linear-gradient(135deg,#fff,#fff)}.bank-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:auto;max-height:120px;max-width:200px;object-fit:contain;width:auto}.bank-card-body{display:flex;flex:1 1;flex-direction:column;padding:35px 30px}.bank-name{color:#2d3748;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 25px;text-align:center}.bank-info{gap:20px}.bank-info,.bank-info-item{display:flex;flex-direction:column}.bank-info-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;gap:8px;padding:18px;transition:all .2s ease}.bank-info-item:hover{background:#edf2f7;border-color:#cbd5e0}.bank-info-label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bank-info-value{color:#2d3748;font-size:18px;font-weight:600;word-break:break-word}@media (max-width:1024px){.bank-details-page{margin-left:0;padding:30px 20px}.bank-cards-grid{gap:20px}.bank-card{max-width:300px;min-width:240px}}@media (max-width:768px){.bank-details-header h1{font-size:32px}.bank-details-header p{font-size:16px}.bank-cards-grid{gap:15px}.bank-card{max-width:250px;min-width:200px}.bank-card-header{min-height:150px;padding:30px 20px}.bank-logo{max-height:100px;max-width:150px}.bank-card-body{padding:25px 20px}.bank-name{font-size:24px;margin-bottom:20px}}@media (max-width:480px){.bank-details-page{padding:20px 15px}.bank-details-header{margin-bottom:30px}.bank-details-header h1{font-size:28px}.bank-card-header{min-height:120px;padding:25px 15px}.bank-logo{max-height:80px;max-width:120px}.bank-card-body{padding:20px 15px}.bank-name{font-size:22px}.bank-info-value{font-size:16px}}.notebook-whiteboard-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:280px;overflow:hidden;position:fixed;right:0;top:0}.whiteboard-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;color:#2d3748;display:flex;justify-content:space-between;padding:12px 20px;z-index:100}.toolbar-center,.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:12px}.toolbar-icon{color:#cbd5e0;cursor:pointer;transition:color .2s}.toolbar-icon:hover{color:#fff}.document-title-display{color:#2d3748;font-size:18px;font-weight:600;margin:0;padding:0}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.toolbar-btn:hover{background-color:#f7fafc;color:#2d3748}.whiteboard-canvas-container{background-color:#fff;cursor:default;flex:1 1;overflow:auto;position:relative}.whiteboard-canvas-container:active{cursor:move}.whiteboard-canvas-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.canvas-area{height:100%;min-height:2000px;min-width:2000px;position:relative;transform-origin:0 0;width:100%}.connections-layer{pointer-events:none;z-index:1}.connection-label{background-color:#ffffffe6;border-radius:4px;cursor:text;padding:2px 6px;pointer-events:auto}.canvas-node{border:2px solid;border-radius:8px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;cursor:move;display:flex;flex-direction:column;min-height:80px;min-width:100px;overflow:hidden;padding:12px;position:absolute;transition:box-shadow .2s;z-index:10}.canvas-node:hover{box-shadow:0 4px 12px #0003}.canvas-node.selected{border-width:3px;box-shadow:0 4px 16px #0000004d}.canvas-node.text-node{background:#0000;border:none;box-shadow:none;cursor:move;min-height:auto;min-width:auto;padding:4px 8px}.canvas-node.text-node.selected{border:1px dashed #4caf50;border-radius:4px;box-shadow:0 2px 8px #00000026}.text-node-content{cursor:text;-webkit-user-select:text;user-select:text;white-space:nowrap}.text-node-input{background:#fff;border:1px solid #4caf50;border-radius:4px;font-family:inherit;min-width:100px;outline:none;padding:4px 8px}.node-title{border-bottom:1px solid #0000001a;cursor:text;margin-bottom:8px;min-height:24px;padding-bottom:8px;-webkit-user-select:text;user-select:text}.node-title,.node-title-input{font-size:16px;font-weight:600}.node-title-input{background:#0000;border:none;border-bottom:1px solid #0003;font-family:inherit;margin:0 0 8px;outline:none;padding:0 0 8px;width:100%}.node-content{word-wrap:break-word;cursor:text;flex:1 1;overflow-wrap:break-word;overflow-y:auto;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.node-content,.node-textarea{font-size:14px;line-height:1.5;width:100%}.node-textarea{background:#0000;border:none;font-family:inherit;height:100%;margin:0;outline:none;padding:0;resize:none}.connection-handles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.connection-handle{background-color:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:crosshair;height:16px;opacity:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:all .2s;width:16px}.canvas-node.selected .connection-handle,.canvas-node:hover .connection-handle{opacity:1}.connection-handle:hover{background-color:#45a049;box-shadow:0 3px 6px #0000004d;transform:translate(-50%,-50%) scale(1.2)}.connection-handle-top{left:50%;top:0}.connection-handle-right{right:0;top:50%}.connection-handle-bottom{bottom:0;left:50%}.connection-handle-left{left:0;top:50%}.resize-handle{background:linear-gradient(-45deg,#0000 40%,currentColor 0,currentColor 60%,#0000 0);bottom:0;cursor:nwse-resize;height:20px;opacity:0;position:absolute;right:0;transition:opacity .2s;width:20px;z-index:15}.canvas-node.selected .resize-handle,.canvas-node:hover .resize-handle{opacity:.6}.resize-handle:hover{opacity:1}.node-controls{background-color:#2d3748e6;border-radius:6px;display:flex;gap:4px;padding:4px;position:absolute;right:0;top:-40px;z-index:20}.node-control-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s}.node-control-btn:hover{background-color:#fff3}.color-picker-container{align-items:center;display:flex;justify-content:center}.color-picker-input{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #fff;border-radius:4px;cursor:pointer;height:32px;padding:0;width:32px}.color-picker-input::-webkit-color-swatch-wrapper{border-radius:2px;padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-input::-moz-color-swatch{border:none;border-radius:2px}.whiteboard-bottom-toolbar{align-items:center;background-color:#fff;border-top:1px solid #e2e8f0;color:#2d3748;display:flex;justify-content:space-between;padding:12px 20px;z-index:100}.bottom-toolbar-left,.bottom-toolbar-right{align-items:center;display:flex;gap:8px}.toolbar-icon-btn,.zoom-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.toolbar-icon-btn:hover,.zoom-btn:hover{background-color:#f7fafc;color:#2d3748}.zoom-level{color:#718096;font-size:14px;min-width:50px;text-align:center}.node-type-selector{background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:8px;left:300px;max-width:200px;min-width:200px;padding:10px;position:fixed;top:80px;width:200px;z-index:200}.color-buttons-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.node-type-btn-small{background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;height:40px;padding:0;position:relative;transition:all .2s;width:100%}.node-type-btn-small:hover{border-color:#4caf50;transform:scale(1.05)}.node-type-btn-small.active{border-color:#4caf50;border-width:3px;box-shadow:0 2px 8px #4caf504d}.node-type-btn-small.active:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.node-type-btn{background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.node-type-btn:hover{border-color:#4caf50;transform:translateY(-2px)}.node-type-btn.active{border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.loading-overlay{background-color:#ffffffe6;bottom:0;flex-direction:column;justify-content:center;left:280px;right:0;top:0}.error-overlay,.loading-overlay{align-items:center;display:flex;position:fixed;z-index:1000}.error-overlay{gap:12px;left:300px;right:20px;top:60px}.error-banner{flex:1 1}.snackbar{animation:slideUp .3s ease-out;background-color:#323232;border-radius:4px;bottom:100px;box-shadow:0 3px 5px #0003;color:#fff;font-size:14px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.notebook-whiteboard-page{left:0}.node-type-selector{left:20px}.whiteboard-toolbar{flex-wrap:wrap;padding:8px 12px}.toolbar-center{justify-content:center;margin-top:8px;order:3;width:100%}}.canvas-node[style*="background-color: rgb(219, 234, 254)"]{background-color:#dbeafe!important;border-color:#93c5fd!important;color:#1e40af!important}.canvas-node[style*="background-color: rgb(254, 243, 199)"]{background-color:#fef3c7!important;border-color:#fcd34d!important;color:#92400e!important}.pm-header-with-filter{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.pm-filter-row{align-items:center;display:flex;gap:10px}.pm-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;min-width:100px;padding:8px 12px}.pm-filter-select:focus{border-color:#3182ce;outline:none}.pm-btn-refresh{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 14px;transition:background .2s,border-color .2s}.pm-btn-refresh:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pm-btn-refresh:disabled{cursor:not-allowed;opacity:.7}.pm-refresh-spin{animation:pm-spin .8s linear infinite}@keyframes pm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pm-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px;margin-top:8px}.pm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.pm-card-label{color:#718096;display:block;font-size:12px;margin-bottom:8px}.pm-card-value{color:#2d3748;font-size:18px;font-weight:700}.pm-card-net .pm-card-value{color:#2f855a}.pm-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.pm-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.pm-section-title{color:#2d3748;font-size:18px;font-weight:600;margin:0}.pm-btn-add{align-items:center;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.pm-btn-add:hover{background:#2c5282}.pm-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.pm-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}.pm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.pm-modal-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.pm-modal-close{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;padding:0 4px}.pm-modal-close:hover{color:#2d3748}.pm-modal-content form{padding:20px}.pm-modal-error{background:#fff5f5;border-radius:8px;color:#c53030;font-size:14px;padding:10px 12px}.pm-form-group,.pm-modal-error{margin-bottom:16px}.pm-form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.pm-form-group input,.pm-form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.pm-form-group input:focus,.pm-form-group select:focus{border-color:#3182ce;outline:none}.pm-edit-project-name{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px}.pm-edit-project-client{color:#718096;font-size:13px;margin:0}.pm-form-group input.pm-field-error,.pm-form-group select.pm-field-error{border-color:#e53e3e!important;box-shadow:0 0 0 2px #e53e3e40}.pm-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.pm-btn-cancel{background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.pm-btn-cancel:hover:not(:disabled){background:#cbd5e0}.pm-btn-save{background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px}.pm-btn-save:hover:not(:disabled){background:#2c5282}.pm-btn-cancel:disabled,.pm-btn-save:disabled{cursor:not-allowed;opacity:.7}.pm-empty{color:#718096;margin:0;padding:24px;text-align:center}.pm-hint{background:#f0fff4;border-radius:8px;color:#276749;font-size:13px;margin:12px 0 0;padding:12px}.pm-hint code{background:#c6f6d5;border-radius:4px;font-size:12px;padding:2px 6px}.pm-table-wrap{overflow-x:auto}.pm-table{border-collapse:collapse;font-size:14px;width:100%}.pm-table td,.pm-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.pm-table th{color:#2d3748;font-weight:600}.pm-table tbody tr:hover,.pm-table th{background:#f7fafc}.pm-row-clickable{cursor:pointer}.pm-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pm-margin-green{color:#2f855a;font-weight:600}.pm-margin-orange{color:#c05621;font-weight:600}.pm-margin-red{color:#c53030;font-weight:600}.pm-btn-edit{align-items:center;background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 10px;transition:background .2s}.pm-btn-edit:hover{background:#e2e8f0}.pm-detail-backdrop{animation:pm-fadeIn .2s ease-out;background:#00000059;inset:0;position:fixed;z-index:999}.pm-detail-panel{animation:pm-slideIn .25s ease-out;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:420px;position:fixed;right:0;top:0;width:100%;z-index:1000}@keyframes pm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pm-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.pm-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 16px}.pm-detail-title{color:#2d3748;font-size:18px;font-weight:600;margin:0;padding-right:12px}.pm-detail-close{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;padding:4px}.pm-detail-close:hover{background:#edf2f7;color:#2d3748}.pm-detail-body{flex:1 1;overflow-y:auto;padding:20px}.pm-detail-section{margin-bottom:24px}.pm-detail-section:last-child{margin-bottom:0}.pm-detail-section-title{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}.pm-detail-dl{grid-gap:8px 16px;display:grid;font-size:14px;gap:8px 16px;grid-template-columns:auto 1fr;margin:0}.pm-detail-dl dt{color:#718096;font-weight:500}.pm-detail-dl dd{color:#2d3748;margin:0}.pm-detail-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pm-detail-stat{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.pm-detail-stat-label{color:#718096;display:block;font-size:12px;margin-bottom:4px}.pm-detail-stat-value{font-feature-settings:"tnum";color:#2d3748;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600}.pm-detail-profit{color:#2f855a}.pm-detail-loss{color:#c53030}.pm-detail-empty{background:#f7fafc;border-radius:8px;color:#718096;font-size:14px;margin:0;padding:16px}.pm-detail-expenses-wrap{overflow-x:auto}.pm-detail-expenses-table{border-collapse:collapse;font-size:13px;width:100%}.pm-detail-expenses-table td,.pm-detail-expenses-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left}.pm-detail-expenses-table th{background:#f7fafc;color:#4a5568;font-weight:600}.pm-detail-expenses-total{color:#2d3748;font-size:14px;font-weight:600;margin:12px 0 0}.salaries-container{margin:0 auto;max-width:100%}.salaries-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.salaries-header-left h1{color:#2e7d32;font-size:24px;font-weight:700;margin:0 0 5px}.salaries-header-left p{color:#718096;font-size:14px;margin:0}.salaries-header-right{align-items:center;display:flex;gap:12px}.year-select-label{color:#718096;font-size:14px;font-weight:500}.year-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;min-width:80px;padding:8px 12px}.year-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.refresh-icon{border-radius:8px;color:#718096;cursor:pointer;padding:8px;transition:all .2s ease}.refresh-icon:hover{background-color:#4caf5026;color:#4caf50;transform:rotate(90deg)}.error-banner{background-color:#fed7d7;border-left:4px solid #e53e3e;border-radius:8px;color:#c53030;margin-bottom:20px;padding:12px 20px}.loading-state{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#cbd5e0;margin-bottom:20px}.empty-state h3{color:#2d3748;font-size:24px;margin:0 0 8px}.empty-state p{color:#718096;font-size:14px;margin:0}.salaries-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;max-width:100%;overflow-x:auto;overflow-y:visible}.salaries-page{background-color:#f5f5f5;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:20px;width:calc(100% - 280px)}.salaries-table{border-collapse:collapse;font-size:13px;min-width:-webkit-max-content;min-width:max-content;table-layout:fixed;width:100%}.salaries-table thead{background-color:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.salaries-table th{border:1px solid #e2e8f0;box-sizing:border-box;font-size:12px;font-weight:600;padding:12px 8px;text-align:left;text-transform:uppercase;white-space:nowrap}.salaries-table th.name-col,.salaries-table th.role-col{background-color:#ffe4cc;color:#7c2d12}.salaries-table th.name-col{background-color:#ffe4cc;z-index:15}.salaries-table td.name-col,.salaries-table th.name-col{left:50px;max-width:200px;min-width:200px;position:-webkit-sticky;position:sticky;width:200px}.salaries-table td.name-col{background-color:#fff;z-index:12}.salaries-table tbody tr.current-user-row td.name-col{background-color:#fef2f2}.salaries-table tbody tr.current-user-row:hover td.name-col{background-color:#fee2e2}.salaries-table tbody tr.total-row td.name-col,.salaries-table tbody tr:hover td.name-col{background-color:#f7fafc}.salaries-table th.role-col{background-color:#ffe4cc;z-index:15}.salaries-table td.role-col,.salaries-table th.role-col{border-right:2px solid #cbd5e0;left:250px;max-width:150px;min-width:150px;position:-webkit-sticky;position:sticky;width:150px}.salaries-table td.role-col{background-color:#fff;z-index:12}.salaries-table tbody tr.current-user-row td.role-col{background-color:#fef2f2;border-right:2px solid #cbd5e0}.salaries-table tbody tr.current-user-row:hover td.role-col{background-color:#fee2e2;border-right:2px solid #cbd5e0}.salaries-table tbody tr.total-row td.role-col,.salaries-table tbody tr:hover td.role-col{background-color:#f7fafc;border-right:2px solid #cbd5e0}.salaries-table td.month-col,.salaries-table th.month-col{max-width:110px;min-width:110px;width:110px}.salaries-table td.total-col,.salaries-table th.total-col{max-width:140px;min-width:140px;width:140px}.salaries-table th.month-col,.salaries-table th.total-col{background-color:#dbeafe;color:#1e40af;text-align:center}.salaries-table th.index-col{background-color:#f7fafc;color:#4a5568;z-index:15}.salaries-table td.index-col,.salaries-table th.index-col{left:0;max-width:50px;min-width:50px;position:-webkit-sticky;position:sticky;text-align:center;width:50px}.salaries-table td.index-col{background-color:#fff;z-index:12}.salaries-table tbody tr.current-user-row td.index-col{background-color:#fef2f2}.salaries-table tbody tr.current-user-row:hover td.index-col{background-color:#fee2e2}.salaries-table tbody tr.total-row td.index-col,.salaries-table tbody tr:hover td.index-col{background-color:#f7fafc}.salaries-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.salaries-table tbody tr:hover{background-color:#f7fafc}.salaries-table tbody tr.current-user-row{background-color:#fef2f2}.salaries-table tbody tr.current-user-row:hover{background-color:#fee2e2}.salaries-table td{border:1px solid #e2e8f0;box-sizing:border-box;padding:10px 8px;vertical-align:middle}.salaries-table td.index-col{color:#718096;font-weight:500}.salaries-table td.name-col{color:#2d3748;font-weight:500}.salaries-table td.name-col.current-user{color:#dc2626;font-weight:600}.salaries-table td.role-col{color:#4a5568}.salaries-table td.role-col.current-user{color:#dc2626;font-weight:600}.salaries-table td.month-col{color:#2d3748;font-family:Courier New,monospace;text-align:left}.salaries-table td.month-col.editable-cell{position:relative;transition:background-color .2s ease}.salaries-table td.month-col.editable-cell:hover{background-color:#f0f9ff}.salaries-table td.month-col .wage-input{background-color:#fff;border:2px solid #4caf50;border-radius:4px;color:#2d3748;font-family:Courier New,monospace;font-size:13px;outline:none;padding:4px 8px;width:100%}.salaries-table td.month-col .wage-input:focus{border-color:#2e7d32;box-shadow:0 0 0 2px #4caf5033}.salaries-table td.month-col .wage-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.salaries-table td.total-col{background-color:#f0f9ff;color:#2d3748;font-family:Courier New,monospace;font-weight:600;text-align:left}.salaries-table tbody tr.total-row{background-color:#f7fafc;border-top:2px solid #cbd5e0;font-weight:600}.salaries-table tbody tr.total-row:hover{background-color:#edf2f7}.salaries-table td.total-label-cell{background-color:#f7fafc;border-right:2px solid #cbd5e0;color:#2d3748;font-weight:600;left:50px;padding:10px 8px;position:-webkit-sticky;position:sticky;text-align:left;z-index:12}.salaries-table td.total-label-cell .total-label{display:inline-block}.salaries-table tr.total-row td.month-col,.salaries-table tr.total-row td.total-month-col{background-color:#f7fafc;font-weight:600;text-align:left}.salaries-table tr.total-row td.total-col{background-color:#dbeafe;color:#1e40af;font-weight:700}@media (max-width:768px){.salaries-page{padding:12px}.salaries-header{flex-direction:column;gap:16px;padding:16px}.salaries-table{font-size:11px}.salaries-table td,.salaries-table th{padding:8px 4px}}
/*# sourceMappingURL=main.3113caa2.css.map*/