html{font-size:90%}body{--primary:#007acc;--primary-dark:#005a9e;--primary-accent:#1e90ff;--primary-contrast:#fff;--primary-soft:#e6f7ff;--danger:#d32f2f;--danger-soft:#ffebee;--app-bg:#fff;--app-text:#1e1e1e;--muted-text:#606060;--surface:#fff;--surface-2:#f8f8f8;--border:#e0e0e0;--modal-bg:#fff;--modal-border:#e0e0e0;--sidebar-bg:#f3f3f3;--sidebar-border:#e0e0e0;--sidebar-text:var(--app-text);--sidebar-muted:var(--muted-text);--radius-md:10px;--header-bg:var(--primary);--header-border:var(--primary-dark);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 10px 28px #00000024;--overlay-bg:#00000080;--btn-radius:10px;--btn-primary-bg:var(--primary);--btn-primary-text:var(--primary-contrast);--btn-primary-hover-bg:var(--primary-dark);--btn-secondary-bg:var(--surface-2);--btn-secondary-text:var(--app-text);--btn-secondary-border:var(--border);--btn-secondary-hover-bg:#0000000d;--input-bg:var(--surface);--input-text:var(--app-text);--input-border:var(--border);--input-radius:10px;--input-focus-border:var(--primary);--input-focus-ring:0 0 0 3px #00000014}.save-btn{background:var(--btn-primary-bg)!important;border-radius:var(--btn-radius)!important;color:var(--btn-primary-text)!important}.save-btn:hover{background:var(--btn-primary-hover-bg)!important}.cancel-btn{background:var(--btn-secondary-bg)!important;border:1px solid var(--btn-secondary-border)!important;border-radius:var(--btn-radius)!important;color:var(--btn-secondary-text)!important}.cancel-btn:hover{background:var(--btn-secondary-hover-bg)!important}input,select,textarea{background-color:var(--input-bg);color:var(--input-text)}input:focus,select:focus,textarea:focus{box-shadow:var(--input-focus-ring)}body.theme-windows7{--primary:#2b579a;--primary-dark:#1e3e70;--primary-accent:#4f81bd;--primary-soft:#dcebfa;--app-bg:#fff;--app-text:#1e1e1e;--surface:#fff;--surface-2:#eef4fb;--border:#c7d5e6;--modal-bg:#fff;--modal-border:#c7d5e6;--sidebar-bg:#eaf2fb;--sidebar-border:#c7d5e6;--radius-md:8px;--header-bg:linear-gradient(180deg,#7db9e8,#3b78b5 45%,#2b579a);--header-border:#0000002e;--btn-radius:6px;--input-radius:6px;--input-focus-ring:0 0 0 3px #4f81bd40}body.theme-mac{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-accent:#60a5fa;--primary-soft:#dbeafe;--app-bg:#f5f5f7;--app-text:#1d1d1f;--muted-text:#6e6e73;--surface:#fff;--surface-2:#f2f2f7;--border:#e5e5ea;--modal-bg:#fff;--modal-border:#e5e5ea;--sidebar-bg:#fff;--sidebar-border:#e5e5ea;--radius-md:14px;--btn-radius:12px;--input-radius:12px;--shadow-sm:0 6px 16px #0000001a;--shadow-md:0 16px 40px #00000024;--overlay-bg:#00000059;--btn-secondary-hover-bg:rgba(0,0,0,.035);--input-focus-ring:0 0 0 4px #2563eb2e}body.theme-classic{--primary:#374151;--primary-dark:#111827;--primary-accent:#6b7280;--primary-soft:#e5e7eb;--app-bg:#fff;--app-text:#111827;--muted-text:#4b5563;--surface:#fff;--surface-2:#f9fafb;--border:#e5e7eb;--modal-bg:#fff;--modal-border:#e5e7eb;--sidebar-bg:#f3f4f6;--sidebar-border:#e5e7eb}body.theme-modern{--primary:#7c3aed;--primary-dark:#5b21b6;--primary-accent:#a78bfa;--primary-soft:#f3e8ff;--app-bg:#0b1220;--app-text:#e6e6e6;--muted-text:#b5b5b5;--surface:#111827;--surface-2:#0f172a;--border:#1f2937;--modal-bg:#111827;--modal-border:#1f2937;--sidebar-bg:#0f172a;--sidebar-border:#1f2937;--overlay-bg:#0009;--btn-secondary-bg:#ffffff0f;--btn-secondary-text:var(--app-text);--btn-secondary-border:#ffffff1a;--btn-secondary-hover-bg:#ffffff1a;--input-bg:#ffffff0f;--input-text:var(--app-text);--input-border:#ffffff1f;--input-focus-ring:0 0 0 4px #7c3aed40}body.theme-devexpress-blue{--primary:#0078d4;--primary-dark:#005a9e;--primary-accent:#4a9eff;--primary-soft:#e6f7ff;--app-bg:#fff;--app-text:#1e1e1e;--surface:#fff;--surface-2:#f8f8f8;--border:#e0e0e0;--modal-bg:#fff;--modal-border:#e0e0e0;--sidebar-bg:#f3f3f3;--sidebar-border:#e0e0e0}body.sidebar-bg-dark{--sidebar-bg:#2d2d30;--sidebar-border:#3f3f46;--sidebar-text:#ffffffdb;--sidebar-muted:#ffffff9e}.action-btn.delete-btn,.action-btn.edit-btn{align-items:center;background:#0000;border:1px solid;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;max-width:36px;min-width:36px;padding:0;transition:all .2s ease;width:36px}.action-btn.edit-btn{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.action-btn.edit-btn:hover{background:var(--primary);box-shadow:0 2px 4px #00000026;color:var(--primary-contrast);transform:translateY(-1px)}.action-btn.delete-btn{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.action-btn.delete-btn:hover{background:var(--danger);box-shadow:0 2px 4px #d32f2f33;color:var(--primary-contrast);transform:translateY(-1px)}body.dark-mode .action-btn.edit-btn{background:#094771;border-color:#4a9eff;color:#4a9eff}body.dark-mode .action-btn.edit-btn:hover{background:#007acc;color:#fff}body.dark-mode .action-btn.delete-btn{background:#3d1f1f;border-color:#ef5350;color:#ef5350}body.dark-mode .action-btn.delete-btn:hover{background:#d32f2f;color:#fff}.customers-table-container,.package-sales-table-container,.packages-table-container,.product-sales-table-container,.products-table-container,.report-table-container,.services-table-container,.staff-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.customers-table-container::-webkit-scrollbar,.package-sales-table-container::-webkit-scrollbar,.packages-table-container::-webkit-scrollbar,.product-sales-table-container::-webkit-scrollbar,.products-table-container::-webkit-scrollbar,.report-table-container::-webkit-scrollbar,.services-table-container::-webkit-scrollbar,.staff-table-container::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:8px}.customers-table-container::-webkit-scrollbar-track,.package-sales-table-container::-webkit-scrollbar-track,.packages-table-container::-webkit-scrollbar-track,.product-sales-table-container::-webkit-scrollbar-track,.products-table-container::-webkit-scrollbar-track,.report-table-container::-webkit-scrollbar-track,.services-table-container::-webkit-scrollbar-track,.staff-table-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.customers-table-container::-webkit-scrollbar-thumb,.package-sales-table-container::-webkit-scrollbar-thumb,.packages-table-container::-webkit-scrollbar-thumb,.product-sales-table-container::-webkit-scrollbar-thumb,.products-table-container::-webkit-scrollbar-thumb,.report-table-container::-webkit-scrollbar-thumb,.services-table-container::-webkit-scrollbar-thumb,.staff-table-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.customers-table-container::-webkit-scrollbar-thumb:hover,.package-sales-table-container::-webkit-scrollbar-thumb:hover,.packages-table-container::-webkit-scrollbar-thumb:hover,.product-sales-table-container::-webkit-scrollbar-thumb:hover,.products-table-container::-webkit-scrollbar-thumb:hover,.report-table-container::-webkit-scrollbar-thumb:hover,.services-table-container::-webkit-scrollbar-thumb:hover,.staff-table-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}body.dark-mode .customers-table-container::-webkit-scrollbar-track,body.dark-mode .package-sales-table-container::-webkit-scrollbar-track,body.dark-mode .packages-table-container::-webkit-scrollbar-track,body.dark-mode .product-sales-table-container::-webkit-scrollbar-track,body.dark-mode .products-table-container::-webkit-scrollbar-track,body.dark-mode .report-table-container::-webkit-scrollbar-track,body.dark-mode .services-table-container::-webkit-scrollbar-track,body.dark-mode .staff-table-container::-webkit-scrollbar-track,body.dark-mode .table-container::-webkit-scrollbar-track{background:#2d2d30}body.dark-mode .customers-table-container::-webkit-scrollbar-thumb,body.dark-mode .package-sales-table-container::-webkit-scrollbar-thumb,body.dark-mode .packages-table-container::-webkit-scrollbar-thumb,body.dark-mode .product-sales-table-container::-webkit-scrollbar-thumb,body.dark-mode .products-table-container::-webkit-scrollbar-thumb,body.dark-mode .report-table-container::-webkit-scrollbar-thumb,body.dark-mode .services-table-container::-webkit-scrollbar-thumb,body.dark-mode .staff-table-container::-webkit-scrollbar-thumb,body.dark-mode .table-container::-webkit-scrollbar-thumb{background:#007acc}body.dark-mode .customers-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .package-sales-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .packages-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .product-sales-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .products-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .report-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .services-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .staff-table-container::-webkit-scrollbar-thumb:hover,body.dark-mode .table-container::-webkit-scrollbar-thumb:hover{background:#4a9eff}body,html{height:100%;height:-webkit-fill-available}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-color:var(--app-bg);color:var(--app-text);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:100%;margin:0;overflow:auto;position:relative;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}button,input{font-family:inherit}@media (max-width:768px){.alert-modal-overlay,.change-history-overlay,.confirm-modal-overlay,.modal-overlay,.payment-form-overlay,.payment-modal-overlay,.payments-modal-overlay,.points-modal-overlay,.receivable-modal-overlay{padding:10px!important}.alert-modal,.change-history-modal,.confirm-modal,.modal-content,.payment-form-modal,.payment-modal,.payments-modal,.points-modal,.receivable-modal{margin:0 auto;max-width:95%!important;width:95%!important}.alert-modal-header,.change-history-modal .modal-header,.confirm-modal-header,.form-modal-header,.modal-header,.payment-modal-header,.payments-modal-header,.points-modal-header,.receivable-modal-header{flex-wrap:wrap;gap:12px;padding:16px!important}.alert-modal-header h2,.confirm-modal-header h2,.form-modal-header h2,.modal-header h2,.payment-modal-header h2,.payments-modal-header h2,.points-modal-header h2,.receivable-modal-header h2{font-size:1.1rem!important}.confirm-modal-form,.modal-form,.payment-modal-form,.points-modal-form,.receivable-modal-form{padding:16px!important}.form-row{flex-direction:column!important;gap:12px!important;grid-template-columns:1fr!important}.form-group{width:100%!important}.confirm-modal-actions,.modal-actions,.payment-modal-actions,.points-modal-actions,.receivable-modal-actions{flex-direction:column;gap:12px;padding:16px!important}.cancel-btn,.confirm-btn,.payment-btn,.save-btn{width:100%!important}.data-table,.history-table,.payments-table{display:block;overflow-x:auto}.data-table thead,.history-table thead,.payments-table thead{display:none}.data-table tbody,.history-table tbody,.payments-table tbody{display:block}.data-table tr,.history-table tr,.payments-table tr{border:1px solid #e0e0e0;border-radius:4px;display:block;margin-bottom:12px;padding:8px}.data-table td,.history-table td,.payments-table td{border-bottom:none;display:block;padding:6px 0;text-align:right}.data-table td:before,.history-table td:before,.payments-table td:before{color:#606060;content:attr(data-label);float:left;font-weight:600}}@media (max-width:480px){.alert-modal-overlay,.change-history-overlay,.confirm-modal-overlay,.modal-overlay,.payment-form-overlay,.payment-modal-overlay,.payments-modal-overlay,.points-modal-overlay,.receivable-modal-overlay{padding:5px!important}.alert-modal,.change-history-modal,.confirm-modal,.modal-content,.payment-form-modal,.payment-modal,.payments-modal,.points-modal,.receivable-modal{max-height:95vh!important;max-width:100%!important;width:100%!important}.alert-modal-header,.change-history-modal .modal-header,.confirm-modal-header,.form-modal-header,.modal-header,.payment-modal-header,.payments-modal-header,.points-modal-header,.receivable-modal-header{padding:12px!important}.alert-modal-header h2,.confirm-modal-header h2,.form-modal-header h2,.modal-header h2,.payment-modal-header h2,.payments-modal-header h2,.points-modal-header h2,.receivable-modal-header h2{font-size:1rem!important}.confirm-modal-form,.modal-form,.payment-modal-form,.points-modal-form,.receivable-modal-form{padding:12px!important}}@media (max-width:768px){.adisyonlar-page,.appointments-page,.cash-report-page,.customers-page,.package-sales-page,.packages-page,.product-sales-page,.products-page,.services-page,.staff-page,.staff-report-page{margin-left:0!important;padding:15px!important}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-actions{flex-direction:column;gap:8px;width:100%}.add-btn,.new-btn,.search-box{width:100%}.toolbar{flex-direction:column;gap:12px}.toolbar-left,.toolbar-right{justify-content:flex-start;width:100%}body.dark-mode .data-table tr,body.dark-mode .history-table tr,body.dark-mode .payments-table tr{border-color:#3f3f46}body.dark-mode .data-table td:before,body.dark-mode .history-table td:before,body.dark-mode .payments-table td:before{color:#999}}*{box-sizing:border-box}.App{background-color:#fff;min-height:100vh;transition:background-color .3s ease}.App,.main-content{display:flex;flex-direction:column}.main-content{flex:1 1;margin-left:0;margin-top:75px;min-height:calc(100vh - 75px);overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.page-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:100%;min-height:100%;padding:20px;width:100%}@media (max-width:768px){.page-content{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.download-btn,.refresh-btn,.settings-btn,.toolbar-btn-icon.refresh-btn,.toolbar-btn-icon.settings-btn,.toolbar-btn.download-btn{display:none!important}button.btn-secondary:has(span.btn-icon:contains("↻")),button.btn-secondary[title=Yenile]{display:none!important}.btn-secondary:has(.btn-icon:contains("↻")){display:none!important}button[title=Yenile].btn-secondary{display:none!important}.alert-modal-overlay,.appointment-modal-overlay,.change-history-overlay,.collection-modal-overlay,.confirm-modal-overlay,.customer-modal-overlay,.membership-payment-modal-overlay,.modal-overlay,.package-payment-form-modal-overlay,.package-sale-modal-overlay,.package-usage-modal-overlay,.package-usages-modal-overlay,.password-change-modal-overlay,.payable-modal-overlay,.payment-form-overlay,.payment-modal-overlay,.payments-modal-overlay,.points-modal-overlay,.premium-details-modal-overlay,.product-modal-overlay,.product-sale-modal-overlay,.quick-summary-modal-overlay,.receivable-modal-overlay,.search-record-modal-overlay,.staff-modal-overlay,.staff-payable-modal-overlay,[class*=-overlay],[class*=modal-overlay]{z-index:10000!important}[class*=-modal]:not(.mobile-header),[class*=modal-content]{position:relative;z-index:10001!important}}.page-content h1{color:#1e1e1e;font-weight:600;margin-bottom:10px}.page-content p{color:#606060}body.dark-mode{color:#ccc}body.dark-mode,body.dark-mode .App{background-color:#1e1e1e}body.dark-mode .main-content{background-color:#1a1a1a}body.dark-mode .page-content h1{color:#ccc}body.dark-mode .page-content p{color:grey}.modal-content{box-shadow:0 4px 16px #0003;max-width:100%}@media (min-width:768px){.main-content{margin-left:0;transition:margin-left .3s ease;width:100%}.main-content.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.customers-page,.products-page,.staff-page{margin-left:0;width:100%}}.header{background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 2px 4px #0000001a;height:75px;height:calc(75px + env(safe-area-inset-top));left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;z-index:1001}body.theme-windows7 .header{box-shadow:0 6px 18px #0000002e}body.theme-windows7 .header-container{-webkit-backdrop-filter:saturate(1.2) blur(3px);backdrop-filter:saturate(1.2) blur(3px)}.header-container{align-items:center;display:flex;gap:20px;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 20px}.header-left{align-items:center;flex:1 1;gap:16px;min-width:0}.menu-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.menu-toggle-btn:hover{background:#ffffff1a}.hamburger-icon{background:#fff;border-radius:1px;display:block;height:2px;transition:all .2s ease;width:20px}.logo-section{border-right:1px solid #fff3;gap:12px;padding-right:20px}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:var(--primary-accent);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.9rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.5px;width:40px}.logo-text{display:flex;flex-direction:column;gap:2px}.location-badge{color:var(--primary);font-size:.85em;font-weight:500;margin-left:4px}body.dark-mode .location-badge{color:#4ec9b0}.logo-title{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:-.2px}.logo-subtitle{color:#fffc;font-size:.7rem;font-weight:400;letter-spacing:.2px}.search-container{flex:1 1;max-width:500px;min-width:250px;position:relative}.search-input{border:2px solid #fff!important;box-shadow:0 2px 6px #00000026;color:#1e1e1e!important;padding:11px 45px 11px 18px;transition:all .25s ease}.search-input,.search-input:focus{background:#fff!important;background-color:#fff!important}.search-input:focus{border-color:#fff!important;box-shadow:0 0 0 3px #fff6,0 4px 12px #0003;transform:translateY(-1px)}.search-input:hover{background:#fff!important;background-color:#fff!important}.search-input::placeholder{color:grey;font-weight:400}.search-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-icon-btn:hover{background:#00000014}.search-icon-btn:hover,.search-input:focus+.search-icon-btn{color:var(--primary-dark)}.search-results-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.theme-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10050}.theme-modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;box-shadow:0 16px 48px #00000040;overflow:hidden;width:min(760px,96vw)}body.dark-mode .theme-modal{background:#2d2d30;border-color:#3f3f46}.theme-modal-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:14px 16px}body.dark-mode .theme-modal-header{border-bottom-color:#ffffff14}.theme-modal-title{color:var(--app-text);font-size:1.05rem;font-weight:700}body.dark-mode .theme-modal-title{color:#e6e6e6}.theme-modal-close{background:#0000;border:none;border-radius:8px;color:#606060;cursor:pointer;font-size:1.3rem;height:34px;width:34px}.theme-modal-close:hover{background:#0000000f}body.dark-mode .theme-modal-close{color:#ccc}body.dark-mode .theme-modal-close:hover{background:#ffffff14}.theme-modal-subtitle{color:var(--muted-text);font-size:.9rem;padding:10px 16px 0}.theme-modal-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px 0}.theme-control-label{color:var(--app-text);font-size:.9rem;font-weight:700}body.dark-mode .theme-control-label{color:#e6e6e6}.theme-control-segment{background:#00000008;border:1px solid #0000001f;border-radius:10px;display:inline-flex;gap:6px;padding:4px}body.dark-mode .theme-control-segment{background:#ffffff0f;border-color:#ffffff24}.theme-seg-btn{background:#0000;border:none;border-radius:8px;color:#606060;cursor:pointer;font-weight:700;padding:8px 12px}body.dark-mode .theme-seg-btn{color:#b5b5b5}.theme-seg-btn.active{background:var(--primary-soft);color:var(--primary)}body.dark-mode .theme-modal-subtitle{color:#b5b5b5}.theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:16px}.theme-card{background:#0000;border:1px solid #0000001f;border-radius:12px;cursor:pointer;padding:10px;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}body.dark-mode .theme-card{border-color:#ffffff24}.theme-card:hover{border-color:#00000038;box-shadow:0 10px 24px #00000026;transform:translateY(-2px)}body.dark-mode .theme-card:hover{border-color:#ffffff42}.theme-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #0000000f}.theme-preview{border:1px solid #00000014;border-radius:10px;overflow:hidden}body.dark-mode .theme-preview{border-color:#ffffff1a}.theme-preview-header{height:18px}.theme-preview-body{display:grid;grid-template-columns:38% 62%;height:58px}.theme-preview-sidebar{border-right:1px solid #00000014}body.dark-mode .theme-preview-sidebar{border-right-color:#ffffff1a}.theme-preview-content{background:linear-gradient(180deg,#00000008,#0000)}body.dark-mode .theme-preview-content{background:linear-gradient(180deg,#ffffff0f,#fff0)}.theme-card-footer{align-items:center;display:flex;justify-content:space-between;padding-top:10px}.theme-card-name{color:var(--app-text);font-size:.95rem;font-weight:700}body.dark-mode .theme-card-name{color:#e6e6e6}.theme-card-badge{background:var(--primary-soft);border-radius:999px;color:var(--primary);font-size:.75rem;font-weight:700;padding:3px 8px}.search-results-header{background:#f8f8f8;border-bottom:1px solid #e0e0e0;color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.search-results-list{max-height:320px;overflow-y:auto}.search-result-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:all .2s}.search-result-item:hover{background:#f3f3f3}.search-result-item:last-child{border-bottom:none}.search-result-name{color:#1e1e1e;font-size:.95rem;font-weight:600;margin-bottom:4px}.search-result-details{color:#666;font-size:.85rem}.header-right{gap:8px}.header-icon-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-icon-btn.add-btn{background:#ffffff1a;border:1px solid #fff3}.header-icon-btn.agenda-btn,.header-icon-btn.settings-btn{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:4px;height:40px;padding:0;width:40px}.header-icon-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.header-icon-btn.active{background:#ffffff40;border-color:#fff6}.notification-section{position:relative}.notification-btn .badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #0000004d;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 5px;position:absolute;right:-4px;top:-4px;z-index:10}.notification-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #cccedb;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:500px;max-width:400px;min-width:320px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.notification-header{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:16px 18px}.notification-header h3{color:#1e1e1e;font-size:.95rem;font-weight:600;margin:0}.notification-content{max-height:400px;overflow-y:auto;padding:8px 0}.notification-empty{color:grey;font-size:.9rem;font-style:italic;padding:24px 18px;text-align:center}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 18px;transition:background .15s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9f9f9}.notification-time{color:#007acc;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:60px}.notification-details{flex:1 1;min-width:0}.notification-customer{color:#1e1e1e;font-size:.9rem;font-weight:500;margin-bottom:4px}.notification-services{color:#606060;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-attendance-group{align-items:center;display:flex;flex-shrink:0;gap:4px}.notification-attendance-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;color:#606060;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.notification-attendance-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.notification-attendance-btn.active{background:#007acc;border-color:#007acc;color:#fff}.add-menu-section{position:relative}.add-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 2px 4px #00000014;min-width:240px;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.add-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:2px;padding:8px 10px;text-align:left;transition:all .2s ease;width:100%}.add-menu-item:hover{background:#f0f9ff;color:#007acc;transform:translateX(2px)}.add-menu-icon{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;text-align:center;transition:all .2s ease;width:32px}.add-menu-item:hover .add-menu-icon{background:#e0f2fe;transform:scale(1.08)}.add-menu-label{color:inherit;flex:1 1}.profile-section{margin-left:8px;position:relative}.profile-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:6px 10px 6px 6px;transition:all .2s ease}.profile-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.profile-avatar{align-items:center;background:#1e90ff;border-radius:4px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.profile-avatar-img{border-radius:4px;height:100%;width:100%}.profile-info{align-items:flex-start;display:flex;flex-direction:column}.profile-name{color:#fff;font-size:.9rem;font-weight:600;line-height:1.3}.profile-role{color:#fffc;font-size:.75rem;line-height:1.2}.profile-chevron{color:#fffc;font-size:.7rem;margin-left:4px;transition:transform .2s}.profile-btn:hover .profile-chevron{transform:translateY(1px)}.profile-menu{background:#fff;border:1px solid #cccedb;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.profile-menu-item{align-items:center;background:none;border:none;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;font-weight:400;gap:10px;padding:10px 14px;text-align:left;transition:all .15s;width:100%}.profile-menu-item:hover{background:#e6f7ff;color:#007acc}.profile-menu-item.logout{color:#d32f2f}.profile-menu-item.logout:hover{background:#ffebee;color:#c62828}.menu-icon{font-size:1rem;text-align:center;width:18px}.menu-divider{background:#e0e0e0;height:1px;margin:4px 0}body.dark-mode .header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .logo-section{border-right-color:#ffffff1a}body.dark-mode .logo-icon{background:#007acc}body.dark-mode .search-input{border-color:#ffffff4d;box-shadow:0 2px 6px #0000004d}body.dark-mode .search-input:focus{background:#2d2d30;border-color:#fff;box-shadow:0 0 0 3px #fff3,0 4px 12px #0006}body.dark-mode .search-icon-btn{color:#4a9eff}body.dark-mode .search-icon-btn:hover{background:#4a9eff26;color:#fff}body.dark-mode .search-input:focus+.search-icon-btn{color:#fff}body.dark-mode .search-results-dropdown{background:#252526;border-color:#3f3f46;box-shadow:0 4px 16px #0006}body.dark-mode .search-results-header{background:#2d2d30;border-bottom-color:#3f3f46;color:#999}body.dark-mode .search-result-item{border-bottom-color:#3f3f46}body.dark-mode .search-result-item:hover{background:#2d2d30}body.dark-mode .search-result-name{color:#ccc}body.dark-mode .search-result-details{color:#999}body.dark-mode .header-icon-btn{background:#ffffff14;border-color:#ffffff26}body.dark-mode .header-icon-btn:hover{background:#ffffff26;border-color:#ffffff40}body.dark-mode .add-menu,body.dark-mode .profile-menu{background:#252526;border-color:#3f3f46;box-shadow:0 4px 16px #0006,0 2px 4px #0003}body.dark-mode .add-menu-item,body.dark-mode .profile-menu-item{color:#ccc}body.dark-mode .add-menu-item:hover,body.dark-mode .profile-menu-item:hover{background:#2d2d30;color:#4a9eff}body.dark-mode .add-menu-icon{background:#2d2d30}body.dark-mode .add-menu-item:hover .add-menu-icon{background:#1e3a5f}body.dark-mode .profile-btn{background:#ffffff14;border-color:#ffffff26}body.dark-mode .profile-btn:hover{background:#ffffff26;border-color:#ffffff40}body.dark-mode .menu-divider{background:#3f3f46}body.dark-mode .notification-dropdown{background:#2d2d30;border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}body.dark-mode .notification-header{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .notification-header h3{color:#ccc}body.dark-mode .notification-empty{color:grey}body.dark-mode .notification-item{border-bottom-color:#3f3f46}body.dark-mode .notification-item:hover{background:#3f3f46}body.dark-mode .notification-time{color:#4a9eff}body.dark-mode .notification-customer{color:#ccc}body.dark-mode .notification-services{color:grey}body.dark-mode .notification-attendance-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .notification-attendance-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .notification-attendance-btn.active{background:#007acc;border-color:#007acc;color:#fff}@media (max-width:1024px){.logo-text{display:none}.logo-section{border-right:none;padding-right:0}}@media (max-width:768px){.header{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:calc(70px + env(safe-area-inset-top));position:fixed;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.header-container{align-items:center;display:flex;height:70px;min-height:70px;padding:env(safe-area-inset-top) 15px 0}.search-container{max-width:200px}.logo-section,.profile-info{display:none}.header-icon-btn{height:36px;width:36px}}.mobile-overlay{z-index:1000}.mobile-close-btn{border-radius:4px;font-size:1.8rem;font-weight:300;height:32px;line-height:1;padding:0;transition:all .2s ease;width:32px}.mobile-close-btn:hover{background:#e0e0e0;color:#1e1e1e}.add-menu.mobile,.notification-dropdown.mobile,.profile-menu.mobile{animation:slideUp .3s ease;border-bottom:none;border-left:none;border-radius:0;border-right:none;bottom:0;box-shadow:0 -4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:calc(100vh - 75px);max-width:100%;min-width:auto;position:fixed;right:0;top:75px;width:100%;z-index:1002}.add-menu.mobile,.notification-dropdown.mobile .notification-content,.profile-menu.mobile{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0}.notification-dropdown.mobile .notification-item{border-bottom:1px solid #f0f0f0;font-size:1rem;padding:16px 20px}.notification-dropdown.mobile .notification-time{font-size:1rem;min-width:70px}.notification-dropdown.mobile .notification-customer{font-size:1rem;margin-bottom:6px}.notification-dropdown.mobile .notification-services{font-size:.9rem}.add-menu.mobile .add-menu-item{border-bottom:1px solid #f0f0f0;font-size:1rem;margin-bottom:0;padding:18px 20px}.add-menu.mobile .add-menu-icon{font-size:1.5rem;height:40px;width:40px}.profile-menu.mobile .profile-menu-item{border-bottom:1px solid #f0f0f0;font-size:1rem;padding:18px 20px}.profile-menu.mobile .menu-icon{font-size:1.3rem;width:24px}body.dark-mode .mobile-overlay{background:#000000b3}body.dark-mode .mobile-close-btn:hover{background:#3f3f46;color:#fff}@media (max-width:768px){body:has(.sidebar.open) .search-container{display:none}}@media (max-width:480px){.search-container{display:none}.add-menu:not(.mobile){min-width:240px;right:-10px}}.mobile-app-container{background:#f5f5f5;display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;left:0;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;width:100%}.mobile-app-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:60px;position:relative}.mobile-content-wrapper{box-sizing:border-box;min-height:100%;padding:16px;width:100%}.mobile-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px;padding:12px}.mobile-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.mobile-card-title{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0}.mobile-card-content{padding:0}body.dark-mode .mobile-app-container{background:#1e1e1e}body.dark-mode .mobile-card{background:#2d2d30;border-color:#3f3f46;box-shadow:0 2px 8px #0000004d}body.dark-mode .mobile-card-title{color:#ccc}body.dark-mode .mobile-card-header{border-bottom-color:#3f3f46}.mobile-page-title{color:#1e1e1e;font-size:1.5rem;font-weight:700;margin:0 0 20px;padding:0}body.dark-mode .mobile-page-title{color:#ccc}.mobile-empty-state{color:grey;padding:60px 20px;text-align:center}.mobile-empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.mobile-empty-state-text{font-size:16px;margin-bottom:24px}.mobile-empty-state-button{background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:12px 24px;touch-action:manipulation}.mobile-empty-state-button:active{opacity:.9;transform:scale(.98)}.mobile-loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.mobile-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top:3px solid var(--primary);height:40px;width:40px}.mobile-app-content::-webkit-scrollbar{background:#0000;width:0}.mobile-pull-to-refresh{color:grey;font-size:14px;padding:16px;text-align:center}.mobile-header{background:var(--primary);box-shadow:0 2px 8px #0000001a;height:60px;height:calc(60px + env(safe-area-inset-top));left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;transition:box-shadow .2s;z-index:999}.mobile-header.scrolled{box-shadow:0 4px 12px #00000026}.mobile-header-container{height:60px;justify-content:space-between;padding:0 16px;z-index:1000}.mobile-header-container,.mobile-header-left{align-items:center;display:flex;gap:12px;pointer-events:auto;position:relative}.mobile-header-left{flex:1 1;min-width:0;z-index:1001}.mobile-menu-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff26;border:none;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;pointer-events:auto;position:relative;touch-action:manipulation;transition:background .2s;width:44px;z-index:1001}.mobile-menu-btn:active{background:#ffffff40;transform:scale(.95)}.mobile-menu-icon{color:#fff;font-size:20px;font-weight:600}.mobile-logo{flex:1 1;min-width:0}.mobile-logo-text{color:#fff;display:block;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-location-badge{font-size:.85rem;font-weight:500;opacity:.9}.mobile-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.mobile-header-icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff26;border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:auto;position:relative;touch-action:manipulation;transition:background .2s;width:44px;z-index:10}.mobile-header-icon-btn:active{background:#ffffff40;transform:scale(.95)}.mobile-header-icon{color:#fff;font-size:20px}.mobile-header-badge{background:#ff3b30;border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.mobile-overlay{animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.mobile-overlay:has(+.mobile-profile-menu),.mobile-profile-menu+.mobile-overlay{z-index:1001}.mobile-notifications-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff;bottom:0;box-shadow:0 -4px 12px #00000026;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:calc(60px + env(safe-area-inset-top));z-index:1002}.mobile-dropdown-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.mobile-dropdown-header h3{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0}.mobile-close-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#606060;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;touch-action:manipulation;transition:background .2s;width:44px}.mobile-close-btn:active{background:#e0e0e0}.mobile-notifications-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0}.mobile-notification-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:16px 20px;touch-action:manipulation;transition:background .2s}.mobile-notification-item:active{background:#f5f5f5}.mobile-notification-time{color:var(--primary);flex-shrink:0;font-size:.9rem;font-weight:600;min-width:50px}.mobile-notification-details{flex:1 1;min-width:0}.mobile-notification-customer{color:#1e1e1e;font-size:1rem;font-weight:500;margin-bottom:4px}.mobile-notification-services{color:grey;font-size:.85rem}body.dark-mode .mobile-notifications-dropdown{background:#2d2d30}body.dark-mode .mobile-dropdown-header{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .mobile-close-btn,body.dark-mode .mobile-dropdown-header h3{color:#ccc}body.dark-mode .mobile-close-btn:active{background:#3f3f46}body.dark-mode .mobile-notification-item{border-bottom-color:#3f3f46}body.dark-mode .mobile-notification-item:active{background:#3f3f46}body.dark-mode .mobile-notification-customer{color:#ccc}body.dark-mode .mobile-notification-services{color:grey}.mobile-profile-menu{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff;bottom:0;box-shadow:0 -4px 12px #00000026;display:flex;flex-direction:column;left:0;pointer-events:auto;position:fixed;right:0;top:calc(60px + env(safe-area-inset-top));z-index:1002!important}.mobile-profile-menu-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0}.mobile-profile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:12px;padding:18px 20px;text-align:left;touch-action:manipulation;transition:all .15s;width:100%}.mobile-profile-menu-item:active{background:#f5f5f5}.mobile-profile-menu-item-logout{color:#d32f2f}.mobile-profile-menu-item-logout:active{background:#ffebee;color:#c62828}.mobile-menu-icon{flex-shrink:0;font-size:1.3rem;text-align:center;width:24px}.mobile-menu-divider{background:#e0e0e0;height:1px;margin:8px 0}body.dark-mode .mobile-profile-menu{background:#2d2d30}body.dark-mode .mobile-profile-menu-item{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .mobile-profile-menu-item:active{background:#3f3f46}body.dark-mode .mobile-profile-menu-item-logout{color:#ff6b6b}body.dark-mode .mobile-profile-menu-item-logout:active{background:#ff6b6b1a}body.dark-mode .mobile-menu-divider{background:#3f3f46}.sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;height:100%;left:0;opacity:0;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:998}.sidebar-overlay.active{opacity:1;pointer-events:auto;visibility:visible}@media (max-width:768px){.sidebar-overlay{z-index:998}.sidebar-overlay.active{pointer-events:auto;z-index:1001!important}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;left:0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1001}@media (max-width:768px){.sidebar:not(.mobile){z-index:1000}}body.sidebar-bg-dark .sidebar{box-shadow:2px 0 14px #00000059}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.sidebar.open{transform:translateX(0)}@media (min-width:768px){.sidebar{height:calc(100vh - 75px);position:fixed;top:75px;transform:translateX(-100%);z-index:998}.sidebar.open{transform:translateX(0)}}.sidebar-close-btn-mobile{align-items:center;background:#eee;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:flex-end;min-height:60px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}body.sidebar-bg-dark .sidebar-close-btn-mobile{background:#ffffff0a;border-bottom-color:#ffffff1a}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--sidebar-muted);cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:44px;justify-content:center;line-height:1;padding:0;touch-action:manipulation;transition:all .2s ease;width:44px}.sidebar-close-btn:active{background:#0000001a;transform:scale(.95)}.sidebar-close-btn:hover{background:#d0d0d0}.sidebar-close-btn:hover,body.sidebar-bg-dark .sidebar-close-btn{color:var(--sidebar-text)}body.sidebar-bg-dark .sidebar-close-btn:hover{background:#ffffff14;color:#fff}.sidebar-nav{flex:1 1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:8px 6px}.sidebar-item,.sidebar-nav{display:flex;pointer-events:auto;position:relative;z-index:1}.sidebar-item{align-items:center;background:none;border:none;border-radius:0;color:var(--sidebar-text);cursor:pointer;font-size:.85rem;font-weight:400;gap:10px;margin-bottom:0;overflow:hidden;padding:8px 10px;text-align:left;transition:all .2s ease;width:100%}.sidebar-item:before{background:var(--primary);content:"";height:0;left:0;position:absolute;top:0;transition:height .2s ease;width:3px}.sidebar-item:hover{background:#e8e8e8}.sidebar-item:hover,body.sidebar-bg-dark .sidebar-item{color:var(--sidebar-text)}body.sidebar-bg-dark .sidebar-item:hover{background:#ffffff14;color:var(--sidebar-text)}.sidebar-item:hover:before{height:100%}.sidebar-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}body.sidebar-bg-dark .sidebar-item.active{background:#ffffff1a;color:var(--sidebar-text)}.sidebar-item.active:before{height:100%}.sidebar-icon-wrapper{align-items:center;background:#e0e0e0;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}body.sidebar-bg-dark .sidebar-icon-wrapper{background:#ffffff1a}.sidebar-item.active .sidebar-icon-wrapper,.sidebar-item:hover .sidebar-icon-wrapper{background:#b8d9f0;transform:scale(1.02)}body.sidebar-bg-dark .sidebar-item.active .sidebar-icon-wrapper,body.sidebar-bg-dark .sidebar-item:hover .sidebar-icon-wrapper{background:#ffffff24}.sidebar-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.sidebar-label{flex:1 1;text-align:left}.sidebar-active-indicator{background:var(--primary);border-radius:50%;flex-shrink:0;height:5px;width:5px}.sidebar-divider{background:#e0e0e0;flex-shrink:0;height:1px;margin:4px 10px}body.sidebar-bg-dark .sidebar-divider{background:#ffffff1a}.sidebar-header{align-items:center;color:var(--sidebar-muted);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-top:2px;padding:8px 10px 6px;text-transform:uppercase;transition:color .2s ease;-webkit-user-select:none;user-select:none}.sidebar-header:hover{color:var(--primary)}.sidebar-header-arrow{color:var(--sidebar-muted);font-size:.7rem;transition:transform .2s ease}body.dark-mode .sidebar{background:var(--sidebar-bg);border-right-color:var(--sidebar-border)}body.dark-mode .sidebar-close-btn{color:var(--sidebar-muted)}body.dark-mode .sidebar-item{color:var(--sidebar-text)}body.dark-mode .sidebar-item:hover{background:#ffffff14;color:var(--sidebar-text)}body.dark-mode .sidebar-item.active{background:#ffffff1a;color:var(--sidebar-text)}body.dark-mode .sidebar-item.active:before,body.dark-mode .sidebar-item:before{background:var(--primary)}body.dark-mode .sidebar-icon-wrapper{background:#ffffff1a}body.dark-mode .sidebar-item.active .sidebar-icon-wrapper,body.dark-mode .sidebar-item:hover .sidebar-icon-wrapper{background:#ffffff24}body.dark-mode .sidebar-active-indicator{background:var(--primary)}body.dark-mode .sidebar-divider{background:#ffffff1a}body.dark-mode .sidebar-header{color:var(--sidebar-muted)}body.dark-mode .sidebar-nav::-webkit-scrollbar-thumb{background:#505050}body.dark-mode .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#606060}.sidebar.mobile{background:#fff;box-shadow:4px 0 20px #00000026;height:100vh;height:-webkit-fill-available;isolation:isolate;left:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);pointer-events:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar.mobile,.sidebar.mobile.open{z-index:1003!important}.sidebar.mobile.open{transform:translateX(0)}.sidebar-mobile-search{background:#f8f8f8;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:12px 16px;position:relative}.sidebar-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1e1e1e;font-size:.9rem;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.sidebar-search-input:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a}.sidebar-search-icon{color:grey;font-size:1.1rem;pointer-events:none;position:absolute;right:28px;top:50%;transform:translateY(-50%)}.sidebar-nav.mobile-grid{grid-gap:10px;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:grid;flex:1 1;gap:10px;grid-auto-rows:minmax(80px,auto);grid-template-columns:repeat(3,1fr);min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px;width:100%}.sidebar-card{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:80px;overflow:hidden;padding:10px 6px;position:relative;transition:all .2s ease}.sidebar-card:active{box-shadow:0 1px 2px #0000001a;transform:scale(.95)}.sidebar-card.customer-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.sidebar-card.customer-card:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);border-color:#64b5f6}.sidebar-card-subtitle{color:#606060;font-size:.65rem;margin-top:-4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-card.customer-card .sidebar-card-subtitle{color:#1976d2;font-weight:500}.sidebar-search-section-header{border-bottom:1px solid #e0e0e0;color:#606060;font-size:.8rem;font-weight:600;grid-column:1/-1;letter-spacing:.5px;margin-bottom:8px;padding:12px 0 8px;text-transform:uppercase}.sidebar-card:hover{background:#f0f0f0;border-color:#007acc;box-shadow:0 4px 8px #007acc26;transform:translateY(-2px)}.sidebar-card.active{background:linear-gradient(135deg,#007acc,#005a9e);border-color:#007acc;box-shadow:0 4px 12px #007acc4d;color:#fff}.sidebar-card-icon{flex-shrink:0;font-size:1.8rem;line-height:1;margin-bottom:4px}@media (max-width:768px){.sidebar-card-icon{font-size:1.5rem}}.sidebar-card-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e1e1e;display:-webkit-box;font-size:.7rem;font-weight:500;line-height:1.2;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;width:100%}@media (max-width:768px){.sidebar-card-label{font-size:.65rem}}.sidebar-card.active .sidebar-card-label{color:#fff}.sidebar-card-active{background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;height:8px;position:absolute;right:8px;top:8px;width:8px}.sidebar.mobile .sidebar-divider{display:none}.sidebar.mobile .sidebar-header{background:#f0f0f0;border-radius:8px;color:#1e1e1e;font-size:.85rem;font-weight:600;grid-column:1/-1;margin:0;padding:12px}body.dark-mode .sidebar-mobile-search{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .sidebar-search-input{background:#1e1e1e;border-color:#3f3f46;color:#ccc}body.dark-mode .sidebar-search-input:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc33}body.dark-mode .sidebar-search-icon{color:grey}body.dark-mode .sidebar-card{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .sidebar-card:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .sidebar-card.active{background:linear-gradient(135deg,#007acc,#005a9e);border-color:#007acc}body.dark-mode .sidebar-card-label{color:#ccc}body.dark-mode .sidebar-card.active .sidebar-card-label{color:#fff}body.dark-mode .sidebar.mobile .sidebar-header{background:#3f3f46;color:#ccc}body.dark-mode .sidebar-card.customer-card{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-color:#3f5f8f}body.dark-mode .sidebar-card.customer-card:hover{background:linear-gradient(135deg,#2d4a6f,#3f5f8f);border-color:#4f6f9f}body.dark-mode .sidebar-card.customer-card .sidebar-card-subtitle{color:#90caf9}body.dark-mode .sidebar-search-section-header{border-bottom-color:#3f3f46;color:grey}@media (min-width:768px){.sidebar-overlay{display:none!important}.sidebar-close-btn-mobile,.sidebar.mobile{display:none}}.sidebar-logout-section{border-top:1px solid #e0e0e0;grid-column:1/-1;margin-top:8px;padding:12px 0}.sidebar-logout-btn{align-items:center;background:linear-gradient(135deg,#ff3b30,#e6392e);border:none;border-radius:12px;box-shadow:0 2px 6px #ff3b304d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 16px;touch-action:manipulation;transition:all .2s ease;width:100%}.sidebar-logout-btn:active{box-shadow:0 1px 3px #ff3b3066;transform:scale(.98)}.sidebar-logout-icon{font-size:1.2rem}.sidebar-logout-label{font-size:1rem}body.dark-mode .sidebar-logout-section{border-top-color:#3f3f46}body.dark-mode .sidebar-logout-btn{background:linear-gradient(135deg,#ff3b30,#d32f2f);box-shadow:0 2px 6px #ff3b3066}body.dark-mode .sidebar-logout-btn:active{box-shadow:0 1px 3px #ff3b3080}@media (max-width:767px){.sidebar:not(.mobile){height:100vh;position:fixed;top:0;transform:translateX(-100%)}.sidebar:not(.mobile).open{transform:translateX(0)}}.products-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.products-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.products-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.products-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.products-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.products-table th:first-child{max-width:50px;min-width:50px;padding-left:16px;padding-right:8px;width:50px}.products-table th:nth-child(2){max-width:200px;min-width:120px}.products-table th:nth-child(3){max-width:100px;min-width:100px;width:100px}.products-table th:nth-child(4){max-width:110px;min-width:110px;width:110px}.products-table th:nth-child(5){max-width:150px;min-width:100px}.products-table th:last-child{max-width:100px;min-width:100px;padding-right:16px;text-align:center;width:100px}.products-table th.sortable{cursor:pointer;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.products-table th.sortable:hover{background:#e6f7ff;color:#007acc}.products-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:all .15s ease}.products-table tbody tr:hover{background:#f8f8f8}.products-table tbody tr:last-child{border-bottom:none}.products-table td{word-wrap:break-word;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:12px 10px;vertical-align:middle}.products-table td:first-child{color:#606060;font-size:.8rem;font-weight:500;max-width:50px;min-width:50px;padding-left:16px;padding-right:8px;width:50px}.products-table td:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table td:nth-child(3){max-width:100px;min-width:100px;width:100px}.products-table td:nth-child(4){max-width:110px;min-width:110px;width:110px}.products-table td:nth-child(5){max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table td:last-child{max-width:100px;min-width:100px;padding-right:16px;text-align:center;width:100px}.product-name{color:#1e1e1e;display:block;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis}.product-name,.product-price{font-size:.875rem;white-space:nowrap}.product-price{color:#007acc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.product-barcode{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:3px;color:#606060;display:inline-block;font-family:Courier New,Monaco,monospace;max-width:100%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis}.product-barcode,.stock-badge{font-size:.8rem;white-space:nowrap}.stock-badge{align-items:center;border:1px solid;border-radius:3px;display:inline-flex;font-weight:600;letter-spacing:.2px;padding:4px 10px}.stock-badge.initial-stock{background:#e3f2fd;border-color:#90caf9;color:#1976d2}.stock-badge.sold-stock{background:#fff3e0;border-color:#ffb74d;color:#e65100}.stock-badge.sold-stock.clickable{cursor:pointer;transition:all .2s ease}.stock-badge.sold-stock.clickable:hover{background:#ffe0b2;border-color:#ff9800;transform:scale(1.05)}.stock-badge.in-stock{background:#e8f5e9;border-color:#81c784;color:#2e7d32}.stock-badge.low-stock{background:#fff3e0;border-color:#ffb74d;color:#e65100}.stock-badge.out-of-stock{background:#ffebee;border-color:#ef5350;color:#c62828}.products-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:auto;padding:12px 0 0}body.dark-mode .products-page{background-color:#1e1e1e;color:#ccc}body.dark-mode .products-toolbar{border-bottom-color:#3f3f46}body.dark-mode .products-table-container{background:#252526;border-color:#3f3f46;box-shadow:0 1px 3px #0000004d}body.dark-mode .products-table thead{background:#2d2d30}body.dark-mode .products-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .products-table th.sortable:hover{background:#094771;color:#4a9eff}body.dark-mode .products-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .products-table tbody tr:hover{background:#2d2d30}body.dark-mode .products-table td{color:#ccc}body.dark-mode .products-table td:first-child{color:grey}body.dark-mode .product-name{color:#ccc}body.dark-mode .product-price{color:#4a9eff}body.dark-mode .product-barcode{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .stock-badge.in-stock{background:#1b4332;border-color:#4caf50;color:#81c784}body.dark-mode .stock-badge.low-stock{background:#5d4037;border-color:#ff9800;color:#ffb74d}body.dark-mode .stock-badge.out-of-stock{background:#4e2727;border-color:#f44336;color:#ef5350}body.dark-mode .products-footer{border-top-color:#3f3f46}@media (max-width:768px){.products-page{margin-left:0;padding:15px;width:100%}.products-toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar-left{justify-content:stretch;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.toolbar-right{width:100%}.search-box{min-width:auto;width:100%}.products-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.products-table{min-width:700px}.products-table td,.products-table th{font-size:.8rem;padding:10px 8px}}@media (max-width:480px){.products-page{padding:12px}.products-table td,.products-table th{font-size:.75rem;padding:8px 6px}.products-footer{align-items:flex-start;flex-direction:column;gap:8px}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;height:32px;min-width:32px;padding:0 8px}}.modal-overlay{animation:fadeIn .2s ease;background-color:var(--overlay-bg)}.modal-content{animation:slideUp .2s ease;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:600px}.modal-content.modal-width-50{max-width:600px;width:50%}.modal-content.modal-width-60{max-width:800px;width:60%}.modal-content.modal-width-70{max-width:1200px;width:70%}.modal-content.modal-width-80{max-width:1400px;width:80%}.modal-header{align-items:center;background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2,.modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-header-actions{align-items:center;display:flex;gap:8px}.modal-close-btn{font-size:1.8rem;font-weight:300}.modal-close-btn,.modal-delete-btn{color:#fff;height:28px;transition:background-color .2s;width:28px}.modal-delete-btn{background:#0000;border:none;border-radius:3px;font-size:1.3rem;padding:0}.modal-delete-btn:hover{background-color:#f003}.modal-form{background:#0000}.modal-form-group{margin-bottom:20px}.modal-form-group label{color:var(--app-text);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);box-sizing:border-box;color:var(--input-text);font-size:.9rem;padding:10px;width:100%}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring);outline:none}.modal-footer{background:var(--surface-2);border-top:1px solid var(--border);gap:10px}.modal-btn{border:none;border-radius:var(--btn-radius);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.modal-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.modal-btn-primary:hover{background:var(--btn-primary-hover-bg)}.modal-btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.modal-btn-secondary:hover{background:var(--btn-secondary-hover-bg)}body.dark-mode .modal-header{background:linear-gradient(180deg,#007acc,#007acc);border-bottom-color:#f57c00}body.dark-mode .modal-form-group label{color:#ccc}body.dark-mode .modal-form-group input,body.dark-mode .modal-form-group select,body.dark-mode .modal-form-group textarea{background:#1e1e1e;border-color:#3f3f46;color:#ccc}body.dark-mode .modal-footer{background:#1e1e1e}body.dark-mode .modal-btn-secondary{background:#3f3f46;color:#ccc}body.dark-mode .modal-btn-secondary:hover{background:#4f4f56}.toggle-switch{display:inline-block!important;flex-shrink:0!important;height:26px!important;position:relative!important;width:50px!important}.toggle-switch input,.toggle-switch input[type=checkbox]{height:0!important;opacity:0!important;position:absolute!important;width:0!important}.toggle-slider{background-color:#d1d5db!important;border-radius:26px!important;bottom:0!important;cursor:pointer!important;left:0!important;position:absolute!important;right:0!important;top:0!important;transition:background-color .3s ease!important}.toggle-slider:before{background-color:#fff!important;border-radius:50%!important;bottom:auto!important;box-shadow:0 2px 4px #0003!important;content:""!important;height:20px!important;left:3px!important;position:absolute!important;top:3px!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transition:left .3s ease!important;translate:none!important;-webkit-translate:none!important;-moz-translate:none!important;-ms-translate:none!important;-o-translate:none!important;width:20px!important}.toggle-slider:after{content:none!important;display:none!important;height:0!important;opacity:0!important;visibility:hidden!important;width:0!important}.toggle-switch input:checked+.toggle-slider,.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#2563eb!important}.toggle-switch input:checked+.toggle-slider:before,.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{left:27px!important}.toggle-switch input:checked+.toggle-slider:before,.toggle-switch input:not(:checked)+.toggle-slider:before,.toggle-switch input[type=checkbox]:checked+.toggle-slider:before,.toggle-switch input[type=checkbox]:not(:checked)+.toggle-slider:before{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;translate:none!important;-webkit-translate:none!important;-moz-translate:none!important;-ms-translate:none!important;-o-translate:none!important}.toggle-switch input:not(:checked)+.toggle-slider:before,.toggle-switch input[type=checkbox]:not(:checked)+.toggle-slider:before{left:3px!important}.toggle-switch input:focus+.toggle-slider,.toggle-switch input[type=checkbox]:focus+.toggle-slider{outline:2px solid #2563eb;outline-offset:2px}.toggle-switch:hover .toggle-slider{background-color:#9ca3af}.toggle-switch:hover input:checked+.toggle-slider,.toggle-switch:hover input[type=checkbox]:checked+.toggle-slider{background-color:#1d4ed8}body.dark-mode .toggle-slider{background-color:#4b5563}body.dark-mode .toggle-switch input:checked+.toggle-slider,body.dark-mode .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#2563eb}body.dark-mode .toggle-slider:before{background-color:#f9fafb}body.dark-mode .toggle-switch:hover .toggle-slider{background-color:#6b7280}body.dark-mode .toggle-switch:hover input:checked+.toggle-slider,body.dark-mode .toggle-switch:hover input[type=checkbox]:checked+.toggle-slider{background-color:#1d4ed8}.form-group input{border:1px solid #cccedb;border-radius:3px;font-size:.9rem;padding:10px 12px;transition:all .2s}.form-group input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.price-input-wrapper{align-items:center;display:flex;position:relative}.price-input-wrapper input{padding-right:50px}.currency-badge{border:1px solid #e0e0e0;border-radius:3px;padding:6px 10px;position:absolute;right:12px}body.dark-mode .modal-content{background:#252526}body.dark-mode .form-group input{background:#2d2d30}body.dark-mode .form-group input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}@media (max-width:480px){.modal-content{margin:10px;width:95%}.modal-form{padding:16px}}.sales-history-modal-content{max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.sales-history-summary{background:#f3f3f3;border:1px solid #e0e0e0;border-radius:3px;display:flex;gap:24px;margin-bottom:20px;padding:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:.85rem}.summary-value{color:#007acc;font-size:1.1rem;font-weight:600}.sales-history-table-container{border:1px solid #e0e0e0;border-radius:3px;margin-bottom:20px;overflow:hidden}.sales-history-table{background:#fff;border-collapse:collapse;width:100%}.sales-history-table thead{background:#f3f3f3}.sales-history-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:12px 14px;text-align:left;text-transform:uppercase}.sales-history-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.sales-history-table tbody tr:hover{background:#f5f5f5}@media (max-width:768px){.sales-history-modal-content{max-width:95%;width:95%}.sales-history-summary{flex-direction:column;gap:12px}.sales-history-table-container{overflow-x:auto}.sales-history-table{min-width:600px}}@media (max-width:480px){.sales-history-modal-content{max-width:100%;width:100%}}.sales-history-table tbody tr:last-child{border-bottom:none}.sales-history-table td{color:#1e1e1e;font-size:.875rem;padding:12px 14px;vertical-align:middle}.sale-date{color:#606060}.sale-customer{color:#1e1e1e;font-weight:500}.sale-quantity{color:#007acc;text-align:center}.sale-unit-price{color:#606060;text-align:right}.sale-total{color:#007acc;font-weight:600;text-align:right}.sale-seller{color:#606060}.empty-sales-message{color:#999;font-size:.95rem;padding:60px 20px;text-align:center}.modal-actions{margin-top:20px;padding:20px}.cancel-btn{padding:10px 24px;transition:all .2s ease}.cancel-btn:hover{border-color:#b0b0b0;box-shadow:0 1px 3px #0000001a}body.dark-mode .sales-history-summary{background:#2d2d30;border-color:#3f3f46}body.dark-mode .summary-value{color:#4a9eff}body.dark-mode .sales-history-table-container{border-color:#3f3f46}body.dark-mode .sales-history-table{background:#1e1e1e}body.dark-mode .sales-history-table thead{background:#2d2d30}body.dark-mode .sales-history-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .sales-history-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .sales-history-table tbody tr:hover{background:#2d2d30}body.dark-mode .sales-history-table td{color:#ccc}body.dark-mode .sale-date,body.dark-mode .sale-seller,body.dark-mode .sale-unit-price{color:grey}body.dark-mode .sale-customer{color:#ccc}body.dark-mode .sale-quantity,body.dark-mode .sale-total{color:#4a9eff}body.dark-mode .empty-sales-message{color:#666}.customers-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.customers-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.customers-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.customers-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.customers-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.customers-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.customers-table th:first-child{max-width:50px;min-width:50px;padding-left:16px;padding-right:8px;width:50px}.customers-table th:last-child{max-width:100px;min-width:100px;padding-right:16px;text-align:center;width:100px}.customers-table th.sortable{cursor:pointer;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.customers-table th.sortable:hover{background:#e6f7ff;color:#007acc}.customers-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:all .15s ease}.customers-table tbody tr:hover{background:#f8f8f8}.customers-table tbody tr:last-child{border-bottom:none}.customers-table td{word-wrap:break-word;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:12px 10px;vertical-align:middle}.customers-table td:first-child{color:#606060;font-size:.8rem;font-weight:500;max-width:50px;min-width:50px;padding-left:16px;padding-right:8px;width:50px}.customers-table td:last-child{max-width:100px;min-width:100px;padding-right:16px;text-align:center;width:100px}.customer-name{font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-phone{font-family:Courier New,Monaco,monospace}.customer-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-birthdate,.customer-email{color:#606060;font-size:.85rem}.customer-filenumber{background:#f8f8f8;display:inline-block;font-family:Courier New,Monaco,monospace;padding:3px 8px}.customer-filenumber,.gender-badge{border:1px solid #e0e0e0;border-radius:3px;color:#606060;font-size:.8rem}.gender-badge{align-items:center;background:#f3f3f3;display:inline-flex;font-weight:500;padding:4px 10px}.empty-table-message:before{content:"👥"}.customers-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:auto;padding:12px 0 0}body.dark-mode .customers-page{background-color:#1e1e1e;color:#ccc}body.dark-mode .customers-toolbar{border-bottom-color:#3f3f46}body.dark-mode .customers-table-container{background:#252526;border-color:#3f3f46;box-shadow:0 1px 3px #0000004d}body.dark-mode .customers-table thead{background:#2d2d30}body.dark-mode .customers-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .customers-table th.sortable:hover{background:#094771;color:#4a9eff}body.dark-mode .customers-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .customers-table tbody tr:hover{background:#2d2d30}body.dark-mode .customers-table td{color:#ccc}body.dark-mode .customer-birthdate,body.dark-mode .customer-email,body.dark-mode .customer-phone,body.dark-mode .customers-table td:first-child{color:grey}body.dark-mode .customer-filenumber,body.dark-mode .gender-badge{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .action-btn.view-btn{background:#007acc33;border-color:#094771;color:#4a9eff}body.dark-mode .action-btn.view-btn:hover{background:#007acc;border-color:#007acc;color:#fff}body.dark-mode .customers-footer{border-top-color:#3f3f46}@media (max-width:768px){.customers-page{margin-left:0;padding:15px;width:100%}.customers-toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar-left{justify-content:stretch;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.toolbar-right{width:100%}.search-box{min-width:auto;width:100%}.customers-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.customers-table{min-width:800px}.customers-table td,.customers-table th{font-size:.8rem;padding:10px 8px}}@media (max-width:480px){.customers-page{padding:12px}.customers-table td,.customers-table th{font-size:.75rem;padding:8px 6px}.customers-footer{align-items:flex-start;flex-direction:column;gap:8px}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;height:32px;min-width:32px;padding:0 8px}}.customers-mobile-container{padding:0;width:100%}.customers-mobile-list{display:flex;flex-direction:column;gap:12px}.customer-mobile-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;transition:all .2s ease;width:100%}.customer-mobile-card:active{box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.customer-mobile-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.customer-mobile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.customer-mobile-info{flex:1 1;min-width:0}.customer-mobile-name{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-mobile-phone{color:#606060;font-family:Courier New,Monaco,monospace;font-size:.9rem;margin:0}.customer-mobile-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.customer-mobile-detail-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-label{color:#606060;font-weight:500}.detail-value{color:#1e1e1e;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-mobile-detail-btn{background:#007acc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:8px;padding:12px 16px;transition:all .2s ease;width:100%}.customer-mobile-detail-btn:active{background:#005a9e;transform:scale(.98)}.empty-mobile-message{background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:60px 20px}body.dark-mode .customer-mobile-card{background:#2d2d30;border-color:#3f3f46;box-shadow:0 2px 8px #0000004d}body.dark-mode .customer-mobile-header{border-bottom-color:#3f3f46}body.dark-mode .customer-mobile-name{color:#fff}body.dark-mode .customer-mobile-phone{color:#ccc}body.dark-mode .detail-label{color:grey}body.dark-mode .empty-mobile-message{background:#2d2d30;border-color:#3f3f46;color:grey}@media (max-width:768px){.customers-table-container{display:none}.customers-mobile-container{display:block}}@media (min-width:769px){.customers-mobile-container{display:none}}.modal-overlay{z-index:10005}.customer-modal-content{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;max-height:100vh;max-width:650px;overflow-y:auto;width:90%}.phone-prefix{cursor:default!important;max-width:50px!important;min-width:50px!important;padding:10px 8px!important;width:50px!important}.phone-input-wrapper input[name=phone]{background:#fff!important;color:#1e1e1e!important;cursor:text!important;pointer-events:auto!important}.phone-input-wrapper input[name=phone]:disabled{background:#f9f9f9!important;cursor:not-allowed!important;opacity:.6}.phone-input-wrapper input[name=phone]:not(:disabled){background:#fff!important;cursor:text!important;opacity:1!important}.toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.toggle-switch input{position:absolute}.toggle-slider:before{box-shadow:0 1px 3px #0003}.discount-input-wrapper{align-items:center;display:flex;gap:0}.discount-input-wrapper input{border-radius:3px 0 0 3px!important;flex:1 1;padding-right:40px}.percentage-badge{font-size:.9rem;padding:10px 14px;pointer-events:none}.discount-input-wrapper:focus-within .percentage-badge{border-color:#007acc;border-left:1px solid #007acc}body.dark-mode .customer-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .form-group input::placeholder,body.dark-mode .form-group textarea::placeholder{color:grey}body.dark-mode .phone-input-wrapper input[name=phone]{background:#2d2d30!important;border-color:#3f3f46!important;color:#ccc!important}body.dark-mode .phone-input-wrapper input[name=phone]:focus{background:#2d2d30!important;border-color:#007acc!important;color:#ccc!important}body.dark-mode .phone-input-wrapper input[name=phone]:not(:disabled){background:#2d2d30!important;color:#ccc!important;opacity:1!important}@media (max-width:480px){.customer-modal-content{margin:10px;width:95%}.modal-form{padding:16px}.form-row{grid-template-columns:1fr}.phone-input-wrapper{flex-direction:column}.phone-prefix{border-bottom:none!important;border-radius:3px 3px 0 0!important;border-right:1px solid #cccedb!important}.phone-input-wrapper input[name=phone]{border-left:1px solid #cccedb!important;border-radius:0 0 3px 3px!important;border-top:none!important}body.dark-mode .phone-prefix{border-right-color:#3f3f46!important}body.dark-mode .phone-input-wrapper input[name=phone]{border-left-color:#3f3f46!important}}.customer-detail-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.customer-detail-overlay .modal-content.customer-detail-modal{height:auto;max-width:70%;width:90%}.customer-detail-modal,.customer-detail-overlay .modal-content.customer-detail-modal{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.customer-detail-modal{height:95vh;max-width:95%;width:95%}.customer-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.header-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.customer-detail-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.header-info{align-items:center;color:#666;display:flex;font-size:.9rem;gap:12px}.header-file-number{color:#007acc;font-weight:500}.header-total-debt{color:#d32f2f;font-weight:600}.customer-detail-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.customer-detail-header .close-btn:hover{background:#f3f3f3;color:#1e1e1e}.customer-detail-content{display:flex;flex:1 1;overflow:hidden}.customer-detail-sidebar{background:#fafafa;border-right:1px solid #e5e5e5;flex-shrink:0;overflow-y:auto;padding:20px 0;width:240px}.tab-button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#5a5a5a;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;letter-spacing:.01em;padding:14px 24px;position:relative;text-align:left;width:100%}.tab-button,.tab-icon{transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-icon{color:#007acc;display:inline-block;font-size:.7rem}.tab-button:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);width:3px}.tab-button:hover{background:#f0f0f0;color:#1e1e1e;padding-left:28px}.tab-button:hover .tab-icon{color:#007acc;transform:translateX(2px)}.tab-button:hover:before{background:#007acc;width:3px}.tab-button.active{background:linear-gradient(90deg,#007acc14,#007acc05);color:#007acc;font-weight:600;padding-left:28px}.tab-button.active .tab-icon{color:#007acc;transform:translateX(2px)}.tab-button.active:before{background:#007acc;width:3px}.customer-detail-main{background:#fff;flex:1 1;overflow-y:auto;padding:24px}.tab-content{max-width:100%}.tab-title{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0 0 24px}.bilgileri-tab-content{max-width:100%}.service-notes-section{margin-bottom:24px;margin-top:32px}.service-notes-title{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 16px}.service-notes-box{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#1e1e1e;font-size:.85rem;line-height:1.4;max-height:60px;min-height:60px;overflow-y:auto;padding:12px;white-space:pre-wrap}.info-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.info-row{display:flex;flex-wrap:wrap;gap:24px}.info-row .info-item{flex:1 1;min-width:200px}.info-row .info-item .info-label{min-width:auto;width:auto}.info-item{align-items:baseline;display:flex;gap:12px}.info-label{color:#666;flex-shrink:0;font-weight:600;min-width:140px}.info-value{color:#1e1e1e}.action-buttons{flex-direction:row;margin-top:24px;width:100%}.action-btn,.action-buttons{box-sizing:border-box;gap:12px}.action-btn{border-radius:6px;box-shadow:0 2px 4px #00000014;flex:1 1;font-size:.95rem;overflow:hidden;padding:14px 16px;position:relative;transition:all .25s ease}.action-btn:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:all .25s ease;width:3px}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.action-btn.edit-action{background:#424242;color:#fff}.action-btn.edit-action:before{background:#616161}.action-btn.edit-action:hover{background:#353535;box-shadow:0 4px 12px #4242424d}.action-btn.edit-action:hover:before{background:#fff;width:4px}.action-btn.ban-action{background:#ffc107;color:#000}.action-btn.ban-action:before{background:#ffb300}.action-btn.ban-action:hover{background:#ffb300;box-shadow:0 4px 12px #ffc10766}.action-btn.ban-action:hover:before{background:#000;width:4px}.action-btn.delete-action{background:#d32f2f;color:#fff}.action-btn.delete-action:before{background:#c62828}.action-btn.delete-action:hover{background:#c62828;box-shadow:0 4px 12px #d32f2f66}.action-btn.delete-action:hover:before{background:#fff;width:4px}.action-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;transition:transform .25s ease;width:24px}.action-btn:hover .action-icon{transform:scale(1.1)}.data-table-container{margin-top:16px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px}.data-table tbody tr:hover{background:#f9f9f9}.status-badge.status-confirmed{background:#e8f5e9;color:#2e7d32}.status-badge.status-cancelled{background:#ffebee;color:#c62828}.status-badge.status-completed{background:#e3f2fd;color:#1565c0}.status-badge.status-pending{background:#fff3e0;color:#e65100}.status-badge.status-default{background:#f5f5f5;color:#666}.attended-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.attended-badge.yes{background:#e8f5e9;color:#2e7d32}.attended-badge.no{background:#ffebee;color:#c62828}.attended-badge.unknown{background:#f5f5f5;color:#999}.photos-grid{margin-top:16px}.photo-item{aspect-ratio:1;border-radius:8px}body.dark-mode .customer-detail-modal{background:#2d2d30}body.dark-mode .customer-detail-header{border-bottom-color:#3f3f46}body.dark-mode .customer-detail-header h2{color:#ccc}body.dark-mode .customer-detail-header .close-btn{color:#999}body.dark-mode .customer-detail-header .close-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .customer-detail-sidebar{background:#252526;border-right-color:#3f3f46}body.dark-mode .tab-button{color:#ccc}body.dark-mode .tab-button:before{background:#0000}body.dark-mode .tab-button:hover{background:#2d2d30;color:#fff;padding-left:28px}body.dark-mode .tab-button:hover:before{background:#4da6ff;width:3px}body.dark-mode .tab-button.active{background:linear-gradient(90deg,#4da6ff26,#4da6ff0d);color:#4da6ff;padding-left:28px}body.dark-mode .tab-button.active .tab-icon,body.dark-mode .tab-button:hover .tab-icon{color:#4da6ff;transform:translateX(2px)}body.dark-mode .tab-icon{color:#4da6ff}body.dark-mode .tab-button.active:before{background:#4da6ff;width:3px}body.dark-mode .customer-detail-main{background:#2d2d30}body.dark-mode .tab-title{color:#ccc}body.dark-mode .info-label{color:#999}body.dark-mode .info-value{color:#ccc}body.dark-mode .action-btn{box-shadow:0 2px 8px #0000004d}body.dark-mode .action-btn.edit-action{background:#525252;color:#fff}body.dark-mode .action-btn.edit-action:before{background:#616161}body.dark-mode .action-btn.edit-action:hover{background:#424242;box-shadow:0 4px 12px #52525280}body.dark-mode .action-btn.ban-action{background:#ffc107;color:#000}body.dark-mode .action-btn.ban-action:before{background:#ffb300}body.dark-mode .action-btn.ban-action:hover{background:#ffb300;box-shadow:0 4px 12px #ffc10780}body.dark-mode .action-btn.delete-action{background:#d32f2f;color:#fff}body.dark-mode .action-btn.delete-action:before{background:#c62828}body.dark-mode .action-btn.delete-action:hover{background:#c62828;box-shadow:0 4px 12px #d32f2f80}body.dark-mode .data-table thead{background:#252526}body.dark-mode .data-table td,body.dark-mode .data-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .data-table tbody tr:hover{background:#252526}body.dark-mode .photo-modal-overlay{background:#000000f2}body.dark-mode .photo-modal-close{background:#fff3;color:#fff}body.dark-mode .photo-modal-close:hover{background:#ffffff4d}.form-input{border:1px solid #cccedb;border-radius:4px;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:#007acc}textarea.form-input{min-height:100px;resize:vertical}.staff-checkbox-group{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:12px}.staff-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.staff-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-header h3{color:#1e1e1e;font-size:1.25rem}.modal-footer{padding:20px 24px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s}.confirm-btn{background:#007acc}.confirm-btn:hover{background:#005a9e}body.dark-mode .form-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .form-input:focus{border-color:#4da6ff}body.dark-mode .staff-checkbox-group{background:#252526;border-color:#3f3f46}body.dark-mode .modal-header h3,body.dark-mode .staff-checkbox-label{color:#ccc}body.dark-mode .cancel-btn{background:#3f3f46}body.dark-mode .cancel-btn:hover{background:#4f4f56}@media (max-width:1200px){.customer-detail-modal{max-width:98%;width:98%}.customer-detail-content{flex-direction:column}.customer-detail-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e0e0e0;border-right:none;display:flex;flex-direction:row;gap:4px;max-height:200px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-color:#007acc #f0f0f0;scrollbar-width:thin;width:100%}.customer-detail-sidebar::-webkit-scrollbar{height:6px}.customer-detail-sidebar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.customer-detail-sidebar::-webkit-scrollbar-thumb{background:#007acc;border-radius:3px}.customer-detail-sidebar::-webkit-scrollbar-thumb:hover{background:#005a9e}.customer-detail-sidebar .tab-button{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;white-space:nowrap}.customer-detail-sidebar .tab-button .tab-icon{display:none}.customer-detail-sidebar .tab-button.active{border-bottom:3px solid #007acc;border-left:none;padding-left:12px}.customer-detail-sidebar .tab-button:hover{padding-left:12px}.customer-detail-sidebar .tab-button:before{display:none}.customer-detail-main{max-width:100%;width:100%}}@media (max-width:768px){.customer-detail-overlay{padding:10px}.customer-detail-modal{height:95vh;max-height:95vh;max-width:100%;width:100%}.customer-detail-header{flex-wrap:wrap;gap:12px;padding:16px}.customer-detail-header h2{font-size:1.1rem}.customer-detail-sidebar{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:4px;max-height:150px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-color:#007acc #f0f0f0;scrollbar-width:thin}.customer-detail-sidebar::-webkit-scrollbar{height:6px}.customer-detail-sidebar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.customer-detail-sidebar::-webkit-scrollbar-thumb{background:#007acc;border-radius:3px}.customer-detail-sidebar::-webkit-scrollbar-thumb:hover{background:#005a9e}.customer-detail-sidebar .tab-button{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;white-space:nowrap}.customer-detail-sidebar .tab-button .tab-icon{display:none}.customer-detail-sidebar .tab-button.active{border-bottom:3px solid #007acc;border-left:none;padding-left:12px}.customer-detail-sidebar .tab-button:hover{padding-left:12px}.customer-detail-sidebar .tab-button:before{display:none}.sidebar-tab{font-size:.85rem;padding:8px 12px}.customer-detail-main{padding:16px}.action-buttons{flex-direction:column;gap:8px}.action-btn{width:100%}.data-table{overflow-x:auto}.data-table,.data-table tbody,.data-table thead,.data-table tr{display:block}.data-table thead{display:none}.data-table tr{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px;padding:8px}.data-table td{border-bottom:none;display:block;padding:6px 0;text-align:right}.photo-modal-overlay{background:#000000e6;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:20000}.photo-modal-content,.photo-modal-overlay{align-items:center;display:flex;justify-content:center}.photo-modal-content{cursor:default;max-height:95vh;max-width:95vw;position:relative}.photo-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:40px;z-index:20001}.photo-modal-close:hover{background:#fff;transform:scale(1.1)}.photo-modal-image{border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:95vh;max-width:100%;object-fit:contain}.data-table td:before{color:#606060;content:attr(data-label);float:left;font-weight:600}.service-notes-panel{margin-top:20px;padding:16px}}@media (max-width:480px){.customer-detail-overlay{padding:5px}.customer-detail-header{padding:12px}.customer-detail-header h2{font-size:1rem}.customer-detail-sidebar{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding:8px}.customer-detail-sidebar .tab-button{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;font-size:.8rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;white-space:nowrap}.customer-detail-sidebar .tab-button .tab-icon{display:none}.customer-detail-sidebar .tab-button.active{border-bottom:3px solid #007acc;border-left:none;padding-left:12px}.customer-detail-sidebar .tab-button:hover{padding-left:12px}.customer-detail-sidebar .tab-button:before{display:none}.sidebar-tab{font-size:.8rem;padding:6px 10px}.customer-detail-main{padding:12px}}body.dark-mode .service-notes-title{color:#ccc}body.dark-mode .service-notes-box{background:#2d2d30;border-color:#3f3f46;color:#ccc}.confirm-modal-overlay{z-index:10001}.confirm-modal{animation:slideUp .3s ease;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;max-width:450px;width:90%}.confirm-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:16px;padding:20px 24px}.confirm-icon,.confirm-icon-wrapper{align-items:center;display:flex;justify-content:center}.confirm-icon{flex-shrink:0;font-size:2rem;height:48px;width:48px}.confirm-modal-header h3{color:#1e1e1e;flex:1 1;font-size:1.3rem;font-weight:600;margin:0}.confirm-modal-content{padding:24px}.confirm-message{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.warning-icon{align-items:center;background:#0000;border:2px solid #1e1e1e;border-radius:50%;color:#1e1e1e;display:flex;font-size:1.8rem;font-weight:700;height:40px;justify-content:center;width:40px}.confirm-message p{color:#1e1e1e;flex:1 1;font-size:.95rem;line-height:1.5;margin:0}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{align-items:center;display:flex;gap:6px}.cancel-btn span{font-size:1.2rem;font-weight:700}.confirm-btn{align-items:center;background:#28a745;border-radius:4px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.confirm-action-btn{background:#007acc;transition:all .25s ease}.confirm-action-btn:hover{box-shadow:0 2px 8px #007acc4d;filter:brightness(1.1);transform:translateY(-1px)}.confirm-action-btn.danger-btn{background:#d32f2f}.confirm-action-btn.danger-btn:hover{background:#c62828;box-shadow:0 2px 8px #d32f2f4d;filter:brightness(1.1)}body.dark-mode .confirm-modal{background:#2d2d30}body.dark-mode .confirm-modal-header{border-bottom-color:#3f3f46}body.dark-mode .confirm-modal-header h2{color:#ccc}body.dark-mode .warning-icon{border-color:#ccc;color:#ccc}body.dark-mode .confirm-message p{color:#ccc}body.dark-mode .cancel-btn:hover{border-color:#666}body.dark-mode .confirm-btn{background:#28a745}body.dark-mode .confirm-btn:hover{background:#218838}@media (max-width:768px){.confirm-modal-overlay{padding:10px}.confirm-modal{max-width:95%;width:95%}.confirm-modal-header{flex-wrap:wrap;padding:16px}.confirm-modal-header h2{font-size:1.1rem}.confirm-modal-content{padding:16px}.confirm-modal-actions{flex-direction:column;gap:12px;padding:16px}.cancel-btn,.confirm-btn{width:100%}}@media (max-width:480px){.confirm-modal-overlay{padding:5px}.confirm-modal{max-width:100%;width:100%}.confirm-modal-header{padding:12px}.confirm-modal-header h2{font-size:1rem}.confirm-modal-content{padding:12px}}.error-notification-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10003}.error-notification{animation:slideDown .3s ease-out;background:#fff;border:2px solid #dc3545;border-radius:4px;box-shadow:0 8px 32px #dc35454d;max-width:480px;overflow:hidden;padding:0;position:relative;width:100%}.error-notification-header{align-items:center;background:linear-gradient(180deg,#dc3545,#c82333);border-bottom:1px solid #bd2130;display:flex;justify-content:space-between;padding:16px 20px}.error-title-wrapper{align-items:center;display:flex;gap:12px}.error-icon{flex-shrink:0;font-size:1.5rem}.error-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.error-close-btn{align-items:center;background:#fff3;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.error-close-btn:hover{background:#ffffff4d}.error-content{padding:20px 24px}.error-message{color:#1e1e1e;font-size:.95rem;line-height:1.6;white-space:pre-line}.error-message strong{color:#dc3545;font-weight:600}.error-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:12px 24px}.error-ok-btn{background:#007acc;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s}.error-ok-btn:hover{background:#005a9e;box-shadow:0 2px 4px #007acc4d}.product-sale-modal-content{animation:slideUp .2s ease;border-radius:0;box-shadow:0 4px 16px #0003;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;position:relative;width:90%;z-index:1}.product-item-row,.product-sale-modal-content{background:#fff;border:1px solid #e0e0e0;display:flex}.product-item-row{align-items:flex-start;border-radius:3px;gap:8px;margin-bottom:12px;padding:12px}.product-search-wrapper{flex:1 1;max-width:200px;min-width:120px;position:relative}.product-search-wrapper input{border:1px solid #cccedb;border-radius:3px;font-size:.85rem;padding:8px 10px;width:100%}.product-dropdown{background:#fff;border:1px solid #cccedb;border-radius:0 0 3px 3px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;margin-top:-1px;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.product-quantity-wrapper{align-items:center;display:flex;gap:4px;min-width:65px}.product-quantity-wrapper input{border:1px solid #cccedb;border-radius:3px;font-size:.85rem;padding:8px 6px;text-align:center;width:40px}.quantity-label{color:#606060;font-size:.85rem;white-space:nowrap}.product-amount-wrapper{align-items:center;display:flex;gap:0;max-width:100px;min-width:70px}.product-amount-wrapper input{border:1px solid #cccedb;border-radius:3px 0 0 3px;flex:1 1;font-size:.85rem;min-width:0;padding:8px 30px 8px 8px}.product-amount-wrapper .currency-badge{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.75rem;font-weight:500;padding:8px 6px;pointer-events:none;white-space:nowrap}.product-amount-wrapper:focus-within .currency-badge{border-color:#007acc;border-left:1px solid #007acc}.remove-product-btn{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:3px;color:#d32f2f;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.remove-product-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.add-product-btn{background:#0000;border:1px dashed #cccedb;border-radius:3px;color:#007acc;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:8px;padding:10px 12px;transition:all .2s;width:100%}.add-product-btn:hover{background:#e6f7ff;border-color:#007acc;border-style:solid}.amount-input-wrapper .currency-badge{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 14px;pointer-events:none}body.dark-mode .product-sale-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .product-dropdown,body.dark-mode .product-item-row{background:#2d2d30;border-color:#3f3f46}body.dark-mode .quantity-label{color:grey}body.dark-mode .remove-product-btn{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .remove-product-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}body.dark-mode .add-product-btn{border-color:#3f3f46;color:#4a9eff}body.dark-mode .add-product-btn:hover{background:#094771;border-color:#007acc}body.dark-mode .amount-input-wrapper .currency-badge{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .error-notification-overlay{background:#000c}body.dark-mode .error-notification{background:#252526;border-color:#dc3545;box-shadow:0 8px 32px #dc354566}body.dark-mode .error-notification-header{background:linear-gradient(180deg,#dc3545,#c82333);border-bottom-color:#bd2130}body.dark-mode .error-title{color:#fff}body.dark-mode .error-close-btn{background:#fff3;color:#fff}body.dark-mode .error-close-btn:hover{background:#ffffff4d}body.dark-mode .error-content{background:#252526}body.dark-mode .error-message{color:#ccc}body.dark-mode .error-message strong{color:#ff6b6b}body.dark-mode .error-footer{background:#1e1e1e;border-top-color:#3f3f46}body.dark-mode .error-ok-btn{background:#007acc;color:#fff}body.dark-mode .error-ok-btn:hover{background:#005a9e}@media (max-width:480px){.product-sale-modal-content{margin:10px;width:95%}.modal-form{padding:16px}.product-item-row{flex-direction:column;gap:8px}.product-amount-wrapper,.product-quantity-wrapper,.product-search-wrapper{width:100%}}.payments-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10003}.payments-modal{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:760px;overflow:hidden;width:95%}.payments-modal-header{flex-shrink:0}.payments-modal-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.payments-modal-footer{flex-shrink:0}.payments-modal-header{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;padding:16px 20px}.payments-modal-header h2{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0}.payments-modal-header .close-btn{background:#0000;border:none;border-radius:4px;color:#606060;cursor:pointer;font-size:1.6rem;padding:6px;transition:background .2s}.payments-modal-header .close-btn:hover{background:#f3f3f3}.payments-section{padding:0 20px 16px}.section-title{background:#f3f3f3;border:1px solid #e0e0e0;margin:16px 0 10px;padding:10px 12px}.payments-table{border-collapse:collapse;margin-bottom:10px;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid #ededed;color:#1e1e1e;font-size:.95rem;padding:12px 10px;text-align:left}.payments-table th{font-weight:700}.empty-row{color:#7a7a7a;padding:18px 10px!important;text-align:left}.receivable-actions{gap:8px;justify-content:flex-end}.pay-btn{background:#007acc;border:1px solid #005a9e;font-size:.85rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.pay-btn:hover{background:#005a9e;border-color:#004080;box-shadow:0 2px 4px #007acc4d}.delete-receivable-btn{align-items:center;background:#0000;background:#ffebee;border:1px solid #ffcdd2;border-radius:3px;color:#d32f2f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;padding:6px 8px;transition:all .15s ease;width:32px}.delete-receivable-btn:hover{background:#d32f2f;border-color:#d32f2f;box-shadow:0 1px 3px #d32f2f4d;color:#fff}.delete-payment-btn{background:#ffebee;border:1px solid #ffcdd2;border-radius:3px;color:#d32f2f;flex-shrink:0;font-size:1rem;height:32px;padding:6px 8px;transition:all .15s ease;width:32px}.delete-payment-btn:hover{background:#d32f2f;border-color:#d32f2f;box-shadow:0 1px 3px #d32f2f4d;color:#fff}.payments-modal-footer{padding:16px 20px 20px}.primary-btn{background:#28a745;border:1px solid #28a745;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.primary-btn:hover{background:#218838;border-color:#218838}body.dark-mode .payments-modal{background:#252526;border-color:#3f3f46}body.dark-mode .payments-modal-header{border-bottom-color:#3f3f46}body.dark-mode .payments-modal-header h2{color:#f3f3f3}body.dark-mode .payments-modal-header .close-btn:hover{background:#2f2f33}body.dark-mode .section-title{background:#2d2d30;border-color:#3f3f46;color:#f3f3f3}body.dark-mode .payments-table td,body.dark-mode .payments-table th{border-bottom-color:#3f3f46;color:#f3f3f3}body.dark-mode .empty-row{color:#a0a0a0}body.dark-mode .primary-btn{background:#28a745;border-color:#28a745}body.dark-mode .pay-btn{background:#007acc;border-color:#005a9e}body.dark-mode .pay-btn:hover{background:#005a9e;border-color:#004080}body.dark-mode .delete-receivable-btn{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .delete-receivable-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}body.dark-mode .delete-payment-btn{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .delete-payment-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}@media (max-width:768px){.payments-modal-overlay{padding:10px}.payments-modal{max-width:95%;width:95%}.payments-modal-header{flex-wrap:wrap;padding:16px}.payments-modal-header h2{font-size:1.1rem}.payments-content{padding:16px}.payments-table{display:block;overflow-x:auto}.payments-table thead{display:none}.payments-table tbody{display:block}.payments-table tr{border:1px solid #e0e0e0;border-radius:4px;display:block;margin-bottom:12px;padding:8px}.payments-table td{border-bottom:none;display:block;padding:6px 0;text-align:right}.payments-table td:before{color:#606060;content:attr(data-label);float:left;font-weight:600}}@media (max-width:480px){.payments-modal-overlay{padding:5px}.payments-modal{max-height:95vh;max-width:100%;width:100%}.payments-modal-header{padding:12px}.payments-modal-header h2{font-size:1rem}.payments-content{padding:12px}}.payment-form-overlay{align-items:center!important;animation:fadeIn .2s ease;background:#0000008c!important;box-sizing:border-box;display:flex!important;inset:0!important;justify-content:center!important;padding:20px;position:fixed!important;z-index:10012!important}.payment-form-modal{animation:slideUp .2s ease;background:#fff!important;border:1px solid #e0e0e0;box-shadow:0 8px 24px #0000002e!important;max-height:92vh;max-width:820px;overflow-y:auto;position:relative!important;width:95%;z-index:10013!important}.form-modal-header{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.remaining-amount-label{color:#d32f2f;font-size:.95rem;font-weight:500;white-space:nowrap}.remaining-amount-label strong{font-size:1rem;font-weight:600}.form-modal-header h2{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0}.form-modal-header .close-btn{background:#0000;border:none;border-radius:4px;color:#606060;cursor:pointer;font-size:1.6rem;padding:6px;transition:background .2s}.form-modal-header .close-btn:hover{background:#f3f3f3}.form-section{border-bottom:1px solid #f0f0f0;padding:16px 20px}.form-section h3{color:#1e1e1e;font-size:1.2rem;margin:0 0 12px}.payment-row{grid-gap:12px;align-items:center;grid-template-columns:1fr 1fr 1fr auto}.payment-row,.receivable-row{display:grid;gap:12px;margin-bottom:10px}.receivable-row{grid-gap:12px;grid-template-columns:1fr 1fr}.payment-row input[type=date],.payment-row input[type=number],.payment-row select,.receivable-row input,.receivable-row select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:10px;width:100%}.amount-group{position:relative}.amount-group input{padding-right:38px;width:100%}.tl-badge{font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.remove-payment-btn{align-items:center;background:#0000;background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;padding:8px 10px;transition:all .15s ease;width:36px}.remove-payment-btn:hover{background:#d32f2f;border-color:#d32f2f;box-shadow:0 1px 3px #d32f2f4d;color:#fff}.link-btn{background:#f3f7fb;border:1px dashed #9ab6d4;border-radius:4px;color:#1e5a8a;cursor:pointer;font-weight:600;padding:10px 12px;transition:all .2s}.link-btn:hover{background:#e6f0fb}.receivable-section .receivable-row{grid-template-columns:1fr 1fr}.installment-toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:10px}.toggle-switch{margin:0;padding:0}.toggle-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;height:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;display:block;margin:0;padding:0}.toggle-slider:before{box-shadow:0 2px 4px #0003;display:block;height:18px;margin:0;padding:0;width:18px}.toggle-slider:after{content:"";display:none;visibility:hidden}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#007acc}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:after{content:"";display:none;visibility:hidden}.installment-select-wrapper{align-items:center;display:flex}.installment-select-wrapper select{border:1px solid #ccc;border-radius:4px;font-size:.95rem;max-width:120px;padding:10px}.installment-items-container{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:12px;padding:12px}.installment-item-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr 1fr;margin-bottom:10px}.installment-item-row:last-child{margin-bottom:0}.installment-number{color:#007acc;font-size:.9rem;font-weight:600;min-width:70px}.installment-item-row input[type=date]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:10px;width:100%}.installment-item-row .amount-group{position:relative}.installment-item-row .amount-group input{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:not-allowed;font-size:.95rem;padding:10px;width:100%}.installment-item-row .amount-group .tl-badge{color:#606060;font-size:.9rem;font-weight:600;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-actions{gap:10px;padding:16px 20px 20px}.cancel-btn,.save-btn{border-radius:4px;font-size:.95rem;padding:10px 18px;transition:all .2s ease}.save-btn{background:#5c7aad;border:1px solid #4f6a95;min-width:120px}.save-btn:hover{background:#4f6a95;border-color:#425a7d}body.dark-mode .payment-form-modal{background:#252526;border-color:#3f3f46}body.dark-mode .form-modal-header{border-bottom-color:#3f3f46}body.dark-mode .form-modal-header h2,body.dark-mode .form-section h3{color:#f3f3f3}body.dark-mode .form-modal-header .close-btn:hover{background:#2f2f33}body.dark-mode .remaining-amount-label{color:#ef5350}body.dark-mode .remaining-amount-label strong{color:#ff6b6b}body.dark-mode .payment-row input,body.dark-mode .payment-row select,body.dark-mode .receivable-row input,body.dark-mode .receivable-row select{background:#2d2d30;border-color:#3f3f46;color:#f3f3f3}body.dark-mode .tl-badge{color:#cfcfcf}body.dark-mode .link-btn{background:#2d3a4a;border-color:#4a6a8a;color:#bcd4f3}body.dark-mode .link-btn:hover{background:#324158}body.dark-mode .cancel-btn{color:#f3f3f3}body.dark-mode .cancel-btn:hover{background:#3b3b40}body.dark-mode .save-btn{background:#4f6a95;border-color:#4f6a95}body.dark-mode .save-btn:hover{background:#425a7d}body.dark-mode .remove-payment-btn{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .remove-payment-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}body.dark-mode .installment-items-container{background:#2d2d30;border-color:#3f3f46}body.dark-mode .installment-number{color:#4a9eff}body.dark-mode .installment-item-row input[type=date]{background:#252526;border-color:#3f3f46;color:#f3f3f3}body.dark-mode .installment-item-row .amount-group input,body.dark-mode .installment-select-wrapper select{background:#2d2d30;border-color:#3f3f46;color:#f3f3f3}@media (max-width:720px){.installment-item-row,.payment-row,.receivable-row{grid-template-columns:1fr}}.payment-modal-overlay{align-items:center!important;animation:fadeIn .2s ease;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10014!important}.payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:450px;overflow:hidden}.payment-modal-header{flex-shrink:0;padding:20px 24px}.payment-modal-header h2{font-size:1.2rem}.payment-form{flex:1 1;gap:20px;min-height:0;overflow-x:hidden;overflow-y:auto}.input-group{border-radius:4px}.payment-date-input{background:#0000;border:none;color:#1e1e1e;font-size:.9rem;height:40px;outline:none;padding:10px 12px;width:100%}.amount-input-group input{width:100%}.payment-method-dropdown select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23606060' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.9rem;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.payment-method-dropdown select:hover{border-color:#007acc}.payment-method-dropdown select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .payment-modal{background:#2d2d30}body.dark-mode .payment-method-dropdown select{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .payment-method-dropdown select:focus,body.dark-mode .payment-method-dropdown select:hover{border-color:#007acc}body.dark-mode .points-toggle-label{color:#ccc}body.dark-mode .points-badge{background:#28a745;border-left-color:#28a745;color:#fff}body.dark-mode .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#007acc}body.dark-mode .toggle-slider:before{background-color:#fff;box-shadow:0 2px 4px #0000004d}body.dark-mode .toggle-slider:after,body.dark-mode .toggle-switch input[type=checkbox]:checked+.toggle-slider:after{content:"";display:none;visibility:hidden}@media (max-width:768px){.payment-modal-overlay{padding:10px!important}.payment-modal{max-width:95%!important;width:95%!important}.payment-modal-header{flex-wrap:wrap;padding:16px}.payment-modal-header h2{font-size:1.1rem}.payment-modal-form{padding:16px}.form-row,.payment-modal-actions{flex-direction:column;gap:12px}.payment-modal-actions{padding:16px}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.payment-modal-overlay{padding:5px!important}.payment-modal{max-width:100%!important;width:100%!important}.payment-modal-header{padding:12px}.payment-modal-header h2{font-size:1rem}.payment-modal-form{padding:12px}}.payment-history-modal-overlay{align-items:center!important;animation:fadeIn .2s ease;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10015!important}.payment-history-modal{animation:slideUp .3s ease;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.payment-history-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.payment-history-modal-header h2{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0}.payment-history-modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#606060;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.payment-history-modal-header .close-btn:hover{background:#f3f3f3;color:#1e1e1e}.payment-history-modal-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.empty-message,.loading-message{color:#606060;font-size:.95rem;padding:40px 20px;text-align:center}.payment-history-table-container{margin-bottom:20px}.payment-history-table thead{border-bottom:2px solid #e0e0e0}.payment-history-table td{border-bottom:1px solid #f0f0f0}.payment-history-table tbody tr:hover{background:#f9f9f9}.payment-history-table tbody tr:last-child td{border-bottom:none}.payment-history-table .amount-cell{color:#28a745;font-weight:600}.payment-history-total{background:#f5f5f5;border-radius:4px;border-top:2px solid #e0e0e0;color:#1e1e1e;font-size:1rem;padding:16px;text-align:right}.payment-history-total-row{align-items:center;display:flex;gap:24px;justify-content:flex-end}.payment-history-total strong{color:#28a745;font-size:1.1rem}.payment-history-total-row .remaining-debt{color:#dc3545}.payment-history-total-row .no-debt{color:#28a745}body.dark-mode .payment-history-modal{background:#2d2d30}body.dark-mode .payment-history-modal-header{border-bottom-color:#3f3f46}body.dark-mode .payment-history-modal-header h2{color:#ccc}body.dark-mode .payment-history-modal-header .close-btn{color:#999}body.dark-mode .payment-history-modal-header .close-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .empty-message,body.dark-mode .loading-message{color:#999}body.dark-mode .payment-history-table{background:#252526}body.dark-mode .payment-history-table thead{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .payment-history-table td{border-bottom-color:#3f3f46}body.dark-mode .payment-history-table tbody tr:hover{background:#2d2d30}body.dark-mode .payment-history-total{background:#2d2d30;border-top-color:#3f3f46;color:#ccc}body.dark-mode .payment-history-total strong{color:#28a745}body.dark-mode .payment-history-total-row .remaining-debt{color:#dc3545}body.dark-mode .payment-history-total-row .no-debt{color:#28a745}@media (max-width:768px){.payment-history-modal{max-width:95%!important;width:95%!important}.payment-history-modal-header{padding:16px}.payment-history-modal-header h2{font-size:1.1rem}.payment-history-modal-content{padding:16px}.payment-history-table{font-size:.85rem}.payment-history-table td,.payment-history-table th{padding:8px}}.staff-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.staff-actions{padding:8px;text-align:center}.action-buttons{gap:6px}.btn-create-account,.btn-view-permissions{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-create-account{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-create-account:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-view-permissions{background:linear-gradient(135deg,#28a745,#20c997)}.btn-view-permissions:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.staff-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.btn-primary{background:linear-gradient(135deg,#007acc,#005a9e)}.btn-primary:hover{background:linear-gradient(135deg,#005a9e,#004578);box-shadow:0 2px 6px #007acc4d}.btn-secondary{background:#fff;border:1px solid #007acc;color:#007acc}.btn-secondary:hover{background:#f0f7ff;border-color:#005a9e;transform:translateY(-1px)}.btn-icon{font-size:1.1rem;line-height:1}.search-box{border:1px solid #ccc}.search-input{width:240px}.search-btn{color:#666}.staff-table-container{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.staff-table{border-collapse:collapse;font-size:.9rem;width:100%}.staff-table thead{background:linear-gradient(180deg,#f5f5f5,#e5e5e5);border-bottom:2px solid #ccc}.staff-table th{border-right:1px solid #e0e0e0;color:#333;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.staff-table th:last-child{border-right:none}.staff-table th.sortable{cursor:pointer;transition:background .2s}.staff-table th.sortable:hover{background:#d8e4f0}.staff-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .15s}.staff-table tbody tr:hover{background:#f0f7ff}.staff-table tbody tr:last-child{border-bottom:none}.staff-table td{color:#333;padding:12px 16px}.staff-name{font-weight:500}.staff-email,.staff-phone{color:#666;font-size:.85rem}.staff-salary{color:#2d7d46;font-weight:600}.employee-type-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.pagination-container{background:#f5f5f5;border-radius:3px;padding:12px 16px}.pagination-info{color:#666}.items-per-page-select{border:1px solid #ccc;transition:border-color .2s}.pagination-buttons{gap:6px}.pagination-button{background:#fff;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;font-size:.9rem;min-width:36px;padding:6px 12px;text-align:center;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f0f7ff;border-color:#007acc;color:#007acc}.pagination-button.active{background:#007acc;border-color:#007acc;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#999;padding:6px}@media (max-width:768px){.staff-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.search-box{width:100%}.search-input{flex:1 1;width:100%}.pagination-container{align-items:stretch;flex-direction:column;text-align:center}.pagination-buttons,.pagination-info{justify-content:center}.pagination-buttons{flex-wrap:wrap}}.modal-content{background:#fff;box-shadow:0 4px 24px #0003;max-height:100vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px;position:relative}.modal-header h2{color:#333;font-size:24px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:28px;line-height:1;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s}.close-button:hover{color:#333}.modal-overlay{z-index:2000}.staff-modal-content{animation:slideUp .3s ease;background:#fff;border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:60%}.modal-close-btn:hover{background-color:#fff3}.modal-form{background:#fafbfc;overflow:hidden;padding:0}.staff-modal-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin:0;padding:8px 12px 0}.staff-modal-tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.staff-modal-tab:hover{background:#f3f4f6;color:#2563eb}.staff-modal-tab.active{background:linear-gradient(180deg,#eff6ff,#fafbfc);border-bottom-color:#2563eb;color:#2563eb}.staff-modal-tab-content{background:#fafbfc;flex:1 1;overflow-y:auto;padding:20px 24px 24px}.form-section{animation:fadeIn .3s ease;margin-bottom:0;margin-top:0}.form-group label{color:#374151;font-size:.875rem;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #d1d5db;border-radius:8px;color:#111827;padding:11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.phone-prefix{background:#f3f3f3!important;border-radius:3px 0 0 3px!important;color:#606060!important;cursor:default;flex-shrink:0;font-weight:500;min-width:60px;padding:10px 12px!important;width:auto}.phone-input-wrapper input[name=phone]{border-radius:0 3px 3px 0!important;cursor:text;pointer-events:auto}.phone-input-wrapper:focus-within .phone-prefix{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.phone-input-wrapper:focus-within input[name=phone]{border-left:1px solid #007acc}.color-selector-wrapper{align-items:center;display:flex;gap:12px}.color-preview{border:2px solid #e0e0e0;border-radius:3px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;height:40px;width:40px}.color-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.color-picker-btn{background:#f3f3f3;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.color-picker-btn:hover{background:#e8e8e8;border-color:#007acc;color:#007acc}.checkbox-group{margin-bottom:4px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.time-range-wrapper{align-items:center;display:flex;gap:12px}.time-range-wrapper input[type=time]{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.time-range-wrapper input[type=time]:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.time-separator{color:#606060;flex-shrink:0;font-size:.9rem;font-weight:500}.lunch-break-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-top:0;overflow:hidden}.lunch-break-hours-table{border-collapse:collapse;width:100%}.lunch-break-hours-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.lunch-break-hours-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:12px 14px;text-align:left;text-transform:uppercase}.lunch-break-hours-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.lunch-break-hours-table tbody tr:hover{background:#f9fafb}.lunch-break-hours-table tbody tr:last-child{border-bottom:none}.lunch-break-hours-table td{padding:12px 14px;vertical-align:middle}.day-label{font-size:.9rem;min-width:60px}.lunch-break-hours-table input[type=time],.work-hours-table input[type=time]{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;color:#111827;font-size:.85rem;outline:none;padding:8px 10px;transition:all .2s;width:100%}.lunch-break-hours-table input[type=time]:focus,.work-hours-table input[type=time]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.lunch-break-hours-table input[type=time]::placeholder,.work-hours-table input[type=time]::placeholder{color:#999}.work-hours-table-container{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-top:0}.work-hours-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.work-hours-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.work-hours-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.work-hours-table tbody tr:hover{background:#f9fafb}.status-select{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.85rem;font-weight:500;outline:none;padding:8px 10px;transition:all .2s;width:100%}.status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.work-hours-table input[type=time]:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.collapsible-section{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px}.entitlement-section{border-top:none;margin-top:0;padding-top:0}.section-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #0000;cursor:pointer;gap:12px;margin:0;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.section-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.collapsible-section:has(.section-header:hover){border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.section-toggle-icon{align-items:center;background:#dbeafe;border-radius:6px;color:#2563eb;display:flex;font-size:1.1rem;font-weight:700;height:24px;justify-content:center;order:-1;transition:all .2s;width:24px}.section-header h3{color:#111827;flex:1 1;font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin:0;order:1}.section-content{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff;max-height:450px;overflow-y:auto;padding:20px}.salary-input-wrapper{align-items:center;display:flex;gap:0}.salary-input-wrapper input{border-radius:3px 0 0 3px!important;flex:1 1}.currency-badge{font-size:.9rem;padding:10px 14px}.salary-input-wrapper:focus-within .currency-badge{border-color:#007acc;border-left:1px solid #007acc}.premium-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.premium-input-group{display:flex;flex-direction:column;gap:6px}.premium-input-group label{color:#606060;font-size:.85rem;font-weight:400;margin-bottom:0}.percentage-input-wrapper{align-items:center;display:flex;gap:0}.percentage-input-wrapper input{border-radius:3px 0 0 3px!important;flex:1 1;font-size:.9rem;padding:8px 10px}.percentage-badge{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 12px}.percentage-input-wrapper:focus-within .percentage-badge{border-color:#007acc;border-left:1px solid #007acc}.modal-actions{background:#fff;border-top:1px solid #e5e7eb;padding:20px 24px}.cancel-btn,.save-btn{border-radius:8px;letter-spacing:.01em;padding:11px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn{border:1.5px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 4px #2563eb33}.save-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}body.dark-mode .staff-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .phone-prefix{background:#2d2d30!important;color:grey!important}body.dark-mode .color-preview{border-color:#3f3f46}body.dark-mode .color-picker-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .color-picker-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .time-range-wrapper input[type=time]{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .time-range-wrapper input[type=time]:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .time-separator{color:grey}body.dark-mode .lunch-break-table{background:#2d2d30;border-color:#3f3f46}body.dark-mode .lunch-break-hours-table thead{background:#252526}body.dark-mode .lunch-break-hours-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .lunch-break-hours-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .lunch-break-hours-table input[type=time],body.dark-mode .work-hours-table input[type=time]{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .lunch-break-hours-table input[type=time]:focus,body.dark-mode .work-hours-table input[type=time]:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .work-hours-table-container{background:#2d2d30}body.dark-mode .work-hours-table thead{background:#252526}body.dark-mode .status-select{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .status-select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .work-hours-table input[type=time]:disabled{background:#1e1e1e;color:#606060}body.dark-mode .entitlement-section{border-top-color:#3f3f46}body.dark-mode .section-header{background:#2d2d30}body.dark-mode .section-header:hover{background:#3f3f46}body.dark-mode .section-header h3{color:#ccc}body.dark-mode .premium-input-group label{color:grey}body.dark-mode .percentage-badge{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .staff-modal-tabs{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .staff-modal-tab{color:grey}body.dark-mode .staff-modal-tab:hover{background:#2d2d30;color:#4a9eff}body.dark-mode .staff-modal-tab.active{background:#1e1e1e;border-bottom-color:#4a9eff;color:#4a9eff}body.dark-mode .staff-modal-tab-content{background:#1e1e1e}@media (max-width:480px){.staff-modal-content{margin:10px;width:95%}.modal-form{padding:16px}.form-row{grid-template-columns:1fr}.phone-input-wrapper{flex-direction:column}.phone-prefix{border-bottom:none!important;border-radius:3px 3px 0 0!important;border-right:1px solid #cccedb!important}.phone-input-wrapper input[name=phone]{border-left:1px solid #cccedb!important;border-radius:0 0 3px 3px!important;border-top:none!important}.premium-row{grid-template-columns:1fr}body.dark-mode .phone-prefix{border-right-color:#3f3f46!important}body.dark-mode .phone-input-wrapper input[name=phone]{border-left-color:#3f3f46!important}}.staff-credentials-modal{max-height:90vh;max-width:900px;width:90%}.staff-info{color:#666;font-size:14px;margin:8px 0 0}.staff-info strong{color:#667eea}.progress-indicator{justify-content:center;margin:24px 0;padding:0 20px}.progress-indicator,.step{align-items:center;display:flex}.step{flex-direction:column;position:relative}.step-number{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s;width:40px}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.step.completed .step-number{background:#28a745;color:#fff}.step-label{color:#6c757d;font-size:13px;font-weight:500}.step.active .step-label{color:#667eea;font-weight:600}.step-line{background:#e9ecef;flex:1 1;height:2px;margin:0 20px;max-width:100px}.credentials-form{padding:20px}.credentials-form .form-group{margin-bottom:20px}.credentials-form label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.credentials-form input,.credentials-form select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.credentials-form input:focus,.credentials-form select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.credentials-form input:disabled{background:#f0f0f0;color:#333;cursor:not-allowed}.help-text{color:#6c757d;font-size:12px;margin:6px 0 0}.form-actions{border-top:1px solid #e9ecef;justify-content:space-between}.btn-back,.btn-cancel,.btn-next{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.btn-next:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-back{background:#fff;border:2px solid #667eea;color:#667eea;margin-bottom:16px;padding:8px 16px}.btn-back:hover{background:#f8f9fa}.permissions-step{padding:0}.loading-state{color:#667eea;font-size:16px;padding:60px 20px;text-align:center}.error-message{background:#f8d7da;border-radius:6px;color:#721c24}.error-icon{font-size:18px}@media (max-width:768px){.staff-credentials-modal{max-height:95vh;width:95%}.progress-indicator{padding:0 10px}.step-line{margin:0 10px;max-width:50px}.step-label{font-size:11px}.credentials-form{padding:16px}.form-actions{flex-direction:column}.btn-cancel,.btn-next{width:100%}}.permission-manager{background:#fff;border-radius:12px;max-height:70vh;overflow-y:auto;padding:24px}.permission-manager.error,.permission-manager.loading{color:#666;font-size:16px;padding:40px;text-align:center}.permission-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.permission-header h3{color:#333;font-size:24px;margin:0 0 8px}.permission-subtitle{color:#666;font-size:14px;margin:0}.role-selector{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.role-selector label{color:#333;display:block;font-weight:600;margin-bottom:8px}.role-selector select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.role-selector .help-text{color:#666;font-size:12px;margin:8px 0 0}.permissions-container{margin-bottom:24px}.permission-group{margin-bottom:32px}.group-title{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;padding:8px 12px}.permissions-table{overflow-x:auto}.permissions-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.permissions-table thead{background:#f8f9fa}.permissions-table th{border-bottom:2px solid #e9ecef;color:#555;font-size:13px;font-weight:600;padding:12px;text-align:left}.permissions-table td{border-bottom:1px solid #f0f0f0;padding:12px;text-align:center}.permission-name{font-weight:500;text-align:left!important}.perm-icon{display:inline-block;font-size:18px;margin-right:8px;min-width:24px;text-align:center}.permissions-table input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.permissions-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.btn-deselect-all,.btn-select-all{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin:0 2px;padding:4px 10px;transition:all .2s}.btn-select-all{background:#28a745;color:#fff}.btn-select-all:hover{background:#218838}.btn-deselect-all{background:#dc3545;color:#fff}.btn-deselect-all:hover{background:#c82333}.permission-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.permission-manager{padding:16px}.permissions-table{font-size:12px}.permissions-table td,.permissions-table th{padding:8px 4px}.permission-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.staff-permissions-view{max-height:90vh;max-width:900px}.staff-permissions-view.large{max-width:1000px}.staff-info-header{color:#666;font-size:14px;margin:8px 0 0}.username{color:#667eea;font-weight:600}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.permissions-summary{padding:0}.summary-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.summary-header h3{color:#333;font-size:20px;margin:0}.btn-edit-permissions{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-edit-permissions:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.no-permissions{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:60px 20px;text-align:center}.no-permissions p{color:#666;font-size:16px;margin-bottom:20px}.btn-add-permissions{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-add-permissions:hover{background:#218838;transform:translateY(-2px)}.permissions-list{margin:20px 0}.permission-group-view{margin-bottom:32px}.permission-group-view .group-title{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:16px;font-weight:600;margin:0 0 16px;padding:8px 12px}.permissions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.permission-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.permission-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.permission-icon{font-size:20px}.permission-name{color:#333;font-size:14px;font-weight:600}.permission-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.badge.view{background:#e3f2fd;color:#1976d2}.badge.create{background:#e8f5e9;color:#388e3c}.badge.edit{background:#fff3e0;color:#f57c00}.badge.delete{background:#ffebee;color:#d32f2f}.permissions-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:32px;padding:20px}.permissions-info h4{color:#333;font-size:16px;margin:0 0 12px}.permissions-info ul{margin:0;padding-left:20px}.permissions-info li{color:#666;line-height:1.6;margin-bottom:8px}.modal-footer{padding:16px 24px}.btn-close{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-close:hover{background:#5a6268}.error-box{background:#ffebee;border:1px solid #ef5350;border-radius:8px;padding:20px;text-align:center}.error-box p{color:#c62828;margin-bottom:12px}.error-box .help-text{color:#666;font-size:14px;margin-top:12px}.loading{color:#667eea;font-size:16px;padding:60px;text-align:center}@media (max-width:768px){.staff-permissions-view{max-height:95vh;width:95%}.permissions-grid{grid-template-columns:1fr}.summary-header{align-items:stretch;flex-direction:column;gap:12px}.btn-edit-permissions{width:100%}}.product-sales-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.product-sales-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.product-sales-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.product-sales-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.product-sales-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-sales-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.product-sales-table th:first-child{min-width:120px}.product-sales-table th:nth-child(2){min-width:140px}.product-sales-table th:nth-child(3){max-width:200px;min-width:150px}.product-sales-table th:nth-child(4){min-width:130px}.product-sales-table th:nth-child(5){min-width:70px;text-align:center;width:70px}.product-sales-table th:nth-child(6),.product-sales-table th:nth-child(7),.product-sales-table th:nth-child(8){min-width:110px;text-align:right}.product-sales-table th:nth-child(9){min-width:100px}.product-sales-table th:nth-child(10){min-width:120px;text-align:center;width:120px}.product-sales-table th.sortable{cursor:pointer;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.product-sales-table th.sortable:hover{background:#e6f7ff;color:#007acc}.product-sales-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.product-sales-table tbody tr:hover{background:#f5f5f5}.product-sales-table tbody tr:last-child{border-bottom:none}.product-sales-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:14px 12px;vertical-align:middle}.product-sales-table td:nth-child(5){text-align:center}.product-sales-table td:nth-child(6),.product-sales-table td:nth-child(7),.product-sales-table td:nth-child(8){text-align:right}.product-sales-table td:nth-child(11){text-align:center}.sale-date{font-size:.875rem}.sale-customer,.sale-product,.sale-seller{color:#1e1e1e;font-size:.875rem;font-weight:500}.sale-product{cursor:help;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-quantity{color:#1e1e1e;font-size:.875rem;font-weight:600}.sale-paid,.sale-total{color:#007acc}.sale-paid,.sale-remaining,.sale-total{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;white-space:nowrap}.sale-created,.sale-creator{color:#606060;font-size:.875rem;font-weight:500}.table-actions{align-items:center;justify-content:center}.empty-table-message:before{content:"💰"}.product-sales-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:auto;padding:12px 0 0}.footer-info{align-items:center;color:#606060;display:flex;font-size:.85rem;font-weight:400;gap:16px}.footer-info strong{color:#1e1e1e;font-size:.9rem;font-weight:600}.filter-info{color:#999}.filter-info,.page-info{font-size:.8rem}body.dark-mode .product-sales-page{background-color:#1e1e1e;color:#ccc}body.dark-mode .product-sales-toolbar{border-bottom-color:#3f3f46}body.dark-mode .product-sales-table-container{background:#252526;border-color:#3f3f46;box-shadow:0 1px 3px #0000004d}body.dark-mode .product-sales-table thead{background:#2d2d30}body.dark-mode .product-sales-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .product-sales-table th.sortable:hover{background:#094771;color:#4a9eff}body.dark-mode .product-sales-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .product-sales-table tbody tr:hover{background:#2d2d30}body.dark-mode .product-sales-table td{color:#ccc}body.dark-mode .sale-created,body.dark-mode .sale-creator,body.dark-mode .sale-date,body.dark-mode .sale-product,body.dark-mode .sale-quantity{color:grey}body.dark-mode .sale-customer,body.dark-mode .sale-seller{color:#ccc}body.dark-mode .sale-paid,body.dark-mode .sale-total{color:#4a9eff}body.dark-mode .product-sales-footer{border-top-color:#3f3f46}body.dark-mode .footer-info{color:grey}body.dark-mode .footer-info strong{color:#ccc}body.dark-mode .items-per-page-select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .pagination-btn:disabled{background:#1e1e1e;border-color:#3f3f46;color:#606060}@media (max-width:768px){.product-sales-page{margin-left:0;padding:15px;width:100%}.product-sales-toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar-left{justify-content:stretch;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.toolbar-right{width:100%}.search-box{min-width:auto;width:100%}.product-sales-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.product-sales-table{min-width:800px}.product-sales-table td,.product-sales-table th{font-size:.8rem;padding:10px 8px}}@media (max-width:480px){.product-sales-page{padding:12px}.product-sales-table td,.product-sales-table th{font-size:.75rem;padding:8px 6px}.product-sales-footer{align-items:flex-start;flex-direction:column;gap:8px}.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;height:32px;min-width:32px;padding:0 8px}}.package-sales-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.package-sales-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.toolbar-btn{transition:all .2s ease}.close-settings-btn{border-radius:3px;font-size:1.2rem}.close-settings-btn:hover{background:#f3f3f3}.column-toggle-label{transition:color .2s}.package-sales-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:auto;overflow-y:visible;width:100%}.package-sales-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.package-sales-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.package-sales-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:14px 12px;text-align:left;text-transform:uppercase;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.package-sales-table th:hover{background:#e6f7ff;color:#007acc}.package-sales-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.package-sales-table tbody tr:hover{background:#f5f5f5}.package-sales-table tbody tr:last-child{border-bottom:none}.package-sales-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:14px 12px;vertical-align:middle}.service-list{display:flex;flex-wrap:wrap;gap:4px}.service-tag{background:#e6f7ff;border-radius:3px;color:#007acc;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.remaining-usage{color:#2e7d32;font-weight:600}.remaining-amount,.remaining-usage-zero{color:#d32f2f;font-weight:600}.paid-amount{color:#2e7d32;font-weight:600}.action-buttons{flex-wrap:wrap;justify-content:center}.payments-dropdown-wrapper{position:relative}.payments-dropdown-toggle{align-items:center;background:#424242;border:1px solid #424242;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:space-between;padding:10px 14px;transition:all .2s ease;white-space:nowrap;width:100%}.payments-dropdown-toggle:hover{background:#505050;border-color:#505050}.payments-dropdown-toggle .dropdown-icon{font-size:1rem}.payments-dropdown-toggle .dropdown-text{font-size:.85rem}.payments-dropdown-toggle .dropdown-arrow{font-size:.7rem;margin-left:4px;transition:transform .2s}.payments-dropdown-toggle .dropdown-arrow.open{transform:rotate(180deg)}.payments-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.payments-dropdown-menu .dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:10px 14px;transition:background .2s}.payments-dropdown-menu .dropdown-item:last-child{border-bottom:none}.payments-dropdown-menu .dropdown-item:hover{background:#f5f5f5}.payments-dropdown-menu .dropdown-item.danger{color:#d32f2f}.payments-dropdown-menu .dropdown-item.danger:hover{background:#ffebee;color:#c62828}.payments-dropdown-menu .dropdown-icon{flex-shrink:0;font-size:1rem}.payments-dropdown-menu .dropdown-text{flex:1 1}.usages-btn{align-items:center;background:#20b2aa;border:1px solid #20b2aa;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:flex-start;padding:10px 14px;transition:all .2s ease;white-space:nowrap;width:100%}.usages-btn:hover{background:#1a9b94;border-color:#1a9b94;box-shadow:0 2px 4px #20b2aa4d}.usages-btn .btn-icon{font-size:1rem}.action-btn{min-height:32px;min-width:32px}.empty-table-message:before{content:"📦"}.total-amount-row{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-bottom:1px solid #e0e0e0;border-top:2px solid #2196f3;box-shadow:0 2px 4px #2196f31a;display:flex;font-weight:600;margin-top:0;padding:16px 20px}.total-amount-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;width:100%}.total-amount-item{align-items:center;display:flex;gap:8px}.total-amount-label{color:#1976d2;font-size:1rem;font-weight:600}.total-amount-value{color:#0d47a1;font-weight:700}.total-amount-separator{color:#2196f3;font-size:1.2rem;font-weight:600;margin:0 4px}.pagination{border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.pagination-controls{gap:4px}.pagination-btn{align-items:center;border:1px solid #e0e0e0;display:flex;font-weight:500;height:36px;justify-content:center;padding:0 12px}.pagination-btn.active{font-weight:600}.pagination-btn:disabled{background:#f3f3f3;opacity:.4}.pagination-btn:disabled:hover{background:#f3f3f3;border-color:#e0e0e0;color:#1e1e1e}body.dark-mode .package-sales-page{background-color:#1e1e1e;color:#ccc}body.dark-mode .package-sales-toolbar{border-bottom-color:#3f3f46}body.dark-mode .search-box:focus-within{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .package-sales-table-container{background:#252526;border-color:#3f3f46;box-shadow:0 1px 3px #0000004d}body.dark-mode .package-sales-table thead{background:#2d2d30}body.dark-mode .package-sales-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .package-sales-table th:hover{background:#094771;color:#4a9eff}body.dark-mode .package-sales-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .package-sales-table tbody tr:hover{background:#2d2d30}body.dark-mode .package-sales-table td{color:#ccc}body.dark-mode .service-tag{background:#007acc33;color:#4a9eff}body.dark-mode .remaining-usage{color:#81c784}body.dark-mode .remaining-amount,body.dark-mode .remaining-usage-zero{color:#ef5350}body.dark-mode .paid-amount{color:#81c784}body.dark-mode .payments-dropdown-toggle{background:#3f3f46;border-color:#3f3f46;color:#ccc}body.dark-mode .payments-dropdown-toggle:hover{background:#505050;border-color:#505050}body.dark-mode .payments-dropdown-menu{background:#2d2d30;border-color:#3f3f46}body.dark-mode .payments-dropdown-menu .dropdown-item{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .payments-dropdown-menu .dropdown-item:hover{background:#3f3f46}body.dark-mode .payments-dropdown-menu .dropdown-item.danger{color:#ef5350}body.dark-mode .payments-dropdown-menu .dropdown-item.danger:hover{background:#d32f2f33;color:#ff6b6b}body.dark-mode .usages-btn{background:#1a9b94;border-color:#1a9b94}body.dark-mode .usages-btn:hover{background:#158b84;border-color:#158b84}body.dark-mode .pagination{border-top-color:#3f3f46}body.dark-mode .items-per-page-select:hover{border-color:#007acc}body.dark-mode .total-amount-row{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-bottom-color:#3f3f46;border-top-color:#007acc}body.dark-mode .total-amount-label{color:#64b5f6}body.dark-mode .total-amount-value{color:#90caf9}body.dark-mode .total-amount-separator{color:#4a9eff}@media (max-width:768px){.package-sales-page{margin-left:0;padding:15px;width:100%}.package-sales-toolbar{align-items:stretch;flex-direction:column;gap:10px}.toolbar-left{justify-content:stretch;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.toolbar-right{width:100%}.search-box{min-width:auto;width:100%}.package-sales-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.package-sales-table{min-width:1200px}.package-sales-table td,.package-sales-table th{font-size:.8rem;padding:10px 8px}}.package-sale-modal-content{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;max-height:100vh;max-width:700px;overflow:hidden;position:relative;width:90%;z-index:1}.modal-header{flex-shrink:0}.modal-form{flex:1 1;max-height:calc(90vh - 60px);min-height:0;overflow-x:hidden;overflow-y:auto}.form-row .form-group{margin-bottom:0}.payment-methods-form-group{clear:both;width:100%}.autocomplete-wrapper{position:relative}.autocomplete-wrapper input{width:100%}.autocomplete-dropdown{background:#fff;border:1px solid #cccedb;border-radius:0 0 3px 3px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{padding:10px 12px;transition:background .2s}.dropdown-item:hover{background:#e6f7ff;color:#007acc}.dropdown-item.add-new{background:#f3f3f3;color:#007acc;font-weight:500}.dropdown-item.add-new:hover{background:#e6f7ff}.package-item-row{background:#fff;border:1px solid #e0e0e0;border-radius:3px;margin-bottom:12px;padding:12px}.package-fields-row{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr 1.5fr 1.5fr auto}.form-group-inline{display:flex;flex-direction:column;gap:6px}.form-group-inline label{color:#1e1e1e;font-size:.85rem;font-weight:500;margin:0}.form-group-inline input,.form-group-inline select{border:1px solid #cccedb;border-radius:3px;font-size:.85rem;padding:8px 10px;width:100%}.amount-input-wrapper input{border-radius:3px 0 0 3px!important;padding-right:40px}.currency-badge{border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 10px;pointer-events:none}.amount-input-wrapper:focus-within .currency-badge{border-color:#007acc;border-left:1px solid #007acc}.remove-package-btn{align-items:center;align-self:end;background:#ffebee;border:1px solid #ffcdd2;border-radius:3px;color:#d32f2f;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.remove-package-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.package-actions{margin-top:8px}.package-actions .btn-secondary{align-items:center;background:#0000;border:1px dashed #cccedb;border-radius:3px;color:#007acc;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s}.package-actions .btn-secondary:hover{background:#e6f7ff;border-color:#007acc;border-style:solid}.package-select-body{background:#f9f9f9;padding:16px 20px 20px}.package-select-search{margin-bottom:12px}.package-select-search label{color:#1e1e1e;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.package-select-search input{background:#fff;border:1px solid #cccedb;border-radius:3px;box-sizing:border-box;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.package-select-search input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.package-select-list{background:#fff;border:1px solid #e0e0e0;max-height:55vh;overflow-y:auto}.package-select-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;text-align:left;transition:background .15s ease,transform .05s ease;width:100%}.package-select-item:last-child{border-bottom:none}.package-select-item:hover{background:#e6f7ff}.package-select-item:active{transform:translateY(1px)}.package-select-item-main{flex:1 1;min-width:0}.package-select-item-title{color:#1e1e1e;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-select-item-subtitle{color:#606060;font-size:.85rem;margin-top:3px}.package-select-item-price{background:#f3f3f3;border:1px solid #e0e0e0;border-radius:999px;color:#007acc;flex-shrink:0;font-size:.9rem;font-weight:600;padding:6px 10px}.package-select-empty{color:#999;padding:18px 12px;text-align:center}.package-select-overlay{z-index:10006!important}.package-select-modal{display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:560px!important;min-height:220px;overflow:hidden!important;width:90%!important}.package-list{max-height:400px;overflow-y:auto;padding:20px}.package-item{border:1px solid #e0e0e0;border-radius:3px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.package-item:hover{background:#e6f7ff;border-color:#007acc}.package-item-name{color:#1e1e1e;font-size:.95rem;font-weight:600;margin-bottom:4px}.package-item-details{color:#606060;font-size:.85rem}.empty-message{font-size:.9rem;padding:40px 20px}.checkbox-group{margin-bottom:12px}.checkbox-row{align-items:flex-start!important;flex-direction:column!important}.checkbox-label,.checkbox-row{display:flex!important;gap:8px!important;text-align:left!important;width:100%!important}.checkbox-label{align-items:center!important;flex-direction:row!important;font-weight:400;justify-content:flex-start!important;margin:0!important;padding:4px 0;transition:all .2s ease}.checkbox-label:hover{color:#007acc}.checkbox-label input[type=checkbox]{flex-shrink:0;margin-left:0!important;margin-right:0!important;margin:0!important;width:auto!important}.checkbox-label span{color:#1e1e1e;font-size:.9rem}.validity-date-input{margin-top:8px;width:100%}body.dark-mode .package-sale-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .autocomplete-dropdown{background:#2d2d30;border-color:#3f3f46}body.dark-mode .dropdown-item{border-bottom-color:#3f3f46}body.dark-mode .dropdown-item:hover{background:#094771;color:#4a9eff}body.dark-mode .dropdown-item.add-new{background:#2d2d30;color:#4a9eff}body.dark-mode .dropdown-item.add-new:hover{background:#094771}body.dark-mode .package-item-row{background:#2d2d30;border-color:#3f3f46}body.dark-mode .form-group-inline label{color:#ccc}body.dark-mode .currency-badge{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .remove-package-btn{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .remove-package-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}body.dark-mode .package-actions .btn-secondary{border-color:#3f3f46;color:#4a9eff}body.dark-mode .package-actions .btn-secondary:hover{background:#094771;border-color:#007acc}body.dark-mode .package-select-modal{background:#252526;border-color:#3f3f46}body.dark-mode .package-item{background:#2d2d30;border-color:#3f3f46}body.dark-mode .package-item:hover{background:#094771;border-color:#007acc}body.dark-mode .package-item-name{color:#ccc}body.dark-mode .package-item-details{color:grey}body.dark-mode .package-select-body{background:#1e1e1e}body.dark-mode .package-select-search label{color:#ccc}body.dark-mode .package-select-search input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .package-select-search input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .package-select-list{background:#252526;border-color:#3f3f46}body.dark-mode .package-select-item{border-bottom-color:#3f3f46}body.dark-mode .package-select-item:hover{background:#094771}body.dark-mode .package-select-item-title{color:#ccc}body.dark-mode .package-select-item-subtitle{color:grey}body.dark-mode .package-select-item-price{background:#2d2d30;border-color:#3f3f46;color:#4a9eff}body.dark-mode .package-select-empty{color:grey}body.dark-mode .checkbox-label span{color:#ccc}body.dark-mode .checkbox-row{gap:20px}@media (max-width:768px){.package-sale-modal-content{max-width:95%;width:95%}.package-fields-row{gap:12px;grid-template-columns:1fr}.package-actions{flex-direction:column}}.modal-overlay{z-index:10001}.package-usages-modal-content{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:1}.usages-table-container{flex:1 1;overflow-y:auto;padding:20px}.usages-table{border-collapse:initial;border-spacing:0;width:100%}.usages-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.usages-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:12px;text-align:left;text-transform:uppercase}.usages-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.usages-table tbody tr:hover{background:#f5f5f5}.usages-table tbody tr:last-child{border-bottom:none}.usages-table td{color:#1e1e1e;font-size:.875rem;padding:12px;vertical-align:middle}.empty-table-message{height:200px;padding:60px 20px!important}.modal-footer{flex-shrink:0;justify-content:center}.btn-primary,.modal-footer{position:relative;z-index:1}.btn-primary{border-radius:3px;font-size:.9rem;font-weight:500;gap:8px;transition:all .2s ease}.action-btn{border:1px solid #e0e0e0;border-radius:3px;display:inline-flex;flex-shrink:0;padding:6px 8px;transition:all .15s ease}body.dark-mode .package-usages-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .usages-table thead{background:#2d2d30}body.dark-mode .usages-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .usages-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .usages-table tbody tr:hover{background:#2d2d30}body.dark-mode .usages-table td{color:#ccc}body.dark-mode .empty-table-message{color:grey}.modal-overlay{box-sizing:border-box;padding:20px;z-index:10010!important}.package-usage-modal-content{animation:slideUp .2s ease;background:#fff!important;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003!important;max-height:90vh;max-width:500px;overflow-y:auto;position:relative!important;width:90%;z-index:10011!important}.package-info{background:#f3f3f3;border:1px solid #e0e0e0;border-radius:3px;color:#1e1e1e;font-size:.9rem;font-weight:500;padding:10px 12px}.usage-info{color:#606060;font-size:.85rem;font-style:italic;margin-top:6px}.usage-info.no-usage{background:#ffebee;border:1px solid #ffcdd2;border-radius:3px;color:#d32f2f;font-style:normal;font-weight:500;margin-top:0;padding:10px 12px}.date-input-wrapper{align-items:stretch;gap:0}.date-input-wrapper input[type=date]{border-radius:3px 0 0 3px!important;flex:1 1}.date-picker-btn{align-items:center;border-left:none;border-radius:0 3px 3px 0;display:flex;flex-shrink:0;justify-content:center;padding:10px 14px}.date-picker-btn:hover{border-color:#cccedb;color:#007acc}.date-input-wrapper:focus-within .date-picker-btn{border-color:#007acc;border-left:1px solid #007acc}body.dark-mode .package-usage-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .modal-close-btn:hover{background-color:#ffffff26}body.dark-mode .modal-form{background:#1e1e1e}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#2d2d30}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{box-shadow:0 0 0 1px #007acc}body.dark-mode .form-group input::placeholder{color:grey}body.dark-mode .package-info{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .usage-info{color:grey}body.dark-mode .usage-info.no-usage{background:#d32f2f33;border-color:#4e2727;color:#ef5350}body.dark-mode .date-picker-btn:hover{border-color:#007acc;color:#4a9eff}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.services-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.services-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.btn-secondary.active{background:#007acc;border-color:#007acc;color:#fff}.btn-secondary.active:hover{background:#005a9e;border-color:#005a9e}.services-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.services-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.services-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.services-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.services-table th.sortable{cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.services-table th.sortable:hover{background:#e6f7ff;color:#007acc}.services-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.services-table tbody tr:hover{background:#f5f5f5}.services-table tbody tr:last-child{border-bottom:none}.services-table td{color:#1e1e1e;font-size:.875rem;padding:14px;vertical-align:middle}.service-title{color:#1e1e1e;font-weight:500}.service-category{color:#606060}.service-duration{color:#1e1e1e;font-weight:500}.service-staff{min-width:120px}.staff-badge{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:3px;color:#1976d2;cursor:help;display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 10px}.no-staff{color:#999;font-style:italic}.services-table td:first-child,.services-table th:first-child{padding:12px 8px;text-align:center;width:50px}.services-table td:first-child input[type=checkbox],.services-table th:first-child input[type=checkbox]{accent-color:#007acc;cursor:pointer;height:18px;width:18px}.online-badge{align-items:center;border:1px solid;border-radius:3px;display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 10px}.online-badge.online{background:#e8f5e9;border-color:#81c784;color:#2e7d32}.online-badge.offline{background:#f5f5f5;border-color:#e0e0e0;color:#757575}.empty-table-message:before{content:"✨"}body.dark-mode .services-page{background:#1e1e1e}body.dark-mode .services-toolbar{border-bottom-color:#3f3f46}body.dark-mode .services-table-container{border-color:#3f3f46}body.dark-mode .services-table{background:#1e1e1e}body.dark-mode .services-table thead{background:#2d2d30}body.dark-mode .services-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .services-table tbody tr{background:#1e1e1e;border-bottom-color:#3f3f46}body.dark-mode .services-table tbody tr:hover{background:#2d2d30}body.dark-mode .service-title,body.dark-mode .services-table td{color:#ccc}body.dark-mode .service-category{color:grey}body.dark-mode .service-duration{color:#ccc}body.dark-mode .online-badge.online{background:#1b4332;border-color:#4caf50;color:#81c784}body.dark-mode .online-badge.offline{background:#2d2d30;border-color:#3f3f46;color:grey}.categories-view{margin-top:20px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.category-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;transition:all .2s ease}.category-card:hover{border-color:#007acc;box-shadow:0 4px 8px #00000026}.category-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-card-header h3{color:#1e1e1e;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.category-actions{align-items:center}.btn-icon-small{background:#0000;border:1px solid #e0e0e0;border-radius:4px;color:#606060;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s}.btn-icon-small:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.btn-icon-small.delete:hover{background:#ffebee;border-color:#ff4d4f;color:#ff4d4f}.category-card-info{align-items:center;display:flex;font-size:.85rem;gap:12px;margin-bottom:12px}.category-service-count{color:#606060;font-weight:500}.category-online-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.category-online-badge.online{background:#e8f5e9;color:#2e7d32}.category-online-badge.offline{background:#fff3e0;color:#e65100}.category-services-list{animation:slideDown .2s ease;border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.category-services-list ul{list-style:none;margin:0;padding:0}.category-services-list li{align-items:center;background:#f9f9f9;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px;transition:all .2s}.category-services-list li:hover{background:#f0f0f0;transform:translateX(4px)}.service-duration{color:#606060;font-size:.85rem}.no-services{color:#999;font-style:italic;margin:0;padding:16px;text-align:center}.empty-state{color:#999;grid-column:1/-1;padding:40px}.empty-state p{margin-bottom:16px}body.dark-mode .category-card{background:#2d2d30;border-color:#3f3f46}body.dark-mode .category-card:hover{border-color:#4a9eff}body.dark-mode .category-card-header h3{color:#ccc}body.dark-mode .btn-icon-small{border-color:#3f3f46;color:grey}body.dark-mode .btn-icon-small:hover{background:#3f3f46;border-color:#4a9eff;color:#4a9eff}body.dark-mode .category-service-count{color:grey}body.dark-mode .category-services-list{border-top-color:#3f3f46}body.dark-mode .category-services-list li{background:#252526}body.dark-mode .category-services-list li:hover{background:#3f3f46}body.dark-mode .service-duration{color:grey}.service-modal-content{max-width:500px;width:90%}.category-input-wrapper{align-items:center;display:flex;gap:8px}.category-input-wrapper select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.category-input-wrapper select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.category-settings-btn{align-items:center;background:#f3f3f3;border:1px solid #cccedb;border-radius:3px;color:#606060;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.category-settings-btn:hover{background:#e8e8e8;border-color:#007acc;color:#007acc}@media (max-width:768px){.service-modal-content{max-width:95%;width:95%}.category-input-wrapper{flex-direction:column;gap:8px}.category-settings-btn{width:100%}}@media (max-width:480px){.service-modal-content{max-width:100%;width:100%}}.amount-input-wrapper,.duration-input-wrapper{max-width:200px!important}.amount-input-wrapper input,.duration-input-wrapper input{background:#0000;border-radius:3px 0 0 3px!important;width:100%}.duration-unit{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 14px;pointer-events:none}.duration-input-wrapper:focus-within .duration-unit{border-color:#007acc;border-left:1px solid #007acc}body.dark-mode .category-input-wrapper select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .category-settings-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .category-settings-btn:hover{background:#3f3f46;border-color:#007acc;color:#007acc}body.dark-mode .duration-unit{background:#2d2d30;border-color:#3f3f46;color:grey}.service-category-modal-content{max-width:450px;width:90%}@media (max-width:768px){.service-category-modal-content{max-width:95%;width:95%}}@media (max-width:480px){.service-category-modal-content{max-width:100%;width:100%}}.service-staff-modal-content{max-height:90vh;max-width:720px;overflow-y:auto;width:76%}.service-staff-table-container{border:1px solid #e0e0e0;border-radius:3px;margin:20px 0;overflow-x:auto}.service-staff-table{background:#fff;border-collapse:collapse;width:100%}.service-staff-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.service-staff-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.85rem;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.service-staff-table th:first-child{min-width:200px}.service-staff-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.service-staff-table tbody tr:hover{background:#f5f5f5}@media (max-width:768px){.service-staff-modal-content{max-width:95%;width:95%}.service-staff-table-container{overflow-x:auto}.service-staff-table{min-width:600px}}@media (max-width:480px){.service-staff-modal-content{max-width:100%;width:100%}}.service-staff-table tbody tr:last-child{border-bottom:none}.service-staff-table td{padding:12px 14px;vertical-align:middle}.service-name-cell{gap:12px;min-width:200px}.select-all-btn{background:none;border:none;border-radius:3px;color:#007acc;cursor:pointer;font-size:.85rem;padding:4px 8px;text-decoration:underline;transition:all .2s;white-space:nowrap}.select-all-btn:hover{background:#e6f7ff;text-decoration:none}.checkbox-cell{text-align:center;width:80px}.checkbox-label-staff{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.checkbox-label-staff input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:#fff;border:2px solid #cccedb;border-radius:3px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-label-staff input[type=checkbox]:checked+.checkbox-custom{background:#007acc;border-color:#007acc}.checkbox-label-staff input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-label-staff:hover .checkbox-custom{border-color:#007acc}.save-btn{background:#2e7d32;justify-content:center}.save-btn:hover{background:#1b5e20;box-shadow:0 2px 8px #2e7d324d}.save-icon{font-size:1.2rem;font-weight:700}.cancel-btn{font-size:.9rem;padding:9px 20px}.modal-actions .save-btn{padding:9px 20px;width:auto}body.dark-mode .service-staff-table-container{border-color:#3f3f46}body.dark-mode .service-staff-table{background:#1e1e1e}body.dark-mode .service-staff-table thead{background:#2d2d30}body.dark-mode .service-staff-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .service-staff-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .service-staff-table tbody tr:hover{background:#2d2d30}body.dark-mode .select-all-btn{color:#4a9eff}body.dark-mode .select-all-btn:hover{background:#094771}body.dark-mode .checkbox-custom{background:#2d2d30;border-color:#3f3f46}body.dark-mode .checkbox-label-staff:hover .checkbox-custom{border-color:#4a9eff}body.dark-mode .save-btn{background:#2e7d32}body.dark-mode .save-btn:hover{background:#1b5e20}.packages-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.packages-toolbar{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.toolbar-left{gap:10px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:3px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#007acc;border:1px solid #005a9e}.btn-primary:hover{background:#005a9e;border-color:#004080;box-shadow:0 2px 4px #007acc4d}.btn-secondary{background:#f3f3f3;border:1px solid #e0e0e0;color:#1e1e1e}.btn-secondary:hover{background:#e8e8e8;border-color:#d0d0d0}.btn-icon{font-size:1rem;font-weight:700}.search-btn{transition:color .2s ease}.packages-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;width:100%}.packages-table{border-collapse:initial;border-spacing:0;display:table;table-layout:auto;width:100%}.packages-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.packages-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.packages-table th.sortable{cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.packages-table th.sortable:hover{background:#e6f7ff;color:#007acc}.packages-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.packages-table tbody tr:hover{background:#f5f5f5}.packages-table tbody tr:last-child{border-bottom:none}.packages-table td{color:#1e1e1e;font-size:.875rem;padding:14px;vertical-align:middle}.package-amount{color:#1e1e1e;font-weight:500}.package-type{color:#606060}.package-service{color:#1e1e1e;font-weight:500}.package-price{color:#007acc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;white-space:nowrap}.empty-table-message{align-items:center;color:#999;display:flex;flex-direction:column;font-size:.95rem;gap:12px;height:400px;justify-content:center;padding:80px 20px!important;text-align:center}.empty-table-message:before{content:"📁";font-size:3rem;margin-bottom:8px;opacity:.5}body.dark-mode .packages-page{background:#1e1e1e}body.dark-mode .packages-toolbar{border-bottom-color:#3f3f46}body.dark-mode .btn-secondary{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .btn-secondary:hover{background:#3f3f46;border-color:#505050}body.dark-mode .packages-table-container{border-color:#3f3f46}body.dark-mode .packages-table{background:#1e1e1e}body.dark-mode .packages-table thead{background:#2d2d30}body.dark-mode .packages-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .packages-table tbody tr{background:#1e1e1e;border-bottom-color:#3f3f46}body.dark-mode .packages-table tbody tr:hover{background:#2d2d30}body.dark-mode .package-amount,body.dark-mode .package-service,body.dark-mode .packages-table td{color:#ccc}body.dark-mode .package-type{color:grey}body.dark-mode .package-price{color:#4a9eff}body.dark-mode .empty-table-message{color:#666}.form-row{grid-template-columns:1fr}@media (min-width:500px){.form-row{grid-template-columns:1fr 1fr}}.dashboard-page{background:#f5f5f5;margin-left:0;max-width:100%;min-height:100%;padding:0;width:100%}.dashboard-container{display:flex;min-height:calc(100vh - 75px)}.dashboard-sidebar{background:#f3f3f3;border-right:1px solid #e0e0e0;flex-shrink:0;padding:20px 0;width:250px}.dashboard-nav{display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{align-items:center;background:#0000;border:none;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.dashboard-nav-item:hover{background:#e8e8e8}.dashboard-nav-item.active{background:#007acc;color:#fff}.dashboard-nav-icon{font-size:1.1rem;text-align:center;width:24px}.dashboard-nav-label{flex:1 1}.dashboard-content{background:#fff;flex:1 1;overflow-y:auto;padding:30px}body.dark-mode .dashboard-page{background:#1e1e1e}body.dark-mode .dashboard-sidebar{background:#2d2d30;border-right-color:#3f3f46}body.dark-mode .dashboard-nav-item{color:#ccc}body.dark-mode .dashboard-nav-item:hover{background:#3f3f46}body.dark-mode .dashboard-nav-item.active{background:#007acc;color:#fff}body.dark-mode .dashboard-content{background:#1e1e1e}.settings-info-page{max-width:800px}.settings-title{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin-bottom:24px}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form .form-group{display:flex;flex-direction:column;gap:8px}.settings-form .form-group label{color:#1e1e1e;font-size:.9rem;font-weight:500}.settings-form .form-group input,.settings-form .form-group select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.settings-form .form-group input:focus,.settings-form .form-group select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.collapsible-section{background:#fff;border:1px solid #e0e0e0;border-radius:3px;margin-top:16px;overflow:hidden}.collapsible-header{align-items:center;background:#f3f3f3;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.collapsible-header:hover{background:#e8e8e8}.collapsible-icon{align-items:center;color:#007acc;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;width:24px}.collapsible-title{color:#1e1e1e;flex:1 1;font-size:.95rem;font-weight:500}.collapsible-content{animation:slideDown .2s ease;padding:20px}.input-with-badge input{border-radius:3px 0 0 3px!important}.percent-badge{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 14px;pointer-events:none}.input-with-badge:focus-within .percent-badge{border-color:#007acc;border-left:1px solid #007acc}.file-upload-btn{align-items:center;background:#007acc;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.file-upload-btn:hover{background:#005a9e;box-shadow:0 2px 4px #007acc4d}.upload-icon{font-size:1.1rem;font-weight:700}.checkbox-group{border-bottom:1px solid #f0f0f0;padding:12px 0}.checkbox-group:last-child{border-bottom:none}.checkbox-label{font-size:.95rem}.toggle-switch{flex-shrink:0}.save-btn{font-weight:600;padding:12px 32px}body.dark-mode .settings-form .form-group label,body.dark-mode .settings-title{color:#ccc}body.dark-mode .settings-form .form-group input,body.dark-mode .settings-form .form-group select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .collapsible-section{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .collapsible-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .collapsible-header:hover{background:#3f3f46}body.dark-mode .collapsible-title{color:#ccc}body.dark-mode .percent-badge{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .file-upload-btn{background:#007acc}body.dark-mode .file-upload-btn:hover{background:#005a9e}body.dark-mode .checkbox-group{border-bottom-color:#3f3f46}.working-hours-page{max-width:800px}.status-select,.time-input{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:8px 10px;transition:all .2s;width:100%}.status-select:focus,.time-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.time-input:disabled{background:#f3f3f3;color:#999;cursor:not-allowed}body.dark-mode .status-select,body.dark-mode .time-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .time-input:disabled{background:#1e1e1e;color:#666}.seasonal-working-hours-page{max-width:800px}.seasonal-hours-form{display:flex;flex-direction:column;gap:20px}.date-input-wrapper{align-items:center;display:flex;gap:8px}.date-input-wrapper input{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.date-input-wrapper input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.date-picker-btn{background:#f3f3f3;border:1px solid #cccedb;border-radius:3px;color:#606060;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .2s}.date-picker-btn:hover{background:#e8e8e8;border-color:#007acc}.checkbox-group{align-items:center;justify-content:space-between}.checkbox-label{font-weight:500;justify-content:space-between;width:100%}.edit-btn{background:#007acc;border:none;border-radius:3px;color:#fff;font-size:.85rem;padding:8px 16px}.edit-btn:hover{background:#005a9e}body.dark-mode .date-input-wrapper input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .date-picker-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .date-picker-btn:hover{background:#3f3f46}.lunch-break-section{margin-bottom:20px}.add-lunch-break-btn{background:#f3f3f3;border:1px solid #e0e0e0;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;margin:20px 0;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.add-lunch-break-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.work-hours-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:3px;margin:20px 0;overflow:hidden}.work-hours-table{border-collapse:collapse;width:100%}.work-hours-table thead{background:#f3f3f3}.work-hours-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.85rem;font-weight:600;padding:12px 14px;text-align:left}.work-hours-table tbody tr{border-bottom:1px solid #f0f0f0}.work-hours-table tbody tr:last-child{border-bottom:none}.work-hours-table td{padding:12px 14px;vertical-align:middle}.day-label{color:#1e1e1e;font-weight:500}.time-input{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:8px 10px;transition:all .2s;width:100%}.time-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .add-lunch-break-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .add-lunch-break-btn:hover{background:#3f3f46}body.dark-mode .work-hours-table-container{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .work-hours-table thead{background:#2d2d30}body.dark-mode .work-hours-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .work-hours-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .day-label{color:#ccc}body.dark-mode .time-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}.promotions-page{max-width:800px}.promotions-form{display:flex;flex-direction:column;gap:24px}.promotion-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;justify-content:space-between;padding-bottom:20px}.promotion-item:last-of-type{border-bottom:none}.promotion-item label{color:#1e1e1e;flex:1 1;font-size:.95rem;font-weight:500}.input-with-badge{align-items:center;display:flex;gap:0;min-width:150px}.input-with-badge input{background:#fff;border:1px solid #cccedb;border-radius:3px 0 0 3px;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 40px 10px 12px;transition:all .2s}.input-with-badge input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.currency-badge,.percent-badge{background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 3px 3px 0;color:#606060;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 14px;pointer-events:none}.input-with-badge:focus-within .currency-badge,.input-with-badge:focus-within .percent-badge{border-color:#007acc;border-left:1px solid #007acc}body.dark-mode .promotion-item{border-bottom-color:#3f3f46}body.dark-mode .promotion-item label{color:#ccc}body.dark-mode .input-with-badge input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .currency-badge,body.dark-mode .percent-badge{background:#2d2d30;border-color:#3f3f46;color:grey}.appointment-settings-page{max-width:800px}.appointment-settings-form{display:flex;flex-direction:column;gap:24px}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;justify-content:space-between;padding-bottom:20px}.setting-item:last-of-type{border-bottom:none}.setting-item label{color:#1e1e1e;flex:1 1;font-size:.95rem;font-weight:500}.settings-select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;min-width:200px;outline:none;padding:10px 12px;transition:all .2s}.settings-select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.toggle-switch{display:inline-block;height:26px;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cccedb;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#007acc}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.google-signin-btn{align-items:center;background:#4285f4;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 20px;transition:all .2s}.google-signin-btn:hover{background:#357ae8;box-shadow:0 2px 4px #4285f44d}.google-icon{align-items:center;background:#fff;border-radius:2px;color:#4285f4;display:flex;font-size:.9rem;font-weight:700;height:20px;justify-content:center;width:20px}body.dark-mode .setting-item{border-bottom-color:#3f3f46}body.dark-mode .setting-item label{color:#ccc}body.dark-mode .settings-select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .toggle-slider{background-color:#3f3f46}body.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:#007acc}.calendar-page{background:#f3f3f3;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 75px);padding:20px}.calendar-header{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.calendar-header-left{align-items:center;display:flex;gap:12px}.calendar-nav-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-nav-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.calendar-date-picker-wrapper{align-items:center;display:flex;position:relative}.calendar-date-picker{cursor:pointer;height:100%;opacity:0;pointer-events:none;position:absolute;width:100%}.calendar-date-display{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.95rem;font-weight:500;min-width:200px;padding:8px 16px;text-align:center;transition:all .2s}.calendar-date-display:hover{background:#f3f3f3;border-color:#007acc}.calendar-date-picker-popup{background:#fff;border:1px solid #cccedb;border-radius:8px;box-shadow:0 10px 28px #00000026;left:0;margin-top:6px;min-width:260px;padding:12px;position:absolute;top:100%;z-index:1000}.calendar-date-picker-popup-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.calendar-date-picker-popup-nav{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;color:#1e1e1e;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:background .2s,border-color .2s;width:32px}.calendar-date-picker-popup-nav:hover{background:#e8e8e8;border-color:#007acc;color:#007acc}.calendar-date-picker-popup-title{color:#1e1e1e;font-size:.95rem;font-weight:600}.calendar-date-picker-popup-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.calendar-date-picker-popup-weekday{color:#606060;font-size:.75rem;font-weight:600;padding:4px 0;text-align:center}.calendar-date-picker-popup-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-date-picker-popup-day{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;margin:0 auto;transition:background .2s,color .2s;width:32px}.calendar-date-picker-popup-day.empty{cursor:default;visibility:hidden}.calendar-date-picker-popup-day:not(.empty):hover{background:#e6f7ff;color:#007acc}.calendar-date-picker-popup-day.current{background:#007acc;color:#fff}.calendar-date-picker-popup-day.current:hover{background:#005a9e;color:#fff}.calendar-date-picker-popup-today{background:#f8f8f8;border:1px solid #cccedb;border-radius:6px;color:#1e1e1e;cursor:pointer;font-size:.85rem;margin-top:10px;padding:8px;transition:background .2s,border-color .2s;width:100%}.calendar-date-picker-popup-today:hover{background:#e8e8e8;border-color:#007acc;color:#007acc}.calendar-today-btn{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.calendar-today-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.calendar-header-right{align-items:center;display:flex;gap:12px}@media (max-width:768px){.calendar-today-btn{display:none}.calendar-header{align-items:stretch;flex-direction:column;gap:12px}.calendar-header-left{width:100%}.calendar-header-right{align-items:stretch;flex-direction:column;gap:8px;width:100%}.calendar-header-right .calendar-icon-btn{display:none}.calendar-header-right>*{width:100%}.staff-selector-display{justify-content:space-between;max-width:none;min-width:auto;width:100%}.view-btn{justify-content:center}.calendar-add-btn,.view-btn{box-sizing:border-box;max-width:100%!important;min-width:100%!important;width:100%!important}}.calendar-icon-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-icon-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.staff-selector{position:relative}.staff-selector-display{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;gap:8px;max-width:300px;min-width:200px;padding:8px 16px;transition:all .2s}.staff-selector-display:hover{background:#f3f3f3;border-color:#007acc}.staff-icon{flex-shrink:0;font-size:1rem}.staff-selector-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 4px 12px #00000026;display:none;max-height:400px;max-width:350px;min-width:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.staff-selector:hover .staff-selector-dropdown{display:block}.staff-selector-header{border-bottom:1px solid #e0e0e0;padding:12px}.staff-select-all-btn{background:#f3f3f3;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.85rem;padding:8px;transition:all .2s;width:100%}.staff-select-all-btn:hover{background:#e8e8e8;border-color:#007acc}.staff-selector-list{padding:8px}.staff-selector-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .2s}.staff-selector-item:hover{background:#f3f3f3}.staff-selector-item input[type=checkbox]{accent-color:#007acc;cursor:pointer;height:18px;width:18px}.staff-color-indicator{border-radius:3px;flex-shrink:0;height:16px;width:16px}.view-selector{flex-shrink:0;position:relative}.view-btn{background:#007acc!important;border:1px solid #007acc!important;box-sizing:border-box;font-size:.9rem;gap:6px;min-width:160px;overflow:visible;white-space:nowrap;width:160px}.view-btn .view-icon,.view-btn .view-text{color:#fff!important;display:inline-block;flex-shrink:0}.view-btn .view-text{font-weight:500;white-space:nowrap}.view-btn.active .view-icon,.view-btn.active .view-text,.view-btn:hover .view-icon,.view-btn:hover .view-text{color:#fff!important}.view-btn.active,.view-btn:hover{background:#005a9e!important;border-color:#005a9e!important;color:#fff!important}.view-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 4px 12px #00000026;display:none;flex-direction:column;left:0;min-width:180px;position:absolute;top:calc(100% + 2px);z-index:1000}.view-dropdown:hover,.view-selector:hover .view-dropdown{display:flex}.view-option{background:none;border:none;color:#1e1e1e;cursor:pointer;font-size:.9rem;padding:10px 16px;text-align:left;transition:background-color .2s}.view-option:hover{background:#f3f3f3}.view-option.active{background:#e6f7ff;color:#007acc;font-weight:500}.calendar-add-btn{align-items:center;background:#28a745;border:none;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:160px;padding:8px 20px;transition:all .2s;white-space:nowrap;width:160px}.calendar-add-btn:hover{background:#218838;box-shadow:0 2px 4px #28a7454d}.calendar-content{background:#fff;border:1px solid #e0e0e0;border-radius:3px;flex:1 1;overflow:hidden}body.dark-mode .calendar-page{background:#1e1e1e}body.dark-mode .calendar-header{background:#252526;border-color:#3f3f46}body.dark-mode .calendar-icon-btn,body.dark-mode .calendar-nav-btn,body.dark-mode .calendar-today-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .calendar-icon-btn:hover,body.dark-mode .calendar-nav-btn:hover,body.dark-mode .calendar-today-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .calendar-date-display{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .calendar-date-display:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .calendar-date-picker-popup{background:#2d2d30;border-color:#3f3f46}body.dark-mode .calendar-date-picker-popup-nav{background:#3f3f46;border-color:#505050;color:#ccc}body.dark-mode .calendar-date-picker-popup-nav:hover{background:#505050;border-color:#007acc;color:#007acc}body.dark-mode .calendar-date-picker-popup-title{color:#ccc}body.dark-mode .calendar-date-picker-popup-weekday{color:#909090}body.dark-mode .calendar-date-picker-popup-day{color:#ccc}body.dark-mode .calendar-date-picker-popup-day:not(.empty):hover{background:#3f3f46;color:#007acc}body.dark-mode .calendar-date-picker-popup-day.current{background:#007acc;color:#fff}body.dark-mode .calendar-date-picker-popup-today{background:#3f3f46;border-color:#505050;color:#ccc}body.dark-mode .calendar-date-picker-popup-today:hover{background:#505050;border-color:#007acc;color:#007acc}body.dark-mode .staff-selector-display{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .staff-selector-display:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .staff-selector-dropdown{background:#252526;border-color:#3f3f46}body.dark-mode .staff-selector-header{border-bottom-color:#3f3f46}body.dark-mode .staff-select-all-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .staff-select-all-btn:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .staff-selector-item:hover{background:#2d2d30}body.dark-mode .view-btn{background:#007acc!important;border-color:#007acc!important;color:#fff!important}body.dark-mode .view-btn .view-icon,body.dark-mode .view-btn .view-text{color:#fff!important}body.dark-mode .view-btn:hover{background:#005a9e;border-color:#005a9e;color:#fff!important}body.dark-mode .view-btn:hover .view-icon,body.dark-mode .view-btn:hover .view-text{color:#fff!important}body.dark-mode .view-btn.active{background:#005a9e;border-color:#005a9e;color:#fff!important}body.dark-mode .view-btn.active .view-icon,body.dark-mode .view-btn.active .view-text{color:#fff!important}body.dark-mode .view-dropdown{background:#252526;border-color:#3f3f46}body.dark-mode .view-option{color:#ccc}body.dark-mode .view-option:hover{background:#2d2d30}body.dark-mode .view-option.active{background:#2d3a4f;color:#4a9eff}body.dark-mode .calendar-content{background:#1e1e1e;border-color:#3f3f46}.refresh-notification{background:#28a745;border-radius:4px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.9rem;font-weight:500;opacity:0;padding:12px 24px;pointer-events:none;position:fixed;right:20px;top:100px;transform:translateX(100px);transition:all .3s ease;z-index:10000}.refresh-notification.show{opacity:1;transform:translateX(0)}body.dark-mode .refresh-notification{background:#218838}.daily-view{background:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;height:100%;overflow:hidden}.daily-view-header{background:#f3f3f3;border-bottom:2px solid #e0e0e0;box-sizing:border-box;display:flex;min-width:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}@media (max-width:768px){.daily-view-header{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.staff-column-header{flex-shrink:0;min-width:120px}}.time-column-header{font-size:.85rem;justify-content:center}.staff-column-header,.time-column-header{align-items:center;box-sizing:border-box;color:#1e1e1e;display:flex;font-weight:600}.staff-column-header{flex:1 0;font-size:.9rem;gap:8px;min-width:0}.staff-column-header:last-child{border-right:none}.daily-view-content{box-sizing:border-box;display:flex;flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;width:100%}.time-slot{border-bottom:1px solid #d0d0d0;box-sizing:border-box;flex-direction:column;justify-content:space-between;margin:0;padding:4px 8px}.time-slot[data-interval="30"]:after{background-color:#e8e8e8;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.time-label-bottom,.time-label-top{align-self:flex-start}.staff-column{border-right:1px solid #e0e0e0;box-sizing:border-box;flex:1 0;min-width:0;position:relative}.staff-column:last-child{border-right:none}.time-slot-cell{border-bottom:1px solid #d0d0d0;box-sizing:border-box;margin:0;padding:0}.time-slot-cell[data-interval="30"]:after{background-color:#e8e8e8;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.time-slot-cell[dragover=true]{background:#e6f7ff;border:2px dashed #007acc}.time-slot-cell.slot-unavailable{pointer-events:auto}.appointment-card{cursor:move;left:4px;margin:0;min-height:40px;padding:6px 8px;right:4px;top:0}.appointment-card[dragging=true]{opacity:.5;transform:scale(.95)}.appointment-time{font-size:.75rem}.appointment-customer{font-size:.8rem}body.dark-mode .daily-view{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .daily-view-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .staff-column-header,body.dark-mode .time-column-header{border-right-color:#3f3f46;color:#ccc}body.dark-mode .staff-column{border-right-color:#3f3f46}body.dark-mode .time-slot-cell[dragover=true]{background:#2d3a4f;border-color:#007acc}.weekly-view{background:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;height:100%;overflow:hidden}.weekly-view-header{background:#f3f3f3;border-bottom:2px solid #e0e0e0;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.time-column-header{border-right:1px solid #e0e0e0;min-width:80px;padding:12px;width:80px}.day-number{font-size:1.2rem}.day-month{color:grey;font-size:.7rem}.weekly-view-content{display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto}.time-column{background:#fafafa;border-right:1px solid #e0e0e0;min-width:80px;width:80px}.time-slot{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;height:60px;padding:8px;position:relative}.time-label{color:#606060;font-size:.8rem;font-weight:500}.day-column{border-right:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column}.day-column:last-child{border-right:none}.staff-day-column{border-bottom:1px solid #f0f0f0;flex:1 1;position:relative}.staff-day-column:last-child{border-bottom:none}.time-slot-cell{border-bottom:1px solid #f0f0f0;cursor:pointer;height:60px;position:relative;transition:background-color .2s}.time-slot-cell:hover{background:#f5f5f5}.time-slot-cell.slot-selected{background:#d4edda;border:2px solid #28a745}.time-slot-cell.slot-unavailable{background:#f0f0f0;cursor:not-allowed}.time-slot-cell.slot-unavailable:hover{background:#f0f0f0}.appointment-card{background:#007acc;border-radius:3px;box-shadow:0 2px 4px #00000026;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;left:2px;min-height:30px;overflow:hidden;padding:4px 6px;position:absolute;right:2px;transition:transform .2s,box-shadow .2s;z-index:5}.appointment-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px);z-index:6}.appointment-resize-handle{bottom:0;cursor:ns-resize;height:10px;left:0;position:absolute;right:0;z-index:10}.appointment-resize-handle:hover{background:#fff6}.appointment-resize-handle:after{background:#fff9;border-radius:1px;bottom:2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.appointment-time{display:block;margin-bottom:2px;max-width:100%}.appointment-customer-name,.appointment-time{background:#0000;border-radius:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.appointment-customer-name{display:inline}.appointment-customer{font-size:.7rem;margin-bottom:2px}.appointment-service{font-size:.65rem}body.dark-mode .weekly-view{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .weekly-view-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .day-column-header,body.dark-mode .time-column-header{border-right-color:#3f3f46}body.dark-mode .day-month{color:#666}body.dark-mode .time-column{background:#252526;border-right-color:#3f3f46}body.dark-mode .time-slot{border-bottom-color:#3f3f46}body.dark-mode .time-label{color:grey}.appointment-tooltip{animation:fadeIn .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 6px 16px #0000001f;max-width:270px;min-width:200px;overflow:hidden;padding:0;transform:scale(.67);transform-origin:top right}.tooltip-header{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border-radius:8px 8px 0 0;color:#fff;display:flex;gap:10px;padding:9px 12px}.tooltip-icon{flex-shrink:0;font-size:.73rem;opacity:.9}.tooltip-customer-name{flex:1 1;font-size:1.5rem;font-weight:500;text-align:center}.tooltip-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.93rem;height:17px;justify-content:center;opacity:.8;padding:0;transition:all .2s ease;width:17px}.tooltip-close:hover{background:#ffffff26;opacity:1;transform:scale(1.1)}.tooltip-content{background:#e6f7ff;color:#007acc;font-size:1.5rem;line-height:1.4;padding:13px}body.dark-mode .appointment-tooltip{background:#2d3a4f;border-color:#3f3f46}body.dark-mode .tooltip-content{background:#1e3a5f;color:#4a9eff}body.dark-mode .day-column{border-right-color:#3f3f46}body.dark-mode .staff-day-column,body.dark-mode .time-slot-cell{border-bottom-color:#3f3f46}body.dark-mode .time-slot-cell:hover{background:#2d2d30}body.dark-mode .time-slot-cell.slot-unavailable,body.dark-mode .time-slot-cell.slot-unavailable:hover{background:#1e1e1e}.monthly-view{background:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;height:100%;overflow:hidden}.monthly-view-header{background:#f3f3f3;border-bottom:2px solid #e0e0e0;display:grid;grid-template-columns:repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:10}.weekday-header{border-right:1px solid #e0e0e0;color:#1e1e1e;font-size:.85rem;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.weekday-header:last-child{border-right:none}.monthly-view-grid{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);overflow-y:auto}.month-day-cell{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:8px;transition:background-color .2s}.month-day-cell:hover{background:#f5f5f5}.month-day-cell.other-month{background:#fafafa;color:#999}.month-day-cell.today{background:#e6f7ff;border:2px solid #007acc}.month-day-cell.today .day-number{color:#007acc;font-weight:700}.day-number{font-size:.9rem;font-weight:500;margin-bottom:4px}.day-appointments{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.month-appointment-badge{border-radius:3px;color:#fff;cursor:pointer;font-size:.7rem;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:transform .2s,box-shadow .2s;white-space:nowrap}.month-appointment-badge:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px);z-index:5}.appointment-time-small{font-weight:600;margin-right:4px;opacity:.9}.appointment-customer-small{opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-appointments{color:#007acc;cursor:pointer;font-size:.7rem;font-weight:500;padding:2px 4px;text-align:center}.more-appointments:hover{text-decoration:underline}body.dark-mode .monthly-view{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .monthly-view-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .weekday-header{border-right-color:#3f3f46;color:#ccc}body.dark-mode .month-day-cell{border-bottom-color:#3f3f46;border-right-color:#3f3f46}body.dark-mode .month-day-cell:hover{background:#2d2d30}body.dark-mode .month-day-cell.other-month{background:#252526;color:#666}body.dark-mode .month-day-cell.today{background:#2d3a4f;border-color:#007acc}body.dark-mode .month-day-cell.today .day-number,body.dark-mode .more-appointments{color:#4a9eff}.list-view{background:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;height:100%;overflow:hidden}.list-view-header{align-items:center;background:#f3f3f3;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.list-view-header h3{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0}.list-view-info{color:#606060;font-size:.9rem}.list-view-table-container{flex:1 1;overflow-y:auto}.list-view-table{border-collapse:collapse;width:100%}.list-view-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:5}.list-view-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.list-view-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.list-view-table th.sortable:hover{background:#e8e8e8}.list-view-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .15s ease}.list-view-table tbody tr:hover{background:#f5f5f5}.list-view-table td{color:#1e1e1e;font-size:.875rem;padding:12px 16px;vertical-align:middle}.appointment-date{min-width:180px}.date-display{font-weight:500;margin-bottom:2px}.time-display{color:#007acc;font-size:.8rem;font-weight:600}.appointment-customer{color:#1e1e1e}.appointment-staff{align-items:center;color:#1e1e1e;display:flex;gap:8px}.staff-color-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.appointment-service{color:#606060}.appointment-duration{color:#606060;text-align:center}.status-badge{font-size:.75rem;letter-spacing:.3px}.appointment-notes{color:grey;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-message{padding:60px 20px}body.dark-mode .list-view{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .list-view-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .list-view-header h3{color:#ccc}body.dark-mode .list-view-info{color:grey}body.dark-mode .list-view-table thead{background:#2d2d30}body.dark-mode .list-view-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .list-view-table th.sortable:hover{background:#3f3f46}body.dark-mode .list-view-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .list-view-table tbody tr:hover{background:#2d2d30}body.dark-mode .appointment-customer,body.dark-mode .appointment-staff,body.dark-mode .date-display,body.dark-mode .list-view-table td{color:#ccc}body.dark-mode .time-display{color:#4a9eff}body.dark-mode .appointment-duration,body.dark-mode .appointment-service{color:grey}body.dark-mode .appointment-notes{color:#666}.horizontal-view{background:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.horizontal-view-header{background:#f3f3f3;border-bottom:2px solid #e0e0e0;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.staff-column-header{min-width:150px;width:150px}.day-column-header,.staff-column-header{border-right:1px solid #e0e0e0;padding:12px}.day-column-header{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.day-column-header:last-child{border-right:none}.day-column-header.today{background:#e6f7ff;color:#007acc;font-weight:600}.day-name{color:#606060;font-size:.75rem;text-transform:uppercase}.day-column-header.today .day-name{color:#007acc}.day-number{color:#1e1e1e;font-size:1.1rem;font-weight:600}.day-column-header.today .day-number{color:#007acc}.horizontal-view-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.staff-row{border-bottom:1px solid #e0e0e0;display:flex;min-height:120px}.staff-label{align-items:center;background:#fafafa;border-right:1px solid #e0e0e0;color:#1e1e1e;display:flex;font-weight:500;gap:8px;min-width:150px;padding:12px;width:150px}.staff-color-bar{border-radius:2px;flex-shrink:0;height:20px;width:4px}.staff-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-timeline{display:flex;flex:1 1;position:relative}.day-timeline{border-right:1px solid #f0f0f0;flex:1 1;min-height:120px;position:relative}.day-timeline:last-child{border-right:none}.hour-marker{cursor:pointer;height:7.14286%;left:0;position:absolute;right:0;transition:background-color .2s}.hour-marker:hover{background:#007acc0d}.hour-line{background:#e0e0e0;bottom:0;left:0;position:absolute;top:0;width:1px}.horizontal-appointment{background:#007acc;border-radius:3px;bottom:4px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;min-width:80px;overflow:hidden;position:absolute;top:4px;transition:transform .2s,box-shadow .2s;z-index:5}.horizontal-appointment:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px);z-index:6}.horizontal-appointment-content{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;padding:6px 8px}.appointment-time{font-size:.7rem;font-weight:600;opacity:.9}.appointment-customer{font-size:.75rem}.appointment-customer,.appointment-service{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-service{font-size:.7rem;max-width:100%;opacity:.85;word-break:break-word}.time-axis{background:#f3f3f3;border-top:1px solid #e0e0e0;bottom:0;display:flex;margin-left:150px;padding:8px 0;position:-webkit-sticky;position:sticky;z-index:10}.time-axis-label{color:#606060;flex:1 1;font-size:.75rem;font-weight:500;text-align:center}body.dark-mode .horizontal-view{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .horizontal-view-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .day-column-header,body.dark-mode .staff-column-header{border-right-color:#3f3f46}body.dark-mode .day-column-header.today{background:#2d3a4f;color:#4a9eff}body.dark-mode .day-name{color:grey}body.dark-mode .day-column-header.today .day-name{color:#4a9eff}body.dark-mode .day-number{color:#ccc}body.dark-mode .day-column-header.today .day-number{color:#4a9eff}body.dark-mode .staff-row{border-bottom-color:#3f3f46}body.dark-mode .staff-label{background:#252526;border-right-color:#3f3f46;color:#ccc}body.dark-mode .day-timeline{border-right-color:#3f3f46}body.dark-mode .hour-marker:hover{background:#4a9eff1a}body.dark-mode .hour-line{background:#3f3f46}body.dark-mode .time-axis{background:#2d2d30;border-top-color:#3f3f46}body.dark-mode .time-axis-label{color:grey}.modal-overlay{z-index:10000}.appointment-modal-content{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:50%}.appointment-modal-header{background:linear-gradient(135deg,#007acc,#005a9e);border-bottom:none;box-shadow:0 2px 8px #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.appointment-modal-header-content{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.appointment-modal-title-section{flex:1 1}.appointment-modal-title{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.appointment-modal-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:16px;padding:0;transition:all .2s ease;width:36px}.appointment-modal-close-btn:hover{background:#fff3;transform:scale(1.05)}.appointment-modal-close-btn:active{transform:scale(.95)}.appointment-modal-close-btn svg{height:20px;width:20px}body.dark-mode .appointment-modal-header{background:linear-gradient(135deg,#2d3a4f,#1e2832);box-shadow:0 2px 8px #0000004d}body.dark-mode .appointment-modal-close-btn{background:#ffffff26}body.dark-mode .appointment-modal-close-btn:hover{background:#ffffff40}.services-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.section-title{font-size:1.1rem;margin-bottom:16px}.customer-search-wrapper{position:relative}.customer-search-input{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.customer-search-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.customer-dropdown{border:1px solid #e0e0e0;border-radius:3px;pointer-events:auto;top:calc(100% + 4px);z-index:10001}.customer-dropdown-item{padding:12px;transition:background-color .2s;user-select:none;-webkit-user-select:none}.customer-dropdown-item.banned-customer{background:#fff3e0;cursor:not-allowed;opacity:.6}.customer-dropdown-item.banned-customer:hover{background:#ffe0b2}.banned-badge{background:#ff9800;border-radius:3px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 6px}.customer-name{color:#1e1e1e;font-weight:500;margin-bottom:4px}.customer-details{color:#606060;display:flex;font-size:.8rem;gap:12px}.time-input-wrapper{align-items:center;display:flex}.time-input-wrapper input[type=time]{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.time-input-wrapper input[type=time]:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#007acc}.recurring-options{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:3px;margin-top:12px;padding:16px}.form-help-text{color:#606060;font-size:.8rem;font-style:italic;margin-top:4px}.options-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px}.option-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:16px;transition:all .2s ease}.option-card:hover{border-color:#007acc;box-shadow:0 2px 4px #007acc1a}.option-header{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;margin-bottom:0;padding-bottom:12px;-webkit-user-select:none;user-select:none}.option-header input[type=checkbox]{accent-color:#007acc;cursor:pointer;flex-shrink:0;height:18px;width:18px}.option-title{color:#1e1e1e;flex:1 1;font-size:.95rem;font-weight:600}.option-content{animation:slideDown .2s ease-out;border-top:1px solid #f8f8f8;margin-top:16px;padding-top:16px}.option-content .form-group{margin-bottom:16px}.option-content .form-group:last-child{margin-bottom:0}.option-content label{color:#606060;display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.option-content input[type=date],.option-content input[type=number],.option-content select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.option-content input[type=date]:focus,.option-content input[type=number]:focus,.option-content select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.option-content .form-row{display:flex;gap:12px;margin-bottom:0}.option-content .form-row .form-group{flex:1 1;margin-bottom:0}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit input{flex:1 1}.input-unit{color:grey;flex-shrink:0;font-size:.85rem;white-space:nowrap}body.dark-mode .option-card{background:#2d2d30;border-color:#3f3f46}body.dark-mode .option-card:hover{border-color:#007acc;box-shadow:0 2px 4px #007acc33}body.dark-mode .option-header{border-bottom-color:#3f3f46}body.dark-mode .option-title{color:#ccc}body.dark-mode .option-content{border-top-color:#3f3f46}body.dark-mode .option-content label{color:grey}body.dark-mode .option-content input[type=date],body.dark-mode .option-content input[type=number],body.dark-mode .option-content select{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .option-content input[type=date]:focus,body.dark-mode .option-content input[type=number]:focus,body.dark-mode .option-content select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .input-unit{color:grey}.service-input-row{align-items:flex-end;display:flex;gap:12px;margin-bottom:12px}.service-select,.service-staff-select{flex:1 1}.service-select select,.service-staff-select select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.service-select select:focus,.service-staff-select select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.service-select select:disabled,.service-staff-select select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.remove-service-btn{height:40px;width:40px}.add-service-btn{background:#f3f3f3;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;margin-bottom:20px;padding:10px 16px;text-align:center;transition:all .2s;width:100%}.add-service-btn:hover{background:#e8e8e8;border-color:#007acc;color:#007acc}.services-details-table{border:1px solid #e0e0e0;border-radius:3px;margin-top:20px;overflow:hidden}.services-table-header{grid-gap:12px;background:#f3f3f3;border-bottom:1px solid #e0e0e0;color:#1e1e1e;display:grid;font-size:.85rem;font-weight:600;gap:12px;grid-template-columns:60px 2fr 110px 110px 260px;padding:12px 16px}.table-col-order{text-align:center}.service-order-badge{align-items:center;background:#e8f5e9;border-radius:999px;color:#2e7d32;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;min-width:28px;padding:4px 8px}.table-col-service{text-align:left}.table-col-amount,.table-col-combine,.table-col-discount,.table-col-duration{text-align:center}.services-table-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:60px 2fr 110px 110px 260px;padding:12px 16px}.services-table-row:last-child{border-bottom:none}.services-table-row:hover{background:#f9f9f9}.service-name-cell{align-items:center;display:flex;gap:4px}.service-name{flex:1 1;font-size:.9rem}.move-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;color:#606060;cursor:pointer;display:inline-flex;font-size:.8rem;height:24px;justify-content:center;margin-right:8px;padding:0;transition:all .2s;width:24px}.move-btn:hover:not(:disabled){background:#f3f3f3;border-color:#007acc;color:#007acc}.move-btn:disabled{cursor:not-allowed;opacity:.3}.amount-input-wrapper,.duration-input-wrapper{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;display:flex;max-width:120px;overflow:hidden;width:100%}.amount-input-wrapper input,.duration-input-wrapper input{border:none;color:#1e1e1e;flex:1 1;font-size:.9rem;min-width:0;outline:none;padding:8px 10px;text-align:center}.amount-input-wrapper.without-badge input{border-radius:3px}.unit-badge{border-left:1px solid #cccedb;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 10px}.remove-service-detail-btn{align-items:center;background:#fff;border:1px solid #dc3545;border-radius:3px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-service-detail-btn:hover{background:#dc3545;color:#fff}.table-col-combine input[type=checkbox]{accent-color:#007acc;cursor:pointer;height:18px;width:18px}.combine-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}body.dark-mode .service-select select,body.dark-mode .service-staff-select select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .service-select select:focus,body.dark-mode .service-staff-select select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .service-select select:disabled,body.dark-mode .service-staff-select select:disabled{background:#252526;color:#666}body.dark-mode .remove-service-btn{background:#2d2d30;border-color:#dc3545;color:#dc3545}body.dark-mode .remove-service-btn:hover{background:#dc3545;color:#fff}body.dark-mode .add-service-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .add-service-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .services-details-table{border-color:#3f3f46}body.dark-mode .services-table-header{background:#2d2d30;border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .services-table-row{border-bottom-color:#3f3f46}body.dark-mode .services-table-row:hover{background:#2d2d30}body.dark-mode .move-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .move-btn:hover:not(:disabled){background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .amount-input-wrapper,body.dark-mode .duration-input-wrapper{background:#2d2d30;border-color:#3f3f46}body.dark-mode .amount-input-wrapper input,body.dark-mode .duration-input-wrapper input{background:#0000;color:#ccc}body.dark-mode .unit-badge{background:#252526;border-left-color:#3f3f46;color:grey}body.dark-mode .remove-service-detail-btn{background:#2d2d30;border-color:#dc3545;color:#dc3545}body.dark-mode .remove-service-detail-btn:hover{background:#dc3545;color:#fff}.discount-control{align-items:center;display:flex;gap:12px}.discount-toggle-label{-webkit-user-select:none;user-select:none}.discount-toggle-switch{background:#e0e0e0;border:1px solid #cccedb;border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:44px}.discount-toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:18px}.discount-toggle-label input[type=checkbox]:checked+.discount-toggle-switch{background:#007acc;border-color:#007acc}.discount-toggle-label input[type=checkbox]:checked+.discount-toggle-switch:after{left:24px}.discount-inputs{align-items:center;display:flex;flex:1 1;gap:8px}.discount-input-group{border-radius:3px}.discount-input-group input{font-size:.85rem;padding:6px 8px;text-align:center;width:60px}.discount-badge{flex-shrink:0;font-size:.75rem;padding:6px 8px;white-space:nowrap}.percent-badge{background:#e8f5e9;color:#28a745}.currency-badge{background:#f3f3f3;color:#28a745}.discount-convert-btn{border-radius:3px;color:#606060;font-size:1rem;height:28px;width:28px}.discount-convert-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.discount-edit-btn{align-items:center;background:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:all .2s;width:28px}.discount-edit-btn:hover{background:#218838;box-shadow:0 2px 4px #28a7454d}.table-col-discount{align-items:center;display:flex;min-width:0}body.dark-mode .discount-toggle-switch{background:#3f3f46;border-color:#3f3f46}body.dark-mode .discount-toggle-label input[type=checkbox]:checked+.discount-toggle-switch{background:#007acc;border-color:#007acc}body.dark-mode .discount-input-group{background:#2d2d30}body.dark-mode .currency-badge{background:#252526;color:#28a745}body.dark-mode .discount-convert-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .discount-convert-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .services-section{border-top-color:#3f3f46}body.dark-mode .customer-search-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .customer-name{color:#ccc}body.dark-mode .customer-details{color:grey}body.dark-mode .date-input-simple,body.dark-mode .time-input-wrapper input[type=time]{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .date-input-simple:focus{box-shadow:0 0 0 1px #007acc}body.dark-mode .recurring-options{background:#2d2d30;border-color:#3f3f46}body.dark-mode .form-help-text{color:grey}@media (max-width:768px){.appointment-modal-content,.modal-content.modal-width-50,.modal-content.modal-width-60,.modal-content.modal-width-70,.modal-content.modal-width-80{max-width:95%;width:95%}.form-row{flex-direction:column;gap:12px}.services-details-table{overflow-x:auto}.services-table{min-width:600px}.checkbox-row{flex-direction:column;gap:8px}}@media (max-width:480px){.appointment-modal-content{max-width:100%;width:100%}}.modal-actions{border-top:1px solid #e0e0e0;gap:10px;padding-top:16px}.cancel-btn,.save-btn{border-radius:3px;font-size:.9rem;font-weight:500;padding:9px 20px}.cancel-btn{background:#f3f3f3;border:1px solid #e0e0e0}.cancel-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.save-btn{border:1px solid #005a9e}.save-btn:hover{border-color:#004080;box-shadow:0 2px 4px #007acc4d}.delete-btn{background:#d32f2f;border:1px solid #c62828;border-radius:3px;cursor:pointer;font-size:.9rem;font-weight:500;padding:9px 20px;transition:all .2s}.delete-btn:hover{background:#c62828;border-color:#b71c1c;box-shadow:0 2px 4px #d32f2f4d}body.dark-mode .modal-actions{border-top-color:#3f3f46}body.dark-mode .cancel-btn:hover{border-color:#505050}.appointment-detail-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.appointment-detail-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.appointment-detail-modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 24px}.appointment-detail-modal-title{color:#1e1e1e;font-size:1.25rem;font-weight:600;margin:0}.appointment-detail-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background .2s,color .2s;width:32px}.appointment-detail-modal-close:hover{background:#f5f5f5;color:#1e1e1e}.appointment-detail-modal-content{padding:24px}.appointment-detail-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.appointment-detail-row:last-of-type{border-bottom:none}.appointment-detail-label{color:#1e1e1e;flex-shrink:0;font-size:.95rem;font-weight:600;min-width:140px}.appointment-detail-value{color:#333;flex:1 1;font-size:.95rem;text-align:left;word-break:break-word}.appointment-detail-customer{color:#007acc;font-weight:500}.appointment-detail-modal-footer{border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;padding:20px 24px}.appointment-detail-edit-btn{background:#20b2aa;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 32px;transition:background .2s,transform .1s;width:100%}.appointment-detail-edit-btn:hover{background:#1a9a94;transform:translateY(-1px)}.appointment-detail-edit-btn:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.appointment-detail-modal-container{background:#2d2d2d}.appointment-detail-modal-title{color:#fff}.appointment-detail-label{color:#e0e0e0}.appointment-detail-value{color:#ccc}.appointment-detail-modal-footer,.appointment-detail-modal-header,.appointment-detail-row{border-color:#404040}.appointment-detail-modal-close{color:#ccc}.appointment-detail-modal-close:hover{background:#404040;color:#fff}}.adisyon-detail-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.adisyon-detail-modal{animation:slideUp .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-height:95vh;max-width:1380px;min-width:1070px;overflow-y:auto;position:relative;width:75%}.detail-header{flex-shrink:0;position:relative}.customer-name-wrapper h2{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0}.print-btn{border-radius:4px}.edit-btn{background:#fff;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.edit-btn:hover{background:#f3f3f3;border-color:#007acc}.save-btn{border-radius:4px 0 0 4px;gap:6px}.save-dropdown-toggle{border-radius:0 4px 4px 0;padding:10px 8px}.save-dropdown-menu{animation:dropdownFadeIn .2s ease-out;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:220px;overflow:hidden;top:calc(100% + 8px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.save-dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.save-dropdown-menu .dropdown-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .2s ease;width:3px}.save-dropdown-menu .dropdown-item:hover{background:linear-gradient(90deg,#007acc14,#0000);padding-left:20px}.save-dropdown-menu .dropdown-item:hover:before{background:#007acc}.save-dropdown-menu .dropdown-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.save-dropdown-menu .dropdown-item:hover .dropdown-icon{transform:scale(1.15)}.save-dropdown-menu .dropdown-text{flex:1 1;font-weight:500}.save-dropdown-menu .dropdown-item.history-item{color:#007acc}.save-dropdown-menu .dropdown-item.history-item:hover{background:linear-gradient(90deg,#007acc1f,#0000);color:#005a9e}.save-dropdown-menu .dropdown-item.history-item:hover:before{background:#007acc}.save-dropdown-menu .dropdown-item.danger-item{border-top:1px solid #f0f0f0;color:#dc3545;margin-top:4px;padding-top:16px}.save-dropdown-menu .dropdown-item.danger-item:before{background:#0000}.save-dropdown-menu .dropdown-item.danger-item:hover{background:linear-gradient(90deg,#dc354514,#0000);color:#c82333}.save-dropdown-menu .dropdown-item.danger-item:hover:before{background:#dc3545}.detail-content-wrapper{display:flex;flex:1 1;overflow:hidden}.detail-left-column{border-right:1px solid #e0e0e0;flex:1 1;overflow-y:auto}.detail-right-column{background:#f9f9f9;flex-shrink:0;overflow-y:auto;width:400px}.time-section{gap:12px}.input-group input[type=date]{border-radius:4px;padding:8px 12px}.date-display-readonly,.time-display-readonly{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:.95rem;font-weight:500;min-width:80px;padding:8px 12px;text-align:center}.date-display-readonly{min-width:150px}.calendar-btn{border:none;border-radius:4px}.time-select-group{gap:4px}.time-select-group select{border-radius:4px;padding:8px 12px}textarea{border:1px solid #cccedb;border-radius:4px;font-family:inherit;font-size:.9rem;padding:8px 12px;resize:vertical;width:100%}.attendance-btn{border-radius:4px;color:#1e1e1e;flex:1 1;padding:10px}.attendance-btn.active{background:#007acc;color:#fff}.add-item-btn{border:1px solid #007acc;border-radius:4px;color:#007acc}.add-item-btn:hover{background:#e6f7ff}.service-item{border-radius:4px}.service-details-row select{padding:6px 10px}.duration-input,.price-input{gap:4px}.duration-input input,.price-input input{border:1px solid #cccedb;border-radius:3px;padding:6px 8px;width:80px}.remove-service-btn{background:#0000;border:none;font-size:1rem;padding:4px 8px}.empty-section{padding:12px 0}.product-sale-item{background:#f9f9f9;padding:12px}.sale-header{margin-bottom:8px}.sale-date{font-weight:500}.sale-items{gap:4px}.sale-item{display:flex;font-size:.85rem;justify-content:space-between}.add-photo-btn{border:1px solid #28a745;border-radius:4px;color:#28a745;padding:6px 12px}.add-photo-btn:hover{background:#e6ffe6}.photos-section{position:relative}.photos-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.photos-toggle-icon{color:#007acc;font-size:.8rem;margin-left:8px;transition:transform .3s ease}.photos-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.photos-content.expanded{max-height:2000px}.photos-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-item{padding-top:100%}.delete-photo-btn{height:24px;right:4px;top:4px;width:24px}.payment-panel{height:100%;padding:20px}.payment-title{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0 0 20px}.payment-after-discount{align-items:center;background:#e7f3ff;border:1px solid #007acc;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:8px;padding:12px 16px}.payment-after-discount .discount-label{color:#005a9e;font-size:.95rem;font-weight:500}.payment-after-discount .discount-amount{color:#007acc;font-size:1.1rem;font-weight:600}.payment-total-debt{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;display:flex;font-weight:700;justify-content:space-between;margin-top:8px;padding:12px 16px}.payment-total-debt .total-label{color:#856404;font-size:.95rem;font-weight:700}.payment-total-debt .total-amount{color:#856404;font-size:1.1rem;font-weight:700}.payment-total{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.total-label{color:#1e1e1e;font-weight:500}.total-amount{color:#007acc;font-size:1.2rem}.payment-discount{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px;padding:16px}.discount-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.discount-title{color:#1e1e1e;font-size:.95rem;font-weight:600}.discount-toggle-label{align-items:center;cursor:pointer;display:flex}.toggle-switch{background:#cccedb;border-radius:12px;height:24px;position:relative;transition:background .3s;width:44px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.discount-toggle-label input[type=checkbox]:checked+.toggle-switch{background:#007acc}.discount-toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translateX(20px)}.discount-toggle-label input[type=checkbox]{display:none}.discount-controls{display:flex;flex-direction:column;gap:12px}.discount-controls-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.discount-input-group{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;display:flex;flex:1 1;max-width:200px;min-width:120px;overflow:hidden}.discount-input-group input{background:#0000;border:none;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px}.discount-input-group input::placeholder{color:#999}.discount-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.input-badge{background:#0000;color:#28a745;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 12px}.percent-badge{border-left:1px solid #e0e0e0}.discount-link-btn{align-items:center;background:#0000;border:none;border-left:1px solid #e0e0e0;color:#007acc;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:8px;transition:all .2s}.discount-link-btn:hover:not(:disabled){background:#f3f3f3}.discount-link-btn:disabled{cursor:not-allowed;opacity:.5}.discount-convert-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;min-width:44px;padding:10px 14px;transition:all .2s;width:44px}.discount-convert-btn:hover:not(:disabled){background:#f3f3f3;border-color:#007acc}.discount-convert-btn:disabled{cursor:not-allowed;opacity:.5}.discount-apply-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;margin-top:4px;padding:10px 20px;transition:all .2s;width:100%}.discount-applied{align-items:center;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.discount-label{color:#2e7d32;font-size:.95rem;font-weight:600}.discount-amount{color:#1b5e20;font-size:1.1rem;font-weight:700}.discount-apply-btn:hover:not(:disabled){background:#218838;box-shadow:0 2px 4px #28a7454d}.discount-apply-btn:disabled{cursor:not-allowed;opacity:.5}.payment-collections{margin-bottom:20px}.payment-buttons-group{align-items:center;display:flex;gap:8px}.add-payment-btn{align-items:center;background:#28a745;border:1px solid #28a745;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s}.add-payment-btn:hover{background:#218838;box-shadow:0 2px 4px #28a7454d}.add-collection-btn{align-items:center;background:#007acc;border:1px solid #007acc;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s}.add-collection-btn:hover{background:#005a9e}.payment-dropdown-menu{border:1px solid #cccedb;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:200px;right:0;z-index:100}.payment-dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.payment-dropdown-menu .dropdown-item:hover{background:#f3f3f3}.collections-list{display:flex;flex-direction:column;gap:8px}.collection-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:12px;justify-content:space-between;padding:12px}.collection-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.delete-collection-btn{align-items:center;background:#fff;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.delete-collection-btn:hover{background:#ff4d4f;color:#fff}.collection-date{color:#606060;font-size:.85rem}.collection-amount{color:#1e1e1e;font-weight:600}.collection-method{color:#606060;font-size:.85rem}.payment-loyalty{margin-bottom:20px}.loyalty-label{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.loyalty-label span:first-child{color:#1e1e1e;font-weight:500}.loyalty-label input[type=checkbox]{display:none}.loyalty-amount-input{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.loyalty-amount-input input{border:none;flex:1 1;font-size:.9rem;outline:none;padding:6px}.loyalty-amount-input span{color:#606060;font-size:.9rem}body.dark-mode .adisyon-detail-modal{background:#2d2d30}body.dark-mode .customer-name-header,body.dark-mode .customer-name-wrapper h2{color:#ccc}body.dark-mode .detail-left-column{border-right-color:#3f3f46}body.dark-mode .detail-right-column,body.dark-mode .payment-panel{background:#252526}body.dark-mode .payment-title{color:#ccc}body.dark-mode .payment-after-discount{background:#1a3a52;border-color:#007acc}body.dark-mode .payment-after-discount .discount-amount,body.dark-mode .payment-after-discount .discount-label{color:#4da6ff}body.dark-mode .payment-total-debt{background:#3d2f00;border-color:#ffc107}body.dark-mode .payment-total-debt .total-amount,body.dark-mode .payment-total-debt .total-label{color:#ffc107}body.dark-mode .collection-item,body.dark-mode .loyalty-amount-input,body.dark-mode .loyalty-label,body.dark-mode .payment-discount,body.dark-mode .payment-total{background:#2d2d30;border-color:#3f3f46}body.dark-mode .delete-collection-btn{background:#2d2d30;border-color:#ff4d4f;color:#ff4d4f}body.dark-mode .delete-collection-btn:hover{background:#ff4d4f;color:#fff}body.dark-mode .discount-title{color:#ccc}body.dark-mode .discount-applied{background:#1b4332;border-color:#2e7d32}body.dark-mode .discount-label{color:#81c784}body.dark-mode .discount-amount{color:#a5d6a7}body.dark-mode .discount-input-group{background:#252526;border-color:#3f3f46}body.dark-mode .discount-input-group input{background:#0000;color:#ccc}body.dark-mode .discount-input-group input:disabled{background:#1e1e1e}body.dark-mode .discount-input-group input::placeholder{color:#666}body.dark-mode .percent-badge,body.dark-mode .tl-badge{border-left-color:#3f3f46;color:#6cbf47}body.dark-mode .discount-link-btn{border-left-color:#3f3f46;color:#4a9eff}body.dark-mode .discount-link-btn:hover:not(:disabled){background:#3f3f46}body.dark-mode .discount-convert-btn{background:#252526}@media (max-width:1600px){.adisyon-detail-modal{max-width:100%;min-width:920px;width:75%}}@media (max-width:1400px){.adisyon-detail-modal{max-width:100%;min-width:765px;width:73%}}@media (max-width:1200px){.adisyon-detail-modal{max-width:100%;min-width:auto;width:95%}.detail-content-wrapper{flex-direction:column}.detail-left-panel,.detail-right-panel{max-width:100%;width:100%}}@media (max-width:768px){.adisyon-detail-overlay{padding:10px}.adisyon-detail-modal{max-height:95vh;max-width:100%}.detail-header{align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:12px;padding:16px}.customer-name-wrapper{width:100%}.header-actions{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-color:#007acc #f0f0f0;scrollbar-width:thin;width:100%}.header-actions::-webkit-scrollbar{height:4px}.header-actions::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.header-actions::-webkit-scrollbar-thumb{background:#007acc;border-radius:2px}.header-actions::-webkit-scrollbar-thumb:hover{background:#005a9e}.header-actions button{flex-shrink:0;white-space:nowrap}.detail-content-wrapper{padding:16px}.detail-left-column{border-bottom:1px solid #e0e0e0;border-right:none;margin-bottom:16px;padding-bottom:16px;width:100%}.detail-section{margin-bottom:16px;padding:12px 16px}.form-row{gap:12px;grid-template-columns:1fr}.product-sales-list,.services-list{overflow-x:auto}.product-sales-table,.services-table{min-width:600px}.status-buttons{flex-direction:column;gap:8px}.status-btn{width:100%}.detail-content-wrapper{flex-direction:column}.detail-right-column{background:#fff;border-right:none;border-top:2px solid #007acc;bottom:0;box-shadow:0 -4px 12px #0000001a;max-height:35vh;overflow-y:auto;position:-webkit-sticky;position:sticky;width:100%;z-index:10}.payment-panel{padding:10px 12px}.payment-title{font-size:.95rem;margin-bottom:10px}.payment-after-discount,.payment-discount,.payment-total,.payment-total-debt{font-size:.85rem;margin-bottom:8px;padding:8px 10px}.payment-total .total-amount{font-size:1rem}.payment-after-discount .discount-amount,.payment-total-debt .total-amount{font-size:.95rem}.payment-section{margin-top:12px}.payment-actions,.payment-row{flex-direction:column;gap:8px}.payment-btn{font-size:.9rem;padding:10px;width:100%}.discount-controls{gap:8px}.discount-controls-row{flex-wrap:wrap}.collections-list{gap:6px}.collection-item{padding:10px}.photo-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.photos-section .photos-header{background:#f3f3f3;border-radius:4px;cursor:pointer;margin-bottom:0;padding:12px}.photos-section .section-label{margin:0}.photos-toggle-icon{color:#007acc;font-size:.9rem;font-weight:700}.photos-content{max-height:0;overflow:hidden;padding-top:0;transition:max-height .3s ease}.photos-content.expanded{max-height:2000px;padding-top:12px}.photos-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.photo-item{border-radius:4px}}@media (max-width:480px){.adisyon-detail-overlay{padding:5px}.detail-header{padding:12px}.header-actions{gap:6px}.header-actions button{font-size:.8rem;padding:6px 10px}.detail-content-wrapper{padding:12px}.photo-grid{grid-template-columns:1fr}}body.dark-mode .discount-convert-btn:hover:not(:disabled){background:#3f3f46;border-color:#007acc}body.dark-mode .collection-amount,body.dark-mode .discount-label span,body.dark-mode .loyalty-label span,body.dark-mode .total-amount,body.dark-mode .total-label{color:#ccc}body.dark-mode .product-sale-item,body.dark-mode .service-item{background:#252526;border-color:#3f3f46}.change-history-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.change-history-modal{background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:100%}.modal-header h2{color:#1e1e1e;font-size:1.2rem}.modal-close-btn{background:#0000;border-radius:3px;color:#606060;line-height:1}.modal-close-btn:hover{background:#f3f3f3;color:#1e1e1e}.change-history-content{flex:1 1;overflow-y:auto;padding:20px 24px}.empty-history{color:grey;font-style:italic;padding:40px;text-align:center}.change-history-table{border-collapse:collapse;font-size:.9rem;width:100%}.change-history-table thead{background:#f3f3f3}.change-history-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-weight:600;padding:12px 16px;text-align:left}.change-history-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px 16px}.change-history-table tbody tr:hover{background:#f9f9f9}body.dark-mode .change-history-modal{background:#252526}body.dark-mode .modal-header h2{color:#ccc}body.dark-mode .modal-close-btn{color:grey}body.dark-mode .modal-close-btn:hover{background:#2d2d30;color:#ccc}body.dark-mode .change-history-table thead{background:#2d2d30}body.dark-mode .change-history-table td,body.dark-mode .change-history-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .change-history-table tbody tr:hover{background:#2d2d30}body.dark-mode .empty-history{color:grey}@media (max-width:768px){.change-history-overlay{padding:10px}.change-history-modal{max-height:90vh;max-width:95%;width:95%}.modal-header{flex-wrap:wrap;padding:16px}.modal-header h2{font-size:1.1rem}.history-table-container{overflow-x:auto}.history-table{min-width:600px}}@media (max-width:480px){.change-history-overlay{padding:5px}.change-history-modal{max-height:95vh;max-width:100%;width:100%}.modal-header{padding:12px}.modal-header h2{font-size:1rem}}.modal-overlay{z-index:10003}.receivable-modal{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.receivable-modal-header{align-items:center;background:linear-gradient(180deg,#007acc,#007acc);border-bottom:1px solid #f57c00;display:flex;justify-content:space-between;padding:16px 20px}.receivable-modal-header h2{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.receivable-form{background:#f9f9f9;display:flex;flex-direction:column;gap:0;padding:20px}.input-group{padding:0}.input-group input[type=date]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.form-group input[type=text],.form-group textarea{background:#fff;border:1px solid #cccedb;border-radius:3px;box-sizing:border-box;color:#1e1e1e;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#999}.receivable-modal-actions{display:flex;gap:12px;margin-top:8px}.pay-btn{align-items:center;background:#4caf50;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.pay-btn:hover{background:#45a049}.pay-icon{font-size:1.2rem}.save-btn{flex:1 1}body.dark-mode .receivable-modal{background:#2d2d30;border-color:#3f3f46}body.dark-mode .receivable-form{background:#252526}body.dark-mode .modal-close-btn{color:#fff}body.dark-mode .modal-close-btn:hover{background-color:#fff3}body.dark-mode .amount-input-group,body.dark-mode .input-group{background:#252526;border-color:#3f3f46}body.dark-mode .amount-input-group:focus-within,body.dark-mode .input-group:focus-within{border-color:#007acc}body.dark-mode .amount-input-group input,body.dark-mode .input-group input{background:#0000;color:#ccc}body.dark-mode .amount-input-group input::placeholder,body.dark-mode .input-group input::placeholder{color:#666}body.dark-mode .form-group input[type=text],body.dark-mode .form-group textarea{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .form-group input[type=text]:focus,body.dark-mode .form-group textarea:focus{border-color:#007acc}body.dark-mode .form-group input[type=text]::placeholder,body.dark-mode .form-group textarea::placeholder{color:#666}body.dark-mode .pay-btn{background:#4caf50}body.dark-mode .pay-btn:hover{background:#45a049}@media (max-width:768px){.modal-overlay{padding:10px}.form-row{grid-template-columns:1fr}.receivable-modal{max-width:95%;width:95%}.receivable-modal-header{flex-wrap:wrap;padding:16px}.receivable-modal-header h2{font-size:1.1rem}.receivable-modal-form{padding:16px}.receivable-modal-actions{flex-direction:column;gap:12px;padding:16px}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.modal-overlay{padding:5px}.receivable-modal{max-width:100%;width:100%}.receivable-modal-header{padding:12px}.receivable-modal-header h2{font-size:1rem}.receivable-modal-form{padding:12px}}.points-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.points-modal{animation:slideUp .3s ease;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;max-width:450px;width:90%}.points-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.points-modal-header h2{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0}.points-modal-content{padding:24px}.points-info-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.points-label,.points-value{color:#1e1e1e;font-size:.95rem;font-weight:600}.points-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.amount-input-group{border-radius:4px}.tl-badge{padding:10px 16px}body.dark-mode .points-modal{background:#2d2d30}body.dark-mode .points-modal-header{border-bottom-color:#3f3f46}body.dark-mode .points-modal-header h2{color:#ccc}body.dark-mode .close-btn{color:#999}body.dark-mode .points-info-row{border-bottom-color:#3f3f46}body.dark-mode .points-label,body.dark-mode .points-value{color:#ccc}body.dark-mode .tl-badge{background:#3f3f46;color:#999}body.dark-mode .save-btn{background:#007acc}body.dark-mode .save-btn:hover{background:#005a9e}@media (max-width:768px){.points-modal-overlay{padding:10px}.points-modal{max-width:95%;width:95%}.points-modal-header{flex-wrap:wrap;padding:16px}.points-modal-header h2{font-size:1.1rem}.points-modal-form{padding:16px}.points-modal-actions{flex-direction:column;gap:12px;padding:16px}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.points-modal-overlay{padding:5px}.points-modal{max-width:100%;width:100%}.points-modal-header{padding:12px}.points-modal-header h2{font-size:1rem}.points-modal-form{padding:12px}}.calendar-settings-modal{max-width:500px;width:90%}.form-row .form-group{flex:1 1}.select-wrapper{align-items:center;display:flex;position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007ACC%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px top 50%;background-repeat:no-repeat;background-size:12px auto;border:1px solid #007acc;border-radius:3px;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 40px 10px 12px;transition:all .2s}.select-wrapper select:focus{border-color:#005a9e;box-shadow:0 0 0 1px #005a9e}.select-icon{color:#007acc;font-size:1rem;pointer-events:none;position:absolute;right:32px}@media (max-width:768px){.calendar-settings-modal{max-width:95%;width:95%}.form-row{flex-direction:column;gap:12px}}@media (max-width:480px){.calendar-settings-modal{max-width:100%;width:100%}}.select-arrows{display:flex;flex-direction:column;gap:2px;pointer-events:none;position:absolute;right:10px}.arrow-down,.arrow-up{color:#007acc;font-size:.7rem;line-height:1}.width-control-wrapper{display:flex;flex-direction:column;gap:12px}.width-display{align-items:center;background:#fff;border:1px solid #007acc;border-radius:3px;display:flex;gap:8px;padding:10px 12px}.width-value{color:#1e1e1e;font-size:1rem;font-weight:600;min-width:40px}.width-icon{color:#007acc;font-size:1.2rem}.width-slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;height:6px;outline:none;width:100%}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007acc;border-radius:3px;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.width-slider::-moz-range-thumb{background:#007acc;border:none;border-radius:3px;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.width-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#007acc 0,#007acc 100%,#e0e0e0 0,#e0e0e0 0);background:linear-gradient(to right,#007acc 0,#007acc var(--slider-value,100%),#e0e0e0 var(--slider-value,100%),#e0e0e0 100%);border-radius:3px;height:6px}.width-slider::-moz-range-track{background:#e0e0e0;border-radius:3px;height:6px}.width-slider::-moz-range-progress{background:#007acc;border-radius:3px;height:6px}.modal-actions{display:flex;flex-direction:row;gap:12px;justify-content:flex-end;margin-top:24px}.reset-btn{background:#17a2b8;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s;width:100%}.reset-btn:hover{background:#138496;box-shadow:0 2px 4px #17a2b84d}.save-btn:hover{box-shadow:0 2px 4px #28a7454d}body.dark-mode .select-wrapper select{background:#2d2d30;border-color:#007acc;color:#ccc}body.dark-mode .select-wrapper select:focus{border-color:#4a9eff;box-shadow:0 0 0 1px #4a9eff}body.dark-mode .arrow-down,body.dark-mode .arrow-up,body.dark-mode .select-icon{color:#4a9eff}body.dark-mode .width-display{background:#2d2d30;border-color:#007acc}body.dark-mode .width-value{color:#ccc}body.dark-mode .width-icon{color:#4a9eff}body.dark-mode .width-slider{background:#3f3f46}body.dark-mode .width-slider::-webkit-slider-thumb{background:#007acc}body.dark-mode .width-slider::-moz-range-thumb{background:#007acc}body.dark-mode .width-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#007acc 0,#007acc 100%,#3f3f46 0,#3f3f46 0);background:linear-gradient(to right,#007acc 0,#007acc var(--slider-value,100%),#3f3f46 var(--slider-value,100%),#3f3f46 100%)}body.dark-mode .width-slider::-moz-range-track{background:#3f3f46}body.dark-mode .width-slider::-moz-range-progress{background:#007acc}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px 40px;position:relative;width:90%}.confirm-modal-icon{color:#ff9800;display:flex;justify-content:center;margin-bottom:20px}.confirm-modal-icon svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.confirm-modal-content{margin-bottom:24px;text-align:center}.confirm-modal-title{color:#1e1e1e;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px}.confirm-modal-message{color:#666;font-size:1rem;line-height:1.6;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-btn-cancel,.confirm-btn-ok{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;overflow:hidden;padding:12px 32px;position:relative;transition:all .2s ease}.confirm-btn-cancel{background:#f5f5f5;color:#333}.confirm-btn-cancel:hover{background:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.confirm-btn-cancel:active{transform:translateY(0)}.confirm-btn-ok{background:linear-gradient(135deg,#007acc,#005a9e);box-shadow:0 4px 12px #007acc4d;color:#fff}.confirm-btn-ok:hover{background:linear-gradient(135deg,#005a9e,#004080);box-shadow:0 6px 16px #007acc66;transform:translateY(-1px)}.confirm-btn-ok:active{transform:translateY(0)}body.dark-mode .confirm-modal-overlay{background:#000000b3}body.dark-mode .confirm-modal-container{background:#2d2d30;box-shadow:0 20px 60px #00000080}body.dark-mode .confirm-modal-title{color:#e0e0e0}body.dark-mode .confirm-modal-message{color:#b0b0b0}body.dark-mode .confirm-btn-cancel{background:#3f3f46;color:#e0e0e0}body.dark-mode .confirm-btn-cancel:hover{background:#4f4f56}body.dark-mode .confirm-btn-ok{background:linear-gradient(135deg,#007acc,#005a9e);box-shadow:0 4px 12px #007acc66}body.dark-mode .confirm-btn-ok:hover{background:linear-gradient(135deg,#005a9e,#004080);box-shadow:0 6px 16px #007acc80}.appointments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.appointments-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.appointments-title-section h1{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.appointments-toolbar{align-items:center;background:#f3f3f3;border-radius:3px;display:flex;justify-content:flex-end;margin-bottom:16px;padding:12px 16px}.new-appointment-btn{align-items:center;background:#007acc;border:1px solid #007acc;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.new-appointment-btn:hover{background:#005a9e;border-color:#005a9e;box-shadow:0 2px 4px #007acc4d}.column-settings-modal{border:1px solid #e0e0e0;top:100px}.column-settings-content{padding:12px 16px}.column-toggle-label{color:#1e1e1e;font-size:.9rem;padding:8px 0}.column-toggle-label:hover{color:#007acc}.appointments-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.appointments-table{border-collapse:collapse;font-size:.9rem;width:100%}.appointments-table thead{background:#f3f3f3}.appointments-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.appointments-table th:hover{background:#e8e8e8}.appointments-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px 16px}.appointments-table tbody tr:hover{background:#f9f9f9}.appointment-customer{color:#007acc;font-weight:500}.appointment-phone{color:#606060}.appointment-services{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-date,.appointment-time{color:#1e1e1e}.status-badge{padding:4px 10px}.status-confirmed{background:#d4edda;color:#155724}.status-completed{background:#d1ecf1;color:#0c5460}.appointment-deposit,.appointment-price{color:#1e1e1e;font-weight:500}.appointment-created,.appointment-creator{color:#606060;font-size:.85rem}.appointment-actions{display:flex;gap:8px}.view-btn{background:#007acc;color:#fff}.view-btn:hover{background:#005a9e}.whatsapp-btn{color:#fff}.whatsapp-btn:hover{background:#128c7e}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.pagination-container{background:#f9f9f9;margin-top:20px}.pagination-info{gap:8px}.pagination-info select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;padding:6px 10px}.pagination-controls{gap:8px}.page-info{color:#606060;font-size:.9rem;padding:0 12px}body.dark-mode .appointments-table-container{background:#252526;border-color:#3f3f46}body.dark-mode .appointments-table thead{background:#2d2d30}body.dark-mode .appointments-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .appointments-table th:hover{background:#3f3f46}body.dark-mode .appointments-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .appointments-table tbody tr:hover{background:#2d2d30}body.dark-mode .appointment-customer{color:#4a9eff}body.dark-mode .appointment-created,body.dark-mode .appointment-creator,body.dark-mode .appointment-phone{color:grey}body.dark-mode .pagination-info select{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .page-info{color:grey}body.dark-mode .appointments-title-section h1{color:#ccc}body.dark-mode .date-filter-dropdown,body.dark-mode .status-filter-dropdown{background:#252526}body.dark-mode .date-filter-dropdown:focus,body.dark-mode .date-filter-dropdown:hover,body.dark-mode .status-filter-dropdown:focus,body.dark-mode .status-filter-dropdown:hover{border-color:#007acc}body.dark-mode .appointments-toolbar{background:#2d2d30}body.dark-mode .column-settings-modal{background:#252526}body.dark-mode .close-settings-btn{color:grey}body.dark-mode .column-toggle-label{color:#ccc}body.dark-mode .new-appointment-btn{background:#007acc;border-color:#007acc;color:#fff}body.dark-mode .new-appointment-btn:hover{background:#005a9e;border-color:#005a9e}body.dark-mode .column-toggle-label:hover{color:#4a9eff}.appointment-detail-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.appointment-detail-modal{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;max-height:90vh;max-width:1080px;overflow-y:auto;position:relative;width:69%}.detail-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:20px 24px}.customer-name-wrapper{align-items:center;display:flex;gap:12px}.customer-name-header{color:#007acc;font-size:1.3rem;font-weight:600}.edit-customer-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.edit-customer-btn:hover{background:#f3f3f3;border-color:#007acc}.edit-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.edit-icon-btn:hover{background:#f3f3f3}.detail-section{border-bottom:1px solid #f0f0f0;padding:20px 24px}.detail-section:last-of-type{border-bottom:none}.section-label{color:#1e1e1e;display:block;font-size:.95rem;font-weight:600}.section-header,.section-label{margin-bottom:12px}.time-section{display:flex;flex-direction:column;gap:16px}.date-time-row{display:flex;gap:12px}.date-time-row,.input-group{align-items:center}.input-group input[type=date]{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.input-group input[type=date]:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.input-group input[type=date]:disabled{background:#f5f5f5;color:#606060;cursor:not-allowed}.calendar-btn{align-items:center;background:#007acc;border:1px solid #cccedb;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.calendar-btn:hover:not(:disabled){background:#005a9e}.calendar-btn:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#999;cursor:not-allowed}.time-select-group{align-items:center;display:flex;gap:8px}.time-select-group select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.time-select-group select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.time-select-group select:disabled{background:#f5f5f5;color:#606060;cursor:not-allowed}.time-select-group span{color:#1e1e1e;font-size:1.2rem;font-weight:500}.notes-color-row{align-items:flex-start;display:flex;gap:12px}.notes-color-row textarea{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;flex:1 1;font-family:inherit;font-size:.9rem;min-height:80px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s}.notes-color-row textarea:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.notes-color-row textarea:disabled{background:#f5f5f5;color:#606060;cursor:not-allowed}.color-btn{align-items:center;border:1px solid #cccedb;border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.color-btn:hover:not(:disabled){opacity:.8;transform:scale(1.05)}.color-btn:disabled{cursor:not-allowed;opacity:.5}.attendance-status-group{display:flex;gap:8px}.attendance-btn{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#606060;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.attendance-btn:hover:not(:disabled){background:#f3f3f3;border-color:#007acc;color:#007acc}.attendance-btn.active{background:#e0e0e0;border-color:#007acc;color:#1e1e1e;font-weight:500}.attendance-btn:disabled{cursor:not-allowed;opacity:.6}.add-item-btn{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s}.add-item-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.empty-section{color:grey;font-size:.9rem;font-style:italic;margin:12px 0}.services-list{display:flex;flex-direction:column;gap:12px}.service-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:3px;padding:12px}.service-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.service-name{color:#1e1e1e;font-size:.95rem;font-weight:500}.edit-service-btn{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s;width:28px}.edit-service-btn:hover{background:#e0e0e0}.service-details-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.service-details-row select{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;flex:1 1;font-size:.85rem;min-width:150px;outline:none;padding:8px 10px;transition:all .2s}.service-details-row select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.service-details-row select:disabled{background:#f5f5f5;color:#606060;cursor:not-allowed}.duration-input,.price-input{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:3px;display:flex;overflow:hidden}.duration-input input,.price-input input{border:none;color:#1e1e1e;font-size:.85rem;outline:none;padding:8px 10px;text-align:center;width:60px}.duration-input span,.price-input span{background:#f3f3f3;border-left:1px solid #cccedb;color:#606060;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 10px}.duration-input input:disabled,.price-input input:disabled{background:#f5f5f5;color:#606060;cursor:not-allowed}.remove-service-btn{align-items:center;background:#fff;border:1px solid #dc3545;border-radius:3px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-service-btn:hover{background:#dc3545;color:#fff}.add-photo-btn{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.add-photo-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}.photo-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;overflow:hidden;padding-bottom:100%;position:relative;transition:all .2s;width:100%}.photo-item:hover{border-color:#007acc;box-shadow:0 2px 8px #007acc33}.photo-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.delete-photo-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.delete-photo-btn:hover{background:#dc3545;transform:scale(1.1)}.product-sales-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.product-sale-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s}.product-sale-item:hover{box-shadow:0 2px 6px #00000026}.sale-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.sale-date{color:#1e1e1e;font-size:.95rem;font-weight:600}.sale-actions{display:flex;gap:6px}.delete-sale-btn,.edit-sale-btn{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s;width:28px}.edit-sale-btn:hover{background:#e3f2fd}.delete-sale-btn:hover{background:#ffebee}.sale-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sale-item-row{align-items:center;background:#f9f9f9;border-radius:3px;display:flex;font-size:.9rem;justify-content:space-between;padding:6px 10px}.item-name{color:#1e1e1e;flex:1 1}.item-amount{color:#007acc;font-weight:500;margin-left:12px}.sale-summary{border-top:2px solid #e0e0e0;display:flex;flex-direction:column;gap:6px;padding-top:12px}.summary-row{font-size:.9rem}.summary-row span:first-child{font-weight:500}.total-amount{color:#1e1e1e;font-weight:600}.paid-amount{color:#28a745}.paid-amount,.remaining-amount{font-weight:500}.remaining-amount.paid{color:#28a745}.remaining-amount.unpaid{color:#dc3545}.detail-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;bottom:0;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky}.detail-footer,.print-btn{align-items:center;display:flex}.print-btn{background:#fff;border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.print-btn:hover{background:#f3f3f3;border-color:#007acc;color:#007acc}.save-dropdown-wrapper{align-items:center;display:flex;position:relative}.save-btn{align-items:center;background:#28a745;border-radius:3px 0 0 3px;display:flex;font-size:.9rem;gap:8px}.save-btn:hover{background:#218838}.save-dropdown-toggle{align-items:center;background:#28a745;border:none;border-left:1px solid #ffffff4d;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:10px 12px;transition:all .2s}.save-dropdown-toggle:hover{background:#218838}.save-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:3px;bottom:calc(100% + 4px);box-shadow:0 4px 12px #00000026;min-width:200px;position:absolute;right:0;z-index:1000}.dropdown-item{background:none;color:#1e1e1e;font-size:.9rem;transition:background-color .2s}.dropdown-item:hover{background:#f3f3f3}.dropdown-item:first-child{border-radius:3px 3px 0 0}.dropdown-item:last-child{border-radius:0 0 3px 3px}.edit-mode-btn-footer{align-items:center;background:#007acc;border:1px solid #007acc;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.edit-mode-btn-footer:hover{background:#005a9e;border-color:#005a9e}body.dark-mode .appointment-detail-modal{background:#252526}body.dark-mode .detail-header{border-bottom-color:#3f3f46}body.dark-mode .customer-name-header{color:#4a9eff}body.dark-mode .detail-section{border-bottom-color:#3f3f46}body.dark-mode .section-label{color:#ccc}body.dark-mode .input-group input[type=date],body.dark-mode .notes-color-row textarea,body.dark-mode .service-details-row select,body.dark-mode .time-select-group select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .input-group input[type=date]:focus,body.dark-mode .notes-color-row textarea:focus,body.dark-mode .service-details-row select:focus,body.dark-mode .time-select-group select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .input-group input[type=date]:disabled,body.dark-mode .notes-color-row textarea:disabled,body.dark-mode .service-details-row select:disabled,body.dark-mode .time-select-group select:disabled{background:#252526;color:#666}body.dark-mode .attendance-btn{background:#2d2d30;border-color:#3f3f46;color:grey}body.dark-mode .attendance-btn:hover:not(:disabled){background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .attendance-btn.active{background:#3f3f46;border-color:#007acc;color:#ccc}body.dark-mode .service-item{background:#2d2d30;border-color:#3f3f46}body.dark-mode .service-name{color:#ccc}body.dark-mode .duration-input,body.dark-mode .price-input{background:#2d2d30;border-color:#3f3f46}body.dark-mode .duration-input input,body.dark-mode .price-input input{background:#0000;color:#ccc}body.dark-mode .duration-input span,body.dark-mode .price-input span{background:#252526;border-left-color:#3f3f46;color:grey}body.dark-mode .detail-footer{background:#2d2d30;border-top-color:#3f3f46}body.dark-mode .print-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .print-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .save-dropdown-menu{background:#252526;border-color:#3f3f46}body.dark-mode .dropdown-item{color:#ccc}body.dark-mode .dropdown-item:hover{background:#2d2d30}body.dark-mode .empty-section{color:grey}body.dark-mode .edit-customer-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .edit-customer-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .add-photo-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .add-photo-btn:hover{background:#3f3f46;border-color:#007acc;color:#4a9eff}body.dark-mode .photo-item{background:#2d2d30;border-color:#3f3f46}body.dark-mode .photo-item:hover{border-color:#007acc}body.dark-mode .delete-photo-btn{background:#dc3545cc}body.dark-mode .delete-photo-btn:hover{background:#dc3545}@media (max-width:768px){.appointment-detail-overlay{padding:10px}.appointment-detail-modal{max-height:95vh;max-width:100%}.detail-header{flex-wrap:wrap;gap:12px;padding:16px}.customer-name-header{font-size:1.1rem}.detail-content{padding:16px}.detail-section{margin-bottom:20px}.form-row{gap:12px;grid-template-columns:1fr}.product-sales-list,.services-list{overflow-x:auto}.product-sales-table,.services-table{min-width:600px}.status-buttons{flex-direction:column;gap:8px}.status-btn{width:100%}.modal-actions{flex-direction:column;gap:12px}.cancel-btn,.save-btn{width:100%}.photo-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.appointment-detail-overlay{padding:5px}.detail-header{padding:12px}.customer-name-header{font-size:1rem}.detail-content{padding:12px}.photo-grid{grid-template-columns:1fr}}.mobile-today-appointments{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100%;padding:16px 16px calc(86px + env(safe-area-inset-bottom));width:100%}.today-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 4px 20px #0000001a;justify-content:space-between;margin-bottom:20px;padding:20px}.today-date,.today-header{align-items:center;display:flex}.today-date{gap:12px}.date-day{color:#667eea;font-size:3rem;font-weight:700;line-height:1}.date-month-year{display:flex;flex-direction:column;gap:2px}.month{color:#1e1e1e;font-size:1rem;font-weight:600}.month,.year{line-height:1.2}.year{color:#606060;font-size:.85rem}.today-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;margin:0 12px}.day-name{color:#1e1e1e;font-size:1.1rem;font-weight:600}.appointments-count{color:#606060;font-size:.9rem;font-weight:500}.refresh-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#667eea1a;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;touch-action:manipulation;transition:all .2s;width:44px}.refresh-btn:active{background:#667eea33;transform:scale(.95) rotate(180deg)}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;background:#fffffff2;border-radius:20px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px}.empty-icon{font-size:4rem;opacity:.6}.empty-state h3{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#606060;font-size:1rem;margin:0}.appointments-list{display:flex;flex-direction:column;gap:16px}.mobile-today-appointments .appointment-card{-webkit-tap-highlight-color:transparent;align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-today-appointments .appointment-card:active{border-color:#667eea4d;box-shadow:0 2px 10px #00000026;transform:scale(.98)}.mobile-today-appointments .appointment-time{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:70px;padding:12px}.time-icon{font-size:1.5rem}.time-text{font-size:1.1rem;font-weight:700;line-height:1.2}.mobile-today-appointments .appointment-content{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.mobile-today-appointments .appointment-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.mobile-today-appointments .customer-name{color:#1e1e1e;flex:1 1;font-size:1.2rem;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-today-appointments .status-badge{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.mobile-today-appointments .status-emoji{font-size:1rem}.mobile-today-appointments .status-label{font-size:.85rem}.mobile-today-appointments .status-pending{background:#fff3cd;color:#856404}.mobile-today-appointments .status-confirmed{background:#d4edda;color:#155724}.mobile-today-appointments .status-completed{background:#d1ecf1;color:#0c5460}.mobile-today-appointments .status-cancelled{background:#f8d7da;color:#721c24}.mobile-today-appointments .appointment-details{display:flex;flex-direction:column;gap:8px}.mobile-today-appointments .detail-item{align-items:center;color:#606060;display:flex;font-size:.95rem;gap:10px}.mobile-today-appointments .detail-item.price{color:#667eea;font-size:1rem;font-weight:600}.mobile-today-appointments .detail-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.mobile-today-appointments .detail-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-today-appointments .appointment-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.whatsapp-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#25d366;border:none;border-radius:12px;box-shadow:0 2px 8px #25d3664d;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;touch-action:manipulation;transition:all .2s;width:44px}.whatsapp-btn:active{background:#128c7e;box-shadow:0 1px 4px #25d36666;transform:scale(.95)}body.dark-mode .mobile-today-appointments{background:linear-gradient(135deg,#1e1e1e,#2d2d30)}body.dark-mode .mobile-today-appointments .appointment-card,body.dark-mode .mobile-today-appointments .empty-state,body.dark-mode .mobile-today-appointments .today-header{background:#2d2d30f2;border-color:#3f3f46}body.dark-mode .date-day{color:#8b5cf6}body.dark-mode .mobile-today-appointments .customer-name,body.dark-mode .mobile-today-appointments .day-name,body.dark-mode .mobile-today-appointments .month{color:#ccc}body.dark-mode .mobile-today-appointments .appointments-count,body.dark-mode .mobile-today-appointments .detail-item,body.dark-mode .mobile-today-appointments .year{color:#999}body.dark-mode .mobile-today-appointments .empty-state h3{color:#ccc}body.dark-mode .mobile-today-appointments .empty-state p{color:#999}body.dark-mode .mobile-today-appointments .refresh-btn{background:#8b5cf633;color:#ccc}body.dark-mode .mobile-today-appointments .refresh-btn:active{background:#8b5cf64d}@media (max-width:360px){.today-header{padding:16px}.date-day{font-size:2.5rem}.mobile-today-appointments .appointment-card{padding:16px}.mobile-today-appointments .customer-name{font-size:1.1rem}}.adisyolar-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.adisyolar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.adisyolar-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.adisyolar-title-section h1{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.date-filter-dropdown,.status-filter-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23606060' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding:8px 32px 8px 12px}.date-filter-dropdown,.date-filter-input,.status-filter-dropdown{border:1px solid #cccedb;border-radius:3px;color:#1e1e1e;font-size:.9rem;outline:none;transition:all .2s}.date-filter-input{background:#fff;min-width:140px;padding:8px 12px}.date-filter-input:hover{border-color:#007acc}.date-filter-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.date-filter-dropdown:hover,.status-filter-dropdown:hover{border-color:#007acc}.date-filter-dropdown:focus,.status-filter-dropdown:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.new-adisyon-btn{align-items:center;background:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.new-adisyon-btn:hover{background:#218838;box-shadow:0 2px 4px #28a7454d}.adisyolar-toolbar{align-items:center;background:#f3f3f3;border-radius:3px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.toolbar-left{gap:8px}.search-box{border-radius:3px;min-width:250px;transition:all .2s ease}.search-box:focus-within{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.search-btn,.search-input{padding:9px 14px}.search-btn{align-items:center;background:none;color:#606060;display:flex;font-size:.95rem;justify-content:center;transition:color .2s}.search-btn:hover{color:#007acc}.adisyolar-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:3px;overflow-x:auto}.adisyolar-table{border-collapse:collapse;font-size:.9rem;width:100%}.adisyolar-table thead{background:#f3f3f3}.adisyolar-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-weight:600;padding:12px 8px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.adisyolar-table th:hover{background:#e8e8e8}.adisyolar-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:10px 8px}.adisyolar-table tbody tr:hover{background:#f9f9f9}.products-cell,.services-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:3px}.status-confirmed{background:#d1ecf1;color:#0c5460}.attendance-badge{border-radius:3px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.attendance-came{background:#d4edda;color:#155724}.attendance-did-not-come{background:#f8d7da;color:#721c24}.remaining-unpaid{color:#dc3545;font-weight:500}.remaining-paid{color:#28a745;font-weight:500}.action-buttons{align-items:center;gap:4px}.view-btn{padding:4px 8px}.detail-dropdown-wrapper{display:inline-block;position:relative}.detail-dropdown-toggle{background:#0000;border:none;border-radius:3px;color:#606060;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s}.detail-dropdown-toggle:hover{background:#e6f7ff;color:#007acc}.detail-dropdown-menu{background:#fff;border:1px solid #cccedb;border-radius:3px;box-shadow:0 2px 8px #0000001a;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:100}.detail-dropdown-menu .dropdown-item{background:none;border:none;color:#1e1e1e;cursor:pointer;display:block;font-size:.9rem;padding:8px 12px;text-align:left;transition:background .2s;width:100%}.detail-dropdown-menu .dropdown-item:hover{background:#f3f3f3}.detail-dropdown-menu .dropdown-item.danger{color:#dc3545}.detail-dropdown-menu .dropdown-item.danger:hover{background:#ffebee}.pagination-container{border-top:1px solid #e0e0e0;padding:16px 0}.pagination-btn{border-radius:3px;min-width:36px}.pagination-info{font-size:.85rem;gap:16px}.items-per-page-select{border-radius:3px;font-size:.85rem;transition:all .2s ease}.items-per-page-select:hover{border-color:#007acc}.items-per-page-select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.pagination-controls{align-items:center;display:flex;gap:6px}.column-settings-modal{background:#fff;border:1px solid #cccedb;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:400px;min-width:250px;overflow-y:auto;position:absolute;right:20px;top:120px;z-index:1000}.column-settings-header{padding:12px 16px}.column-settings-header h3{font-size:1rem}.close-settings-btn{background:none;font-size:1.5rem}.column-toggle-label{border-radius:3px;gap:8px;padding:8px}.column-toggle-label span{text-transform:capitalize}body.dark-mode .adisyolar-title-section h1{color:#ccc}body.dark-mode .date-filter-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .date-filter-input:hover{border-color:#007acc}body.dark-mode .date-filter-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .date-filter-dropdown,body.dark-mode .status-filter-dropdown{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .date-filter-dropdown:hover,body.dark-mode .status-filter-dropdown:hover{border-color:#007acc}body.dark-mode .adisyolar-toolbar{background:#252526}body.dark-mode .search-box{background:#2d2d30}body.dark-mode .search-btn{color:grey}body.dark-mode .adisyolar-table-container{background:#2d2d30;border-color:#3f3f46}body.dark-mode .adisyolar-table thead{background:#252526}body.dark-mode .adisyolar-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .adisyolar-table th:hover{background:#3f3f46}body.dark-mode .adisyolar-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .adisyolar-table tbody tr:hover{background:#3f3f46}body.dark-mode .pagination-container{border-top-color:#3f3f46}body.dark-mode .items-per-page-select{background:#2d2d30}body.dark-mode .pagination-btn:hover:not(:disabled){border-color:#4a9eff}body.dark-mode .column-settings-modal{background:#2d2d30;border-color:#3f3f46}body.dark-mode .column-toggle-label:hover{background:#3f3f46}@media (max-width:768px){.adisyolar-toolbar{align-items:stretch;flex-direction:column;gap:12px}.adisyolar-toolbar .toolbar-left{display:none}.adisyolar-toolbar .toolbar-right{justify-content:stretch;width:100%}.adisyolar-toolbar .toolbar-right .search-box{flex:1 1;min-width:0;width:100%}.adisyolar-table-container,.adisyolar-toolbar .toolbar-right .download-btn,.adisyolar-toolbar .toolbar-right .settings-btn{display:none}}.adisyolar-mobile-container{padding:0;width:100%}.adisyolar-mobile-list{display:flex;flex-direction:column;gap:12px}.adisyolar-mobile-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;transition:all .2s ease;width:100%}.adisyolar-mobile-card:active{box-shadow:0 1px 4px #0000001a;transform:scale(.98)}.adisyolar-mobile-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.adisyolar-mobile-avatar{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.adisyolar-mobile-info{flex:1 1;min-width:0}.adisyolar-mobile-name{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adisyolar-mobile-phone{color:#606060;font-family:Courier New,Monaco,monospace;font-size:.9rem;margin:0}.adisyolar-mobile-status{flex-shrink:0}.adisyolar-mobile-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.adisyolar-mobile-detail-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.adisyolar-mobile-detail-item .detail-label{color:#606060;font-weight:500}.adisyolar-mobile-detail-item .detail-value{color:#1e1e1e;flex:1 1;margin-left:12px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.adisyolar-mobile-detail-btn{background:#007acc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 16px;transition:all .2s ease;width:100%}.adisyolar-mobile-detail-btn:hover{background:#005a9e;box-shadow:0 4px 12px #007acc4d;transform:translateY(-1px)}.adisyolar-mobile-detail-btn:active{transform:translateY(0)}.empty-mobile-message{color:#999;font-size:.95rem;padding:40px 20px;text-align:center}@media (min-width:769px){.adisyolar-mobile-container{display:none}}body.dark-mode .adisyolar-mobile-card{background:#2d2d30;border-color:#3f3f46;box-shadow:0 2px 8px #0000004d}body.dark-mode .adisyolar-mobile-header{border-bottom-color:#3f3f46}body.dark-mode .adisyolar-mobile-name{color:#ccc}body.dark-mode .adisyolar-mobile-detail-item .detail-label,body.dark-mode .adisyolar-mobile-phone{color:#999}body.dark-mode .adisyolar-mobile-detail-item .detail-value{color:#ccc}body.dark-mode .adisyolar-mobile-detail-btn{background:#4da6ff}body.dark-mode .adisyolar-mobile-detail-btn:hover{background:#007acc}body.dark-mode .empty-mobile-message{color:#666}.alert-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10050!important}.alert-modal{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;max-width:400px;padding:24px;text-align:center;width:90%}.alert-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.alert-modal-info{background:#e6f7ff;color:#007acc}.alert-modal-success{background:#e6ffe6;color:#28a745}.alert-modal-error{background:#ffebee;color:#dc3545}.alert-modal-warning{background:#fff3e0;color:#ff9800}.alert-modal-content{margin-bottom:20px}.alert-modal-title{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 8px}.alert-modal-message{color:#606060;font-size:.9rem;line-height:1.5;margin:0;white-space:pre-line}.alert-modal-close{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease;width:100%}.alert-modal-close:hover{background:#005a9e;transform:translateY(-1px)}.alert-modal-close:active{transform:translateY(0)}body.dark-mode .alert-modal{background:#2d2d30;box-shadow:0 8px 24px #00000080}body.dark-mode .alert-modal-info{background:#007acc33;color:#4a9eff}body.dark-mode .alert-modal-success{background:#28a74533;color:#6cbf47}body.dark-mode .alert-modal-error{background:#dc354533;color:#ff6b6b}body.dark-mode .alert-modal-warning{background:#ff980033;color:#ffb84d}body.dark-mode .alert-modal-title{color:#ccc}body.dark-mode .alert-modal-message{color:#999}body.dark-mode .alert-modal-close{background:#007acc}body.dark-mode .alert-modal-close:hover{background:#005a9e}@media (max-width:768px){.alert-modal-overlay{padding:10px}.alert-modal{max-width:95%;padding:20px;width:95%}.alert-modal-icon{font-size:1.8rem;height:56px;width:56px}.alert-modal-title{font-size:1.2rem}.alert-modal-message{font-size:.9rem}.alert-modal-close{margin-top:16px;width:100%}}@media (max-width:480px){.alert-modal-overlay{padding:5px}.alert-modal{max-width:100%;padding:16px;width:100%}.alert-modal-icon{font-size:1.5rem;height:48px;width:48px}.alert-modal-title{font-size:1.1rem}.alert-modal-message{font-size:.85rem}}.login-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.login-background,.login-background-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.login-background-pattern{animation:backgroundMove 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0d 0,#0000 50%)}@keyframes backgroundMove{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.login-content{max-width:420px;padding:20px;position:relative;width:100%;z-index:1}.login-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}.login-header{margin-bottom:32px;text-align:center}.login-logo{margin-bottom:16px}.logo-icon-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #667eea66;color:#fff;display:flex;height:80px;justify-content:center;letter-spacing:1px;margin:0 auto;width:80px}.login-title,.logo-icon-large{font-size:2rem;font-weight:700}.login-title{color:#1e1e1e;letter-spacing:-.5px;margin:0 0 8px}.login-subtitle{color:#666;font-size:.95rem;font-weight:400;margin:0}.login-form{margin-top:32px}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#666;font-size:1.2rem;height:100%;left:14px;pointer-events:none;position:absolute;z-index:1}.input-wrapper input,.input-wrapper select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;cursor:pointer;font-size:.95rem;height:48px;outline:none;padding:0 14px 0 48px;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:100%;z-index:2}.input-wrapper select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:30px;text-align-last:center}.input-wrapper select option{padding:10px;text-align:left}.input-wrapper:has(.password-toggle) input{padding-right:48px}.input-wrapper input:focus,.input-wrapper select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper select:focus{padding-right:30px}.input-wrapper input::placeholder{color:#999;line-height:48px;text-align:left}.password-toggle{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:32px;z-index:3}.password-toggle:hover{color:#667eea;transform:translateY(-50%) scale(1.1)}.error-message{align-items:center;animation:shake .4s ease;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{font-size:1.1rem}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-arrow{font-size:1.2rem;transition:transform .3s ease}.login-button:hover .login-arrow{transform:translateX(4px)}.login-extra-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.forgot-password-btn,.register-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s}.forgot-password-btn{text-decoration:underline}.register-btn{font-weight:600;text-decoration:none}.forgot-password-btn:hover,.register-btn:hover{color:#764ba2}.forgot-password-btn:hover{text-decoration:none}.login-footer{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px;text-align:center}.login-footer p{color:#999;font-size:.85rem;margin:0}.forgot-password-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.forgot-password-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.forgot-password-modal.register-modal{max-width:420px}.forgot-password-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.forgot-password-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.forgot-password-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.forgot-password-header .close-btn:hover{background:#f3f3f3;color:#1e1e1e}.forgot-password-content{padding:24px}.forgot-password-content .form-group{margin-bottom:20px}.forgot-password-content .form-group label{color:#1e1e1e;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.forgot-password-content .input-wrapper{align-items:center;display:flex;position:relative;width:100%}.forgot-password-content .input-icon{align-items:center;color:#666;display:flex;font-size:1.2rem;height:24px;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:2}.forgot-password-content .input-wrapper input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;font-size:.95rem;outline:none;padding:14px 14px 14px 48px;transition:all .3s ease;width:100%}.forgot-password-content .input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.forgot-password-content .input-wrapper input::placeholder{color:#999}.forgot-password-description{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 24px}.forgot-password-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.forgot-password-submit-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.forgot-password-submit-btn:active{transform:translateY(0)}.forgot-password-success{padding:40px 24px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 8px 20px #28a7454d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.forgot-password-success h3{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0 0 16px}.forgot-password-success p{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 24px}.forgot-password-success strong{color:#667eea;font-weight:600}.forgot-password-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.forgot-password-close-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}body.dark-mode .forgot-password-modal{background:#2d2d30;border:1px solid #3f3f46}body.dark-mode .forgot-password-header{border-bottom-color:#3f3f46}body.dark-mode .forgot-password-header h2{color:#ccc}body.dark-mode .forgot-password-header .close-btn{color:#999}body.dark-mode .forgot-password-header .close-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .forgot-password-description{color:#999}body.dark-mode .forgot-password-success h3{color:#ccc}body.dark-mode .forgot-password-success p{color:#999}body.dark-mode .forgot-password-btn,body.dark-mode .forgot-password-btn:hover,body.dark-mode .forgot-password-success strong{color:#4ec9b0}body.dark-mode .login-background{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.dark-mode .login-card{background:#2d2d30f2;border:1px solid #3f3f46}body.dark-mode .login-title{color:#ccc}body.dark-mode .login-subtitle{color:#999}body.dark-mode .input-wrapper input,body.dark-mode .input-wrapper select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .input-wrapper input:focus,body.dark-mode .input-wrapper select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark-mode .input-wrapper select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}body.dark-mode .input-icon,body.dark-mode .password-toggle{color:#999}body.dark-mode .password-toggle:hover{color:#667eea}body.dark-mode .error-message{background:#d32f2f26;border-color:#d32f2f4d;color:#f48771}body.dark-mode .login-footer{border-top-color:#3f3f46}body.dark-mode .login-footer p{color:#666}.location-select-modal{max-width:500px}.locations-select-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:300px;overflow-y:auto}.location-select-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s;width:100%}.location-select-item:hover{background:#f0f7ff;border-color:#007acc;box-shadow:0 4px 8px #007acc1a;transform:translateY(-2px)}.location-select-item.selected{background:#e3f2fd;border-color:#007acc;box-shadow:0 4px 12px #007acc33}.location-icon{flex-shrink:0;font-size:24px}.location-name{color:#1e1e1e;flex:1 1;font-size:16px;font-weight:500}body.dark-mode .location-select-item{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .location-select-item.selected,body.dark-mode .location-select-item:hover{background:#1e3a5f;border-color:#007acc}body.dark-mode .location-name{color:#ccc}@media (max-width:768px){.login-container{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.login-card{border-radius:20px;margin:0;max-width:100%;padding:32px 24px}.login-title{font-size:1.75rem;margin-bottom:24px}.logo-icon-large{font-size:1.75rem;height:70px;width:70px}.login-form-group,.logo-icon-large{margin-bottom:20px}.login-form-group input{font-size:16px;min-height:48px;padding:14px 16px}.login-form-group label{font-size:14px;margin-bottom:8px}.login-submit-btn{font-size:16px;font-weight:600;margin-top:8px;min-height:48px}.forgot-password-link{align-items:center;display:flex;font-size:14px;justify-content:center;margin-top:16px;min-height:44px;padding:12px}}@media (max-width:480px){.login-container{padding:12px}.login-card{border-radius:16px;padding:24px 20px}.login-title{font-size:1.5rem}.logo-icon-large{font-size:1.5rem;height:60px;width:60px}}.mobile-welcome-container{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:100000}.mobile-welcome-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.mobile-welcome-pattern{animation:patternMove 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0d 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes patternMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.1)}}.mobile-welcome-content{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:20px;position:relative;width:100%}.mobile-welcome-card{animation:slideUp .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:32px 24px;width:100%}.mobile-welcome-header{margin-bottom:32px;text-align:center}.mobile-welcome-logo{margin-bottom:16px}.mobile-logo-icon-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea66;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.mobile-welcome-title{color:#1e1e1e;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.mobile-welcome-subtitle{color:#606060;font-size:16px;font-weight:400;margin:0}.mobile-welcome-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mobile-welcome-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mobile-welcome-option:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.mobile-welcome-option:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.mobile-welcome-option-android{border-color:#3ddc84}.mobile-welcome-option-android:hover{background:linear-gradient(135deg,#3ddc840d,#3ddc8405);border-color:#3ddc84}.mobile-welcome-option-ios{border-color:#007aff}.mobile-welcome-option-ios:hover{background:linear-gradient(135deg,#007aff0d,#007aff05);border-color:#007aff}.mobile-welcome-option-web{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.mobile-welcome-option-web:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.mobile-option-icon{align-items:center;background:#667eea1a;border-radius:12px;color:#667eea;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mobile-welcome-option-android .mobile-option-icon{background:#3ddc8426;color:#3ddc84}.mobile-welcome-option-ios .mobile-option-icon{background:#007aff26;color:#007aff}.mobile-welcome-option-web .mobile-option-icon{background:#667eea26;color:#667eea}.mobile-option-icon span{display:block;line-height:1}.mobile-option-content{flex:1 1;min-width:0}.mobile-option-title{color:#1e1e1e;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.mobile-option-description{color:#606060;font-size:14px;line-height:1.4;margin:0}.mobile-option-arrow{color:#667eea;flex-shrink:0;font-size:20px;font-weight:300;transition:transform .3s ease}.mobile-welcome-option:hover .mobile-option-arrow{transform:translateX(4px)}.mobile-welcome-option-android:hover .mobile-option-arrow{color:#3ddc84}.mobile-welcome-option-ios:hover .mobile-option-arrow{color:#007aff}.mobile-welcome-footer{border-top:1px solid #e0e0e0;padding-top:24px;text-align:center}.mobile-welcome-footer p{color:#999;font-size:12px;margin:0}@media (max-width:480px){.mobile-welcome-card{border-radius:20px;padding:24px 20px}.mobile-welcome-title{font-size:24px}.mobile-welcome-subtitle{font-size:14px}.mobile-welcome-option{gap:12px;padding:16px}.mobile-option-icon{height:44px;width:44px}.mobile-option-title{font-size:16px}.mobile-option-description{font-size:13px}}@media (prefers-color-scheme:dark){.mobile-welcome-card{background:#1e1e1efa}.mobile-welcome-title{color:#fff}.mobile-welcome-subtitle{color:#ccc}.mobile-welcome-option{background:#252526;border-color:#3f3f46}.mobile-option-title{color:#fff}.mobile-option-description{color:#ccc}.mobile-welcome-footer{border-top-color:#3f3f46}.mobile-welcome-footer p{color:grey}}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.profile-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:605px;min-width:440px;overflow:hidden;width:auto}.profile-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.profile-modal-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.profile-modal-header .close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.profile-modal-header .close-btn:hover{background:#f3f3f3;color:#1e1e1e}.profile-content{flex:1 1;overflow-y:auto;padding:24px}.profile-card{background:#0000;border-radius:0;box-shadow:none;overflow:visible}.profile-avatar-section{background:#fff;border-bottom:1px solid #e0e0e0;padding:24px 32px}.avatar-wrapper,.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px}.avatar-container{flex-shrink:0;position:relative}.profile-avatar-img{border:3px solid #f0f0f0;box-shadow:0 2px 8px #00000014;object-fit:cover;width:100px}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border:3px solid #f0f0f0;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#fff;display:flex;font-size:2rem;font-weight:600;height:100px;justify-content:center;width:100px}.avatar-upload-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#007acc;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.avatar-upload-btn:hover{background:#f8f9fa;border-color:#007acc;color:#005a9e}.upload-icon{font-size:.9rem}.avatar-info{text-align:center}.avatar-info h3{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0 0 6px}.profile-role{color:#606060;font-size:.95rem;font-weight:400;margin:0}.profile-form{padding:24px 32px}.form-section{margin-bottom:32px}.section-title{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:1.3rem;font-weight:600;padding-bottom:12px}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.form-group input.disabled-input{background:#f5f5f5;color:#666;cursor:not-allowed}.phone-input-wrapper{align-items:stretch;display:flex;gap:0}.phone-prefix{background:#f5f5f5!important;border:2px solid #e0e0e0!important;border-radius:8px 0 0 8px!important;border-right:none!important;color:#666!important;flex-grow:0!important;flex-shrink:0!important;font-weight:600!important;max-width:60px!important;min-width:60px!important;padding:12px 8px!important;text-align:center!important;width:60px!important}.phone-input-wrapper input[name=phone]{border-left:none!important;border-radius:0 8px 8px 0!important;flex:1 1}.phone-input-wrapper input[name=phone]:focus{border-left:2px solid #667eea!important}.phone-input-wrapper:focus-within .phone-prefix{border-color:#667eea!important}.form-actions{margin-top:32px;padding-top:24px}.save-profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.save-profile-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.save-profile-btn:active{transform:translateY(0)}body.dark-mode .profile-modal{background:#2d2d30}body.dark-mode .profile-modal-header{border-bottom-color:#3f3f46}body.dark-mode .profile-modal-header h2{color:#ccc}body.dark-mode .profile-modal-header .close-btn{color:#999}body.dark-mode .profile-modal-header .close-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .profile-avatar-section{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .profile-avatar-img,body.dark-mode .profile-avatar-placeholder{border-color:#3f3f46}body.dark-mode .avatar-upload-btn{border-color:#3f3f46;color:#4a9eff}body.dark-mode .avatar-upload-btn:hover{background:#2d2d30;border-color:#4a9eff;color:#4a9eff}body.dark-mode .avatar-info h3{color:#ccc}body.dark-mode .profile-role{color:grey}body.dark-mode .section-title{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .form-group input{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark-mode .form-group input.disabled-input{background:#1e1e1e;color:#666}body.dark-mode .phone-prefix{background:#1e1e1e!important;border-color:#3f3f46!important;color:#999!important}@media (max-width:768px){.profile-modal{max-width:95%;min-width:auto;width:95%}.profile-avatar-section{padding:24px 20px}.profile-form{padding:24px}}.cash-report-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;width:100%}.cash-report-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.header-left h1{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.date-range-label{color:#6b7280;font-size:14px;font-weight:500;margin:0}.header-filters{gap:16px}.date-filter-group,.header-filters{align-items:center;display:flex;flex-wrap:wrap}.date-filter-group{gap:8px}.staff-filter-group{align-items:center;display:flex}.staff-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:10px 20px;transition:all .2s ease}.staff-filter-select:hover{border-color:#3b82f6}.staff-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.date-filter-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.date-filter-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.custom-date-range{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.date-range-inputs{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px}.input-group{flex:1 1;flex-direction:column;gap:8px;min-width:0;position:relative}.input-group label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:0}.custom-date-input,.input-group input[type=date]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#1e293b!important;cursor:pointer;display:block;font-size:14px;font-weight:500;min-height:44px;opacity:1;padding:12px 45px 12px 16px;pointer-events:auto;position:relative;transition:all .2s ease;visibility:visible;width:100%;z-index:1}.custom-date-input:hover,.input-group input[type=date]:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.custom-date-input::-webkit-datetime-edit,.input-group input[type=date]::-webkit-datetime-edit{color:#1a1a1a;padding:0}.custom-date-input::-webkit-datetime-edit-fields-wrapper,.input-group input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.custom-date-input::-webkit-datetime-edit-text,.input-group input[type=date]::-webkit-datetime-edit-text{color:#1a1a1a;padding:0 4px}.custom-date-input::-webkit-datetime-edit-day-field,.custom-date-input::-webkit-datetime-edit-month-field,.custom-date-input::-webkit-datetime-edit-year-field,.input-group input[type=date]::-webkit-datetime-edit-day-field,.input-group input[type=date]::-webkit-datetime-edit-month-field,.input-group input[type=date]::-webkit-datetime-edit-year-field{color:#1a1a1a;padding:0 2px}.custom-date-input:focus,.input-group input[type=date]:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;margin:0;opacity:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;z-index:2}.custom-date-input::-webkit-clear-button,.custom-date-input::-webkit-inner-spin-button{cursor:pointer;opacity:.6;z-index:2}.custom-date-input::-webkit-clear-button:hover,.custom-date-input::-webkit-inner-spin-button:hover{opacity:1}.cash-report-content{display:flex;flex-direction:column;gap:24px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:8px}.summary-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-direction:row;gap:12px;padding:16px 20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.summary-card.income-card{border-left:4px solid #10b981}.summary-card.expense-card{border-left:4px solid #ef4444}.summary-card.net-card{border-left:4px solid #6366f1}.summary-card.net-card.positive{border-left-color:#10b981}.summary-card.net-card.negative{border-left-color:#ef4444}.card-icon{font-size:40px;line-height:1}.card-content{flex:1 1}.card-label{color:#6b7280;flex-shrink:0;font-size:14px;font-weight:600;margin:0}.card-value{font-size:18px;font-weight:700;line-height:1.2;margin-left:auto}.card-value.income{color:#10b981}.card-value.expense{color:#ef4444}.card-value.net{color:#6366f1}.summary-card.net-card.positive .card-value.net{color:#10b981}.summary-card.net-card.negative .card-value.net{color:#ef4444}.summary-cards.compact{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.summary-cards.compact .summary-card{min-width:0;padding:14px 20px}.summary-cards.compact .card-icon{display:none}.summary-cards.compact .card-label{font-size:13px}.summary-cards.compact .card-value{font-size:17px}.account-tabs-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.account-tabs-label{color:#6b7280;font-size:13px;font-weight:500}.account-tabs{display:flex;flex-wrap:wrap;gap:8px}.account-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .18s ease}.account-tab:hover{background:#f8fafc;border-color:#93c5fd}.account-tab-icon{font-size:16px;line-height:1}.account-tab-name{color:#4b5563;font-weight:500}.account-tab-balance{color:#1f2937;font-weight:600;margin-left:2px}.account-tab.negative .account-tab-balance{color:#dc2626}.account-tab-new-expense{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#10b981!important;color:#047857}.account-tab-new-expense .account-tab-name{color:#047857}.account-tab-new-expense:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border-color:#059669!important}.account-tab-transfer{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#3b82f6!important;color:#1d4ed8}.account-tab-transfer .account-tab-name{color:#1d4ed8}.account-tab-transfer:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#2563eb!important}.cash-report-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.cash-report-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:400px;width:100%}.cash-report-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.cash-report-modal-header h3{color:#1f2937;font-size:1.15rem;font-weight:600;margin:0}.cash-report-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}.cash-report-modal-close:hover{color:#1f2937}.cash-report-modal-header-actions{align-items:center;display:flex;gap:8px}.cash-report-modal-btn-delete{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;opacity:.85;padding:4px 8px}.cash-report-modal-btn-delete:hover{background:#fee2e2;opacity:1}.cash-report-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.cash-report-modal-field label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.cash-report-modal-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}.cash-report-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.cash-report-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.cash-report-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.cash-report-modal-btn.secondary{background:#f3f4f6;color:#374151}.cash-report-modal-btn.secondary:hover{background:#e5e7eb}.cash-report-modal-btn.primary{background:#3b82f6;color:#fff}.cash-report-modal-btn.primary:hover:not(:disabled){background:#2563eb}.cash-report-modal-btn.primary:disabled{cursor:not-allowed;opacity:.6}.genel-liste-actions-col{text-align:center;white-space:nowrap;width:100px}.genel-liste-row-actions{align-items:center;display:inline-flex;gap:6px}.genel-liste-action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:6px 10px;transition:background .2s}.genel-liste-action-btn.edit:hover{background:#dbeafe}.genel-liste-action-btn.delete:hover{background:#fee2e2}.summary-tabs-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.summary-tabs-label{color:#6b7280;font-size:13px;font-weight:500}.summary-tabs{flex-wrap:wrap;gap:5px}.summary-tab{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;gap:5px;padding:6px 11px}.summary-tab-name{color:#4b5563;font-weight:500}.summary-tab-value{font-weight:600;margin-left:1px}.summary-tab.income-tab{background:#f0fdf4;border-color:#bbf7d0}.summary-tab.income-tab .summary-tab-value{color:#059669}.summary-tab.expense-tab{background:#fef2f2;border-color:#fecaca}.summary-tab.expense-tab .summary-tab-value{color:#dc2626}.summary-tab.net-tab{background:#f8fafc;border-color:#e2e8f0}.summary-tab.net-tab.positive .summary-tab-value{color:#059669}.summary-tab.net-tab.negative .summary-tab-value{color:#dc2626}.ekstre-view{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.ekstre-back-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:16px;padding:6px 12px;transition:all .18s ease}.ekstre-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.ekstre-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.ekstre-date-range{color:#6b7280;font-size:13px;margin:0 0 16px}.ekstre-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.ekstre-table{border-collapse:collapse;font-size:13px;width:100%}.ekstre-table td,.ekstre-table th{border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:left}.ekstre-table th{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-transform:none}.ekstre-table td.amount,.ekstre-table th.amount{text-align:right;white-space:nowrap}.ekstre-table td.debit{color:#10b981}.ekstre-table td.credit{color:#ef4444}.ekstre-table tr.devir-row{background:#f0fdf4;font-weight:600}.ekstre-table tfoot .total-row{background:#f3f4f6;font-weight:700}.ekstre-table tfoot .total-row td{border-bottom:none;padding-top:16px}.genel-liste-section{background:#fff;border-radius:10px;border-top:1px solid #e5e7eb;margin-top:12px;padding:20px}.genel-liste-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 6px}.genel-liste-date{color:#6b7280;font-size:13px;margin:0 0 14px}.genel-liste-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.genel-liste-actions{display:flex;gap:8px}.genel-liste-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .18s ease}.genel-liste-btn:hover{background:#f3f4f6;border-color:#d1d5db}.genel-liste-btn-print:hover{background:#eff6ff;border-color:#93c5fd}.genel-liste-btn-excel:hover{background:#f0fdf4;border-color:#86efac}.report-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1a1a1a;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.section-icon{font-size:24px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.detail-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.detail-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px;padding-bottom:12px}.header-icon{font-size:18px}.detail-list{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;transition:all .2s ease}.detail-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:translateX(2px)}.payment-method-item{padding:16px}.payment-method-info{align-items:center;display:flex;gap:12px}.payment-method-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.payment-methods-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.sources-card{background:linear-gradient(135deg,#fff,#f0fdf4);border:2px solid #d1fae5}.categories-card{background:linear-gradient(135deg,#fff,#fef2f2);border:2px solid #fee2e2}.detail-item.empty{background:#0000;border:none;color:#9ca3af;font-style:italic;justify-content:center}.detail-label{color:#374151;font-size:15px;letter-spacing:.2px}.detail-value{font-size:17px;font-weight:700;letter-spacing:.3px}.detail-value.income{color:#10b981}.detail-value.expense{color:#ef4444}.detail-value.zero-amount{color:#9ca3af;font-weight:500;opacity:.7}body.dark-mode .cash-report-page{background:#111827}body.dark-mode .cash-report-header,body.dark-mode .detail-card,body.dark-mode .report-section,body.dark-mode .summary-card{background:#1f2937;box-shadow:0 2px 8px #0000004d}body.dark-mode .custom-date-range{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;box-shadow:0 4px 20px #0000004d}body.dark-mode .header-left h1,body.dark-mode .section-title{color:#f9fafb}body.dark-mode .date-range-label{color:#9ca3af}body.dark-mode .date-filter-btn{background:#1f2937;border-color:#374151;color:#d1d5db}body.dark-mode .date-filter-btn:hover{background:#374151;border-color:#3b82f6;color:#3b82f6}body.dark-mode .date-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}body.dark-mode .staff-filter-select{background:#1f2937;border-color:#374151;color:#d1d5db}body.dark-mode .staff-filter-select:hover{border-color:#3b82f6}body.dark-mode .staff-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}body.dark-mode .input-group label{color:#9ca3af}body.dark-mode .custom-date-input,body.dark-mode .input-group input[type=date]{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0003;color:#f9fafb!important;cursor:pointer;pointer-events:auto}body.dark-mode .custom-date-input:focus,body.dark-mode .input-group input[type=date]:focus{background:#1f2937;box-shadow:0 0 0 4px #3b82f633,0 4px 16px #3b82f64d}body.dark-mode .custom-date-input::-webkit-datetime-edit,body.dark-mode .custom-date-input::-webkit-datetime-edit-text,body.dark-mode .input-group input[type=date]::-webkit-datetime-edit,body.dark-mode .input-group input[type=date]::-webkit-datetime-edit-text{color:#f9fafb}body.dark-mode .custom-date-input::-webkit-datetime-edit-day-field,body.dark-mode .custom-date-input::-webkit-datetime-edit-month-field,body.dark-mode .custom-date-input::-webkit-datetime-edit-year-field,body.dark-mode .input-group input[type=date]::-webkit-datetime-edit-day-field,body.dark-mode .input-group input[type=date]::-webkit-datetime-edit-month-field,body.dark-mode .input-group input[type=date]::-webkit-datetime-edit-year-field{color:#f9fafb}body.dark-mode .custom-date-input:focus,body.dark-mode .input-group input[type=date]:focus{border-color:#3b82f6}body.dark-mode .custom-date-input:hover,body.dark-mode .input-group input[type=date]:hover{background:#1f2937;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;transform:translateY(-1px)}body.dark-mode .custom-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}body.dark-mode .section-title{border-bottom-color:#374151}body.dark-mode .detail-card{background:#111827;border-color:#374151}body.dark-mode .detail-item{background:#1f2937;border-color:#374151}body.dark-mode .detail-item:hover{border-color:#3b82f6}body.dark-mode .detail-label{color:#d1d5db}body.dark-mode .detail-header{border-bottom-color:#374151;color:#f9fafb}@media (max-width:768px){.cash-report-page{padding:16px}.cash-report-header{flex-direction:column;padding:20px}.header-left h1{font-size:24px}.header-filters{align-items:stretch;flex-direction:column;width:100%}.date-filter-group{width:100%}.date-filter-btn{flex:1 1;font-size:13px;min-width:0;padding:10px 12px}.staff-filter-group{width:100%}.staff-filter-select{min-width:auto;width:100%}.summary-cards,.summary-cards.compact{grid-template-columns:1fr}.summary-card{padding:20px}.account-cards{grid-template-columns:1fr}.ekstre-table td,.ekstre-table th{font-size:13px;padding:8px 10px}.card-value{font-size:24px}.detail-grid{grid-template-columns:1fr}.report-section{padding:20px}}@media (max-width:480px){.cash-report-page{padding:12px}.cash-report-header{padding:16px}.header-left h1{font-size:20px}.date-range-inputs{align-items:stretch;flex-direction:column;gap:16px}.input-group{width:100%}.custom-date-input,.input-group input[type=date]{font-size:14px;min-height:44px}}.staff-report-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.staff-report-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:12px}.report-tabs{border-bottom:2px solid #0000;display:flex;gap:0}.report-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#606060;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.report-tab:hover{background:#f3f3f3;color:#007acc}.report-tab.active{border-bottom-color:#007acc;color:#007acc;font-weight:600}.report-filters{background:#f3f3f3;border-radius:4px;justify-content:space-between;overflow:hidden;padding:16px}.filter-left,.report-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:16px}.filter-left{flex:1 1;min-width:0;overflow-x:auto}.search-box{flex-shrink:0}.filter-dropdown-group{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:12px}.filter-dropdown{align-items:center;display:flex;gap:8px}.filter-dropdown label{color:#606060;font-size:.9rem;white-space:nowrap}.filter-dropdown select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23606060' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.9rem;outline:none;padding:8px 32px 8px 12px;transition:all .2s ease}.filter-dropdown select:hover{border-color:#007acc}.filter-dropdown select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.filter-date-input{border:1px solid #cccedb;border-radius:4px;font-size:.9rem;min-width:140px;padding:8px 12px}.filter-date-input:hover{border-color:#007acc}.filter-date-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc;outline:none}.filter-right{flex-shrink:0;gap:8px;margin-left:auto;min-width:0}.filter-right,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#007acc;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.toolbar-btn:hover{background:#005a9e}.toolbar-btn-icon{border:none;border-radius:3px;flex-shrink:0;transition:all .2s}.download-btn{gap:6px}.report-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;overflow-x:auto}.report-table{border-collapse:initial;border-spacing:0;min-width:1400px;width:100%}.report-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.report-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:14px 12px;position:relative;text-align:left;text-transform:uppercase;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.report-table th:hover{background:#e6f7ff;color:#007acc}.filter-icon{font-size:.7rem}.report-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.report-table tbody tr:hover{background:#f5f5f5}.report-table tbody tr.total-row{background:#e3f2fd;border-top:2px solid #007acc;font-weight:700}.report-table tbody tr.total-row:hover{background:#bbdefb}.report-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:14px 12px;vertical-align:middle}.report-table td.total-label{color:#007acc;font-weight:700}.report-table td.highlight-cell{color:#007acc;font-weight:600}.report-table td.remaining-amount{color:#d32f2f;font-weight:600}.view-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:3px;display:inline-flex;font-size:1rem;height:32px;justify-content:center;padding:6px 8px;transition:all .15s ease;width:32px}.view-btn:hover{background:#e6f7ff;border-color:#007acc;color:#007acc}body.dark-mode .staff-report-page{background:#1e1e1e;color:#ccc}body.dark-mode .staff-report-header{border-bottom-color:#3f3f46}body.dark-mode .report-tab{color:#999}body.dark-mode .report-tab:hover{background:#2d2d30;color:#4a9eff}body.dark-mode .report-tab.active{border-bottom-color:#007acc;color:#4a9eff}body.dark-mode .report-filters{background:#2d2d30}body.dark-mode .filter-dropdown label{color:#999}body.dark-mode .filter-dropdown select{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .filter-dropdown select:hover{border-color:#007acc}body.dark-mode .filter-dropdown select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .filter-date-input{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .filter-date-input:focus,body.dark-mode .filter-date-input:hover{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .report-table-container{background:#252526;border-color:#3f3f46}body.dark-mode .report-table thead{background:#2d2d30}body.dark-mode .report-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .report-table th:hover{background:#094771;color:#4a9eff}body.dark-mode .report-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .report-table tbody tr:hover{background:#2d2d30}body.dark-mode .report-table tbody tr.total-row{background:#1e3a5f;border-top-color:#007acc}body.dark-mode .report-table tbody tr.total-row:hover{background:#2d4a6f}body.dark-mode .report-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .report-table td.highlight-cell,body.dark-mode .report-table td.total-label{color:#4a9eff}body.dark-mode .report-table td.remaining-amount{color:#ef5350}body.dark-mode .view-btn{border-color:#3f3f46;color:#999}body.dark-mode .view-btn:hover{background:#094771;border-color:#007acc;color:#4a9eff}@media (max-width:768px){.staff-report-page{padding:15px}.filter-dropdown,.filter-dropdown-group,.filter-left,.report-filters{align-items:stretch;flex-direction:column}.filter-right{justify-content:flex-end;width:100%}.report-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.premium-details-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.premium-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.premium-details-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.premium-details-header h2,.premium-details-header h4{align-items:center;color:#1a1a1a;display:flex;font-weight:700;gap:12px;margin:0}.premium-details-header h4:before{content:"💰";font-size:24px}.premium-details-header-actions{align-items:center;display:flex;gap:16px}.date-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%233b82f6' d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:600;min-width:140px;outline:none;padding:10px 40px 10px 16px}.date-filter-select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.close-btn{background:#ff9800!important;color:#fff!important}.premium-details-tabs{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;gap:4px;overflow-x:auto;padding:0 32px}.premium-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:16px 24px;position:relative;transition:all .2s ease;white-space:nowrap}.premium-tab.active,.premium-tab:hover{background:#f8fafc;color:#3b82f6}.premium-tab.active{border-bottom-color:#3b82f6}.premium-details-content{background:#f8fafc;flex:1 1;overflow-y:auto;padding:32px}.summary-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(2,1fr)}.summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.summary-section:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.summary-section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.summary-section-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.section-filter{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%233b82f6' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;min-width:120px;outline:none;padding:8px 36px 8px 12px;transition:all .2s ease}.section-filter:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.section-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.summary-table{font-size:14px}.summary-table thead{background:#f8fafc}.summary-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-transform:uppercase}.summary-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-weight:500;padding:14px 12px}.summary-table tbody tr{transition:all .2s ease}.summary-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.summary-table tbody tr:last-child td{border-bottom:none}.details-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.details-section-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.details-section-header h3,.details-section-header h4{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.details-table{background:#fff;border:1px solid #e5e7eb;border-collapse:initial;border-radius:12px;border-spacing:0;font-size:14px;overflow:hidden;width:100%}.details-table thead{background:linear-gradient(135deg,#f8fafc,#fff)}.details-table th{border-bottom:2px solid #e5e7eb;color:#374151;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 14px;position:relative;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.details-table th:hover{background:#f1f5f9;color:#3b82f6}.details-table th:after{content:"⇅";font-size:12px;opacity:.5;position:absolute;right:8px}.details-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-weight:500;padding:16px 14px}.details-table tbody tr{transition:all .2s ease}.details-table tbody tr:hover{background:#f8fafc}.details-table tbody tr:last-child td{border-bottom:none}.empty-message{color:#9ca3af;font-size:15px;font-weight:500;padding:60px 20px!important}body.dark-mode .premium-details-overlay{background:#000000bf}body.dark-mode .premium-details-modal{background:#1f2937;color:#f9fafb}body.dark-mode .premium-details-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#374151}body.dark-mode .premium-details-header h2,body.dark-mode .premium-details-header h4{color:#f9fafb}body.dark-mode .date-filter-select{background:#374151;border-color:#4b5563;color:#d1d5db}body.dark-mode .date-filter-select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}body.dark-mode .date-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}body.dark-mode .close-btn{background:#ff9800!important;color:#fff!important}body.dark-mode .premium-details-tabs{background:#1f2937;border-bottom-color:#374151}body.dark-mode .premium-tab{color:#9ca3af}body.dark-mode .premium-tab:hover{background:#374151;color:#3b82f6}body.dark-mode .premium-tab.active{background:#374151;border-bottom-color:#3b82f6;color:#3b82f6}body.dark-mode .premium-details-content{background:#111827}body.dark-mode .summary-section{background:#1f2937;border-color:#374151}body.dark-mode .summary-section:hover{box-shadow:0 4px 16px #0000004d}body.dark-mode .summary-section-header{border-bottom-color:#374151}body.dark-mode .summary-section-header h3{color:#f9fafb}body.dark-mode .section-filter{background:#374151;border-color:#4b5563;color:#d1d5db}body.dark-mode .section-filter:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}body.dark-mode .summary-table thead{background:#111827}body.dark-mode .summary-table th{border-bottom-color:#374151;color:#d1d5db}body.dark-mode .summary-table td{border-bottom-color:#374151;color:#e5e7eb}body.dark-mode .summary-table tbody tr:hover{background:#374151}body.dark-mode .details-content{background:#1f2937;border-color:#374151}body.dark-mode .details-section-header{background:linear-gradient(135deg,#111827,#1f2937);border-color:#374151}body.dark-mode .details-section-header h3,body.dark-mode .details-section-header h4{color:#f9fafb}body.dark-mode .details-table{background:#1f2937;border-color:#374151}body.dark-mode .details-table thead{background:linear-gradient(135deg,#111827,#1f2937)}body.dark-mode .details-table th{border-bottom-color:#374151;color:#d1d5db}body.dark-mode .details-table th:hover{background:#374151;color:#3b82f6}body.dark-mode .details-table td{border-bottom-color:#374151;color:#e5e7eb}body.dark-mode .details-table tbody tr:hover{background:#374151}body.dark-mode .empty-message{color:#6b7280}@media (max-width:1200px){.summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.premium-details-overlay{padding:0}.premium-details-modal{border-radius:0;max-height:100vh;max-width:100%}.premium-details-header{flex-wrap:wrap;gap:12px;padding:20px}.premium-details-header-actions{justify-content:space-between;width:100%}.premium-details-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 20px}.premium-tab{font-size:14px;padding:14px 20px;white-space:nowrap}.details-content,.premium-details-content,.summary-section{padding:20px}.details-table{display:block;font-size:13px;overflow-x:auto}.details-table tbody,.details-table td,.details-table thead,.details-table tr{display:block}.details-table thead{display:none}.details-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}body.dark-mode .details-table tr{background:#1f2937;border-color:#374151}.details-table td{border-bottom:1px solid #f3f4f6;padding:10px 0 10px 50%;position:relative;text-align:right}body.dark-mode .details-table td{border-bottom-color:#374151}.details-table td:before{color:#6b7280;content:attr(data-label);font-weight:700;left:0;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:45%}body.dark-mode .details-table td:before{color:#9ca3af}}.sales-report-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.sales-report-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.sales-report-header h1{color:#1e1e1e;font-size:1.8rem;font-weight:600;margin:0}.warning-banner{align-items:center;background:#fff9e6;border:1px solid gold;border-radius:4px;color:#856404;display:flex;gap:12px;padding:12px 16px}.warning-icon{font-size:1.2rem}.warning-text{font-size:.9rem;line-height:1.5}.sales-report-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;overflow-x:auto}.sales-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#606060;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.sales-tab:hover{background:#f3f3f3;color:#007acc}.sales-tab.active{background:#0000;border-bottom-color:#007acc;color:#007acc}.sales-report-content{display:flex;flex-direction:column;gap:24px}.daily-weekly-section,.packages-section,.products-section,.services-section,.summary-section{display:flex;flex-direction:column;gap:16px}.summary-chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px;padding:20px}.chart-legend{border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:12px}.legend-item{color:#606060;font-size:.85rem}.chart-wrapper{width:100%}.summary-chart{height:300px;max-width:100%;width:100%}.summary-table-container{margin-top:20px}.subtotal-row{background:#f3f3f3;font-weight:600}.total-turnover{color:#1e1e1e;font-size:1rem;font-weight:600;margin-top:16px;padding:12px;text-align:right}.packages-content-wrapper{align-items:flex-start;display:flex;gap:24px}.packages-table-wrapper{flex:1 1}.packages-chart-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;min-width:250px}.packages-donut-chart{height:200px;width:200px}.chart-legend-vertical{display:flex;flex-direction:column;gap:8px}.legend-item-vertical{align-items:center;display:flex;gap:8px}.legend-color{border-radius:3px;height:16px;width:16px}.legend-text{color:#606060;font-size:.85rem}.daily-weekly-section h2,.packages-section h2,.products-section h2,.services-section h2,.summary-section h2{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0}.download-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.download-icon{font-size:1rem}.week-section{margin-bottom:32px}.week-header{color:#1e1e1e;font-size:.95rem;font-weight:600;margin-bottom:12px}.sales-report-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.sales-report-table thead{background:#f3f3f3}.sales-report-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.sales-report-table th.revenue-header{background:#e8f4f8;text-align:center}.sales-report-table tr.sub-header th{background:#e8f4f8;font-size:.85rem;font-weight:500;padding:8px 12px}.sales-report-table td{border-bottom:1px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px}.sales-report-table tbody tr:hover{background:#f9f9f9}.sales-report-table tbody tr.weekly-total-row{background:#f3f3f3;font-weight:600}.sales-report-table tbody tr.weekly-total-row td{border-bottom:none;border-top:2px solid #e0e0e0}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .2s ease}.summary-card:hover{background:#f3f3f3;border-color:#007acc;box-shadow:0 2px 4px #007acc1a}.summary-label{font-size:.9rem;font-weight:500}.summary-value{color:#1e1e1e;font-size:1.5rem;font-weight:700}.summary-value.highlight{color:#007acc}.summary-value.expense{color:#d32f2f}body.dark-mode .sales-report-page{background:#1e1e1e;color:#ccc}body.dark-mode .sales-report-header{border-bottom-color:#3f3f46}body.dark-mode .sales-report-header h1{color:#ccc}body.dark-mode .warning-banner{background:#3e3000;border-color:#856404;color:gold}body.dark-mode .sales-report-tabs{border-bottom-color:#3f3f46}body.dark-mode .sales-tab{color:#999}body.dark-mode .sales-tab:hover{background:#2d2d30;color:#007acc}body.dark-mode .sales-tab.active{border-bottom-color:#007acc;color:#007acc}body.dark-mode .daily-weekly-section h2,body.dark-mode .packages-section h2,body.dark-mode .products-section h2,body.dark-mode .services-section h2,body.dark-mode .summary-section h2,body.dark-mode .week-header{color:#ccc}body.dark-mode .sales-report-table{background:#252526;border-color:#3f3f46}body.dark-mode .sales-report-table thead{background:#2d2d30}body.dark-mode .sales-report-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .sales-report-table th.revenue-header,body.dark-mode .sales-report-table tr.sub-header th{background:#1e3a47}body.dark-mode .sales-report-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .sales-report-table tbody tr.weekly-total-row,body.dark-mode .sales-report-table tbody tr:hover{background:#2d2d30}body.dark-mode .sales-report-table tbody tr.weekly-total-row td{border-top-color:#3f3f46}body.dark-mode .summary-card{background:#2d2d30;border-color:#3f3f46}body.dark-mode .summary-card:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .summary-label{color:#999}body.dark-mode .summary-value{color:#ccc}body.dark-mode .summary-value.highlight{color:#4fc3f7}body.dark-mode .summary-value.expense{color:#ef5350}body.dark-mode .summary-chart-container{background:#252526;border-color:#3f3f46}body.dark-mode .chart-legend{border-bottom-color:#3f3f46}body.dark-mode .legend-item,body.dark-mode .legend-text{color:#999}body.dark-mode .subtotal-row{background:#2d2d30}body.dark-mode .total-turnover{color:#ccc}body.dark-mode .packages-content-wrapper{border-color:#3f3f46}@media (max-width:768px){.sales-report-page{padding:15px}.sales-report-header{align-items:stretch;flex-direction:column}.date-filter-select{width:100%}.sales-report-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.sales-tab{font-size:.85rem;padding:10px 16px}.section-header{align-items:stretch;flex-direction:column}.download-btn{justify-content:center;width:100%}.sales-report-table{font-size:.85rem}.sales-report-table td,.sales-report-table th{padding:8px}.summary-grid{grid-template-columns:1fr}.packages-content-wrapper{flex-direction:column}.packages-chart-wrapper{align-items:center;width:100%}.summary-chart{min-width:600px}}.cash-management-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.cash-management-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.cash-management-header h1{color:#1e1e1e;font-size:1.8rem;font-weight:600;margin:0}.date-filter-select{border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.date-filter-select:hover{border-color:#007acc}.date-filter-select:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc1a;outline:none}.cash-management-tabs{background:#f8f9fa;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:2px;margin-bottom:20px;padding:4px 4px 0;position:relative}.cash-management-tabs-modern{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:20px}.tabs-container-new{display:flex;flex-direction:column;gap:16px}.customer-operations-main-btn{align-items:center;background:#e3f2fd;border:none;border-radius:8px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;margin-left:auto;max-width:400px;padding:14px 24px;transition:all .2s;width:100%}.customer-operations-main-btn:hover{background:#bbdefb;box-shadow:0 2px 8px #2196f333;transform:translateY(-1px)}.customer-operations-main-btn.active{background:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff}.customer-operations-main-btn .btn-icon{font-size:18px}.customer-operations-main-btn .btn-label{font-weight:600;letter-spacing:.5px}.tabs-bottom-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.expenses-main-btn{align-items:center;background:#1976d2;border:none;border-radius:8px;box-shadow:0 2px 8px #1976d233;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;min-width:180px;padding:16px 28px;transition:all .2s}.expenses-main-btn:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}.expenses-main-btn.active{background:#0d47a1;box-shadow:0 4px 16px #1976d266}.expenses-main-btn .btn-icon{font-size:20px}.expenses-main-btn .btn-label{color:#fff}.customer-sub-buttons{display:flex;flex-wrap:wrap;gap:12px}.customer-sub-btn{align-items:center;background:#e3f2fd;border:none;border-radius:8px;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.customer-sub-btn:hover{background:#bbdefb;box-shadow:0 2px 8px #2196f333;transform:translateY(-1px)}.customer-sub-btn.active{background:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff;font-weight:600}.customer-sub-btn .btn-icon{font-size:16px}.tab-divider{background:linear-gradient(180deg,#0000,#e0e0e0 20%,#e0e0e0 80%,#0000);height:40px;margin:0 4px;width:1px}.tab-group{display:flex;flex-direction:column;gap:8px}.tab-group-header{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:4px;padding:6px 12px;text-transform:uppercase}.customer-group .tab-group-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.staff-group .tab-group-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.group-icon{font-size:1rem}.group-label{font-size:.75rem}.tab-group-items{display:flex;flex-wrap:wrap;gap:6px}.cash-tab-modern{align-items:center;background:#f5f5f5;border:none;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#606060;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cash-tab-modern:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cash-tab-modern .tab-icon{align-items:center;display:flex;font-size:1.1rem;height:24px;justify-content:center;width:24px}.cash-tab-modern .tab-label{font-weight:500}.cash-tab-modern.customer-tab{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f333;color:#1976d2}.cash-tab-modern.customer-tab:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);border-color:#2196f366;color:#1565c0}.cash-tab-modern.customer-tab.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#1976d2;box-shadow:0 4px 16px #2196f34d;color:#fff;font-weight:600}.cash-tab-modern.customer-tab.active .tab-icon{filter:brightness(0) invert(1)}.cash-tab-modern.staff-tab{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ff980033;color:#e65100}.cash-tab-modern.staff-tab:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-color:#ff980066;color:#bf360c}.cash-tab-modern.staff-tab.active{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#f57c00;box-shadow:0 4px 16px #ff98004d;color:#fff;font-weight:600}.cash-tab-modern.staff-tab.active .tab-icon{filter:brightness(0) invert(1)}.cash-tab-modern:not(.customer-tab):not(.staff-tab){background:linear-gradient(135deg,#f5f5f5,#eee);border:1px solid #e0e0e0}.cash-tab-modern:not(.customer-tab):not(.staff-tab):hover{background:linear-gradient(135deg,#eee,#e0e0e0);border-color:#007acc;color:#007acc}.cash-tab-modern:not(.customer-tab):not(.staff-tab).active{background:linear-gradient(135deg,#007acc,#005a9e);border-color:#005a9e;box-shadow:0 4px 16px #007acc4d;color:#fff;font-weight:600}.cash-tab-modern:not(.customer-tab):not(.staff-tab).active .tab-icon{filter:brightness(0) invert(1)}.cash-tab-group{display:flex;flex-direction:row;position:relative}.cash-tab-main{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#606060;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:-2px;min-width:160px;padding:16px 28px;position:relative;text-align:center;white-space:nowrap}.cash-tab-main,.cash-tab-main:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.cash-tab-main:before{background:linear-gradient(90deg,#007acc,#00a8ff);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:0}.cash-tab-main.active:before{width:80%}.cash-tab-main:hover{background:#007acc14;color:#007acc}.cash-tab-main.active{background:#fff;border-bottom-color:#007acc;color:#007acc}.cash-tab-group.active[data-customer] .cash-tab-main.active,.cash-tab-group:has(.cash-tab-main.active[data-type=customer]) .cash-tab-main.active{background:linear-gradient(180deg,#e3f2fd,#bbdefb);border-bottom-color:#2196f3;color:#1976d2}.cash-tab-group.active[data-staff] .cash-tab-main.active,.cash-tab-group:has(.cash-tab-main.active[data-type=staff]) .cash-tab-main.active{background:linear-gradient(180deg,#fff3e0,#ffe0b2);border-bottom-color:#ff9800;color:#f57c00}.tab-arrow{font-size:.7rem;transition:transform .2s}.cash-sub-tabs{animation:slideRight .2s ease;background:#fff;border:1px solid #e0e0e0;border-left:none;border-radius:0 8px 8px 0;box-shadow:4px 0 12px #0000001a;display:flex;flex-direction:column;left:100%;margin-left:2px;min-width:160px;padding:4px;position:absolute;top:0;z-index:100}@keyframes slideRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.cash-sub-tabs-inline{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:2px;margin-left:8px;padding:4px}.cash-tab-group[data-customer] .cash-sub-tabs-inline{background:linear-gradient(180deg,#e3f2fd,#bbdefb)}.cash-tab-group[data-staff] .cash-sub-tabs-inline{background:linear-gradient(180deg,#fff3e0,#ffe0b2)}.cash-sub-tab-inline{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#606060;cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-2px;min-width:120px;padding:12px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cash-sub-tab-inline:before{background:linear-gradient(90deg,#007acc,#00a8ff);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.cash-sub-tab-inline:hover{background:#007acc14;color:#007acc}.cash-tab-group[data-customer] .cash-sub-tab-inline:hover{background:#2196f326;color:#1976d2}.cash-tab-group[data-staff] .cash-sub-tab-inline:hover{background:#ff980026;color:#f57c00}.cash-sub-tab-inline:hover:before{opacity:.5;width:60%}.cash-sub-tab-inline.active{background:#fff;box-shadow:0 -2px 8px #007acc1a;color:#007acc;font-weight:600;z-index:1}.cash-tab-group[data-customer] .cash-sub-tab-inline.active{background:#fff;box-shadow:0 -2px 8px #2196f333;color:#1976d2}.cash-tab-group[data-customer] .cash-sub-tab-inline.active:before{background:linear-gradient(90deg,#2196f3,#42a5f5)}.cash-tab-group[data-staff] .cash-sub-tab-inline.active{background:#fff;box-shadow:0 -2px 8px #ff980033;color:#f57c00}.cash-tab-group[data-staff] .cash-sub-tab-inline.active:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.cash-sub-tab-inline.active:before{opacity:1;width:80%}body.dark-mode .cash-sub-tab-inline{color:#999}body.dark-mode .cash-sub-tab-inline:hover{background:#007acc26;color:#007acc}body.dark-mode .cash-sub-tab-inline.active{background:#252526;box-shadow:0 -2px 8px #007acc33;color:#007acc}body.dark-mode .cash-sub-tab-inline.active:before{background:linear-gradient(90deg,#007acc,#00a8ff)}body.dark-mode .cash-tab-group[data-customer] .cash-tab-main.active{background:linear-gradient(180deg,#1e3a5f,#2d4a6f);border-bottom-color:#42a5f5;color:#90caf9}body.dark-mode .cash-tab-group[data-customer] .cash-tab-main.active:before{background:linear-gradient(90deg,#42a5f5,#64b5f6)}body.dark-mode .cash-tab-group[data-customer] .cash-sub-tabs-inline{background:linear-gradient(180deg,#1e3a5f,#2d4a6f)}body.dark-mode .cash-tab-group[data-customer] .cash-sub-tab-inline{color:#b0bec5}body.dark-mode .cash-tab-group[data-customer] .cash-sub-tab-inline:hover{background:#42a5f533;color:#90caf9}body.dark-mode .cash-tab-group[data-customer] .cash-sub-tab-inline.active{background:#252526;box-shadow:0 -2px 8px #42a5f54d;color:#90caf9}body.dark-mode .cash-tab-group[data-customer] .cash-sub-tab-inline.active:before{background:linear-gradient(90deg,#42a5f5,#64b5f6)}body.dark-mode .cash-tab-group[data-staff] .cash-tab-main.active{background:linear-gradient(180deg,#5d4037,#6d4c41);border-bottom-color:#ffb74d;color:#ffcc80}body.dark-mode .cash-tab-group[data-staff] .cash-tab-main.active:before{background:linear-gradient(90deg,#ffb74d,#ffcc80)}body.dark-mode .cash-tab-group[data-staff] .cash-sub-tabs-inline{background:linear-gradient(180deg,#5d4037,#6d4c41)}body.dark-mode .cash-tab-group[data-staff] .cash-sub-tab-inline{color:#bcaaa4}body.dark-mode .cash-tab-group[data-staff] .cash-sub-tab-inline:hover{background:#ffb74d33;color:#ffcc80}body.dark-mode .cash-tab-group[data-staff] .cash-sub-tab-inline.active{background:#252526;box-shadow:0 -2px 8px #ffb74d4d;color:#ffcc80}body.dark-mode .cash-tab-group[data-staff] .cash-sub-tab-inline.active:before{background:linear-gradient(90deg,#ffb74d,#ffcc80)}.cash-sub-tab{background:#0000;border:none;border-radius:4px;color:#606060;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;position:relative;text-align:left;transition:all .2s}.cash-sub-tab:hover{background:#007acc14;color:#007acc}.cash-sub-tab.active{background:#007acc26;color:#007acc;font-weight:600}.cash-sub-tab.active:before{background:#007acc;border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.cash-tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#606060;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;min-width:120px;padding:16px 28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cash-tab:before{background:linear-gradient(90deg,#007acc,#00a8ff);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.cash-tab:after{background:linear-gradient(180deg,#007acc0d,#0000);border-radius:8px 8px 0 0;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cash-tab:hover{background:#007acc14;color:#007acc;transform:translateY(-2px)}.cash-tab:hover:before{opacity:.5;width:60%}.cash-tab:hover:after{opacity:1}.cash-tab.active{background:#fff;box-shadow:0 -2px 8px #007acc1a;color:#007acc;font-weight:600;z-index:1}.cash-tab.active:before{left:50%;opacity:1;transform:translateX(-50%);width:80%}.cash-tab.active:after{opacity:0}.cash-tab.customer-tab{background:linear-gradient(180deg,#e3f2fd,#bbdefb);color:#1976d2}.cash-tab.customer-tab:hover{background:linear-gradient(180deg,#bbdefb,#90caf9);color:#1565c0;transform:translateY(-2px)}.cash-tab.customer-tab:hover:before{background:linear-gradient(90deg,#2196f3,#42a5f5)}.cash-tab.customer-tab.active{background:linear-gradient(180deg,#90caf9,#64b5f6);border-bottom-color:#2196f3;box-shadow:0 -2px 8px #2196f333;color:#0d47a1}.cash-tab.customer-tab.active:before{background:linear-gradient(90deg,#1976d2,#2196f3);width:80%}.cash-tab.staff-tab{background:linear-gradient(180deg,#fff3e0,#ffe0b2);color:#e65100}.cash-tab.staff-tab:hover{background:linear-gradient(180deg,#ffe0b2,#ffcc80);color:#bf360c;transform:translateY(-2px)}.cash-tab.staff-tab:hover:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}.cash-tab.staff-tab.active{background:linear-gradient(180deg,#ffcc80,#ffb74d);border-bottom-color:#ff9800;box-shadow:0 -2px 8px #ff980033;color:#bf360c}.cash-tab.staff-tab.active:before{background:linear-gradient(90deg,#f57c00,#ff9800);width:80%}body.dark-mode .cash-management-tabs-modern{background:#252526;border-color:#3f3f46;box-shadow:0 2px 8px #0000004d}body.dark-mode .tab-divider{background:linear-gradient(180deg,#0000,#3f3f46 20%,#3f3f46 80%,#0000)}body.dark-mode .customer-group .tab-group-header{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);color:#90caf9}body.dark-mode .staff-group .tab-group-header{background:linear-gradient(135deg,#4e2a1a,#5d3a2a);color:#ffb74d}body.dark-mode .cash-tab-modern:not(.customer-tab):not(.staff-tab){background:linear-gradient(135deg,#2d2d30,#252526);border-color:#3f3f46;color:#ccc}body.dark-mode .cash-tab-modern:not(.customer-tab):not(.staff-tab):hover{background:linear-gradient(135deg,#3f3f46,#2d2d30);border-color:#4a9eff;color:#4a9eff}body.dark-mode .cash-tab-modern:not(.customer-tab):not(.staff-tab).active{background:linear-gradient(135deg,#007acc,#005a9e);box-shadow:0 4px 16px #007acc66;color:#fff}body.dark-mode .cash-tab-modern.customer-tab{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border-color:#42a5f54d;color:#90caf9}body.dark-mode .cash-tab-modern.customer-tab:hover{background:linear-gradient(135deg,#2d4a6f,#3d5a7f);border-color:#42a5f580;color:#bbdefb}body.dark-mode .cash-tab-modern.customer-tab.active{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 4px 16px #42a5f566;color:#e3f2fd}body.dark-mode .cash-tab-modern.staff-tab{background:linear-gradient(135deg,#4e2a1a,#5d3a2a);border-color:#ff98004d;color:#ffb74d}body.dark-mode .cash-tab-modern.staff-tab:hover{background:linear-gradient(135deg,#5d3a2a,#6d4a3a);border-color:#ff980080;color:#ffcc80}body.dark-mode .cash-tab-modern.staff-tab.active{background:linear-gradient(135deg,#e65100,#f57c00);box-shadow:0 4px 16px #ff980066;color:#fff3e0}.cash-management-content{animation:fadeInContent .4s ease;display:flex;flex-direction:column;gap:24px}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cash-tab-content{animation:slideInContent .3s ease;background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:20px;padding:24px}@keyframes slideInContent{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.section-header h2{color:#1e1e1e;font-size:1.3rem;font-weight:600;margin:0}.total-amount{color:#606060;font-size:1rem}.total-amount strong{color:#1e1e1e;font-size:1.2rem}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow-x:auto;width:100%}.cash-table{background:#fff;border:none;border-collapse:collapse;border-radius:12px;min-width:800px;overflow:hidden;width:100%}.cash-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f0f0);border-bottom:2px solid #e0e0e0}.cash-table th{border-bottom:2px solid #e0e0e0;color:#606060;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.cash-table td{border-bottom:1px solid #f5f5f5;color:#1e1e1e;font-size:.9rem;padding:16px 20px;transition:all .2s ease}.cash-table tbody tr{border-left:3px solid #0000;transition:all .2s ease}.cash-table tbody tr:hover{background:linear-gradient(90deg,#f8f9fa,#f0f0f0);border-left-color:#007acc;box-shadow:0 2px 4px #0000000a;transform:scale(1.001)}.cash-table tbody tr:last-child td{border-bottom:none}.cash-table tbody tr:nth-child(2n){background:#fafafa}.cash-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#f5f5f5,#eee)}.amount-cell{font-weight:600}.amount-cell.positive{color:#2e7d32}.amount-cell.negative{color:#d32f2f}.amount-cell.paid-amount{color:#4caf50}.amount-cell.total-premium{color:#007acc;font-size:1.1rem;font-weight:600}.amount-cell.paid-premium{color:#4caf50;font-weight:600}.amount-cell.remaining-premium{color:#f57c00;font-weight:600}.amount-cell.remaining-amount{color:#f57c00}.staff-payment-row{transition:background-color .2s}.staff-payment-row:hover{background-color:#f5f5f5}.staff-payment-row[style*="cursor: pointer"]:hover{background-color:#e3f2fd}body.dark-mode .staff-payment-row:hover{background-color:#2d2d30}body.dark-mode .staff-payment-row[style*="cursor: pointer"]:hover{background-color:#1e3a5f}.status-badge.paid{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#f57c00}.expenses-tab-content{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:20px;padding:0}.expenses-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.expenses-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.expenses-header-modern{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px 28px;transition:all .3s ease}.expenses-header-modern:hover{box-shadow:0 6px 16px #00000014}.expenses-header-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:300px}.expenses-header-left h2{color:#1e1e1e;font-size:1.75rem;font-weight:700;margin:0;white-space:nowrap}.expenses-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-box-modern{flex:1 1;max-width:400px;min-width:250px}.search-input-modern{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.search-input-modern:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a;outline:none}.search-input-modern::placeholder{color:#999}.date-filter-select-modern{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23606060' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e0e0e0;border-radius:8px;color:#1e1e1e;cursor:pointer;font-size:.95rem;font-weight:500;min-width:140px;padding:12px 40px 12px 16px;transition:all .2s ease}.date-filter-select-modern:hover{border-color:#007acc}.date-filter-select-modern:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a;outline:none}.new-expense-btn-modern{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border:none;border-radius:8px;box-shadow:0 2px 4px #007acc33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.new-expense-btn-modern:hover{background:linear-gradient(135deg,#005a9e,#004080);box-shadow:0 4px 8px #007acc4d;transform:translateY(-1px)}.new-expense-btn-modern:active{transform:translateY(0)}.action-btn-modern{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1e1e1e;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;padding:12px;transition:all .2s ease;width:44px}.action-btn-modern:hover{background:#f0f7ff;border-color:#007acc;transform:translateY(-1px)}.action-btn-modern:active{transform:translateY(0)}.expenses-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.search-box{flex:0 0 50%;max-width:50%;min-width:200px}.new-expense-btn,.toolbar-actions{align-items:center;display:flex;gap:8px}.new-expense-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.new-expense-btn:hover{background:#45a049}.action-btn{border:1px solid #cccedb;font-size:.9rem;gap:6px;padding:8px 12px;transition:all .2s ease}.action-btn.category-settings-btn,.action-btn.download-btn,.action-btn.refresh-btn,.action-btn.settings-btn{font-size:1rem;gap:0;height:40px;justify-content:center;padding:0;width:40px}.action-btn:hover{background:#f3f3f3;border-color:#007acc}.download-btn{background:#007acc;border-color:#007acc;color:#fff}.download-btn:hover{background:#005a9e}.expenses-table{background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:900px;overflow:hidden}.expenses-table thead{background:#f3f3f3}.expenses-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px;position:relative}.expenses-table th:hover{background:#e8e8e8}.filter-icon{font-size:.8rem;margin-left:4px;opacity:.6}.expenses-table td{border-bottom:1px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px}.expenses-table tbody tr:hover{background:#f9f9f9}.delete-action-btn,.edit-action-btn{background:#0000;border:none;cursor:pointer;font-size:1rem;margin-right:4px;padding:4px 8px;transition:all .2s ease}.edit-action-btn:hover{background:#e3f2fd;border-radius:4px}.delete-action-btn:hover{background:#ffebee;border-radius:4px}.expenses-total{border-top:2px solid #e0e0e0;color:#1e1e1e;font-size:1rem;font-weight:600;padding:12px;text-align:right}.expenses-summary{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.summary-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:20px}.summary-tab{font-size:.9rem;padding:10px 20px;transition:all .2s ease}.summary-tab:hover{background:#f3f3f3}.summary-tab.active{border-bottom-color:#007acc}.summary-content{min-height:200px}.category-summary-content{position:relative}.summary-table th{background:#f9f9f9;font-size:.9rem;padding:12px}.summary-table td{border-bottom:1px solid #e0e0e0;font-size:.9rem;padding:12px}.summary-download-btn{align-items:center;background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;position:absolute;right:0;top:0;transition:all .2s ease}.summary-download-btn:hover{background:#005a9e}.graph-summary-content{padding:20px}.expense-chart-container,.graph-summary-content{display:flex;flex-direction:column;gap:30px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#1e1e1e;font-size:1.2rem;margin:0}.chart-total{color:#007acc;font-size:1.1rem;font-weight:600}.chart-wrapper{overflow-x:auto;padding:10px}.expense-bar-chart{display:block}.chart-bar{transition:opacity .2s ease}.chart-bar:hover{opacity:.8}.chart-label,.chart-value{fill:#333;font-size:12px}.chart-value{font-weight:700}.pie-chart-wrapper{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:20px}.pie-chart-wrapper h4{color:#1e1e1e;font-size:1.1rem;margin:0}.expense-pie-chart{display:block}.pie-segment{transition:opacity .2s ease}.pie-segment:hover{opacity:.8}.pie-legend{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.legend-item{align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:8px}.legend-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.legend-label{color:#333;flex:1 1;font-size:.9rem}.legend-value{color:#666;font-size:.85rem;font-weight:500}.expense-chart{height:300px;max-width:600px;width:100%}.collections-tab-content{display:flex;flex-direction:column;gap:20px}.collections-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.collections-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.collections-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.collections-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:4px;min-width:900px;overflow:hidden;width:100%}.collections-table thead{background:#f3f3f3}.collections-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;text-align:left;-webkit-user-select:none;user-select:none}.collections-table th:hover{background:#e8e8e8}.collections-table td{border-bottom:1px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px}.collections-table tbody tr:hover{background:#f9f9f9}.custom-date-range{display:flex;flex-wrap:wrap;gap:12px}.date-input-group-inline{display:flex;flex-direction:column;gap:6px}.date-input-group-inline input{border:1px solid #cccedb;border-radius:4px;padding:8px 12px}body.dark-mode .collections-header h2{color:#ccc}body.dark-mode .collections-table{background:#252526;border-color:#3f3f46}body.dark-mode .collections-table thead{background:#2d2d30}body.dark-mode .collections-table td,body.dark-mode .collections-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .collections-table tbody tr:hover{background:#2d2d30}body.dark-mode .custom-date-range input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .expenses-header h2{color:#ccc}body.dark-mode .expenses-header-modern{background:linear-gradient(135deg,#2d2d30,#252526);border-color:#3f3f46}body.dark-mode .expenses-header-left h2{color:#ccc}body.dark-mode .search-input-modern{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .search-input-modern:focus{border-color:#007acc}body.dark-mode .search-input-modern::placeholder{color:#666}body.dark-mode .date-filter-select-modern{background:#252526;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:#3f3f46;color:#ccc}body.dark-mode .date-filter-select-modern:focus,body.dark-mode .date-filter-select-modern:hover{border-color:#007acc}body.dark-mode .new-expense-btn-modern{background:linear-gradient(135deg,#007acc,#005a9e)}body.dark-mode .new-expense-btn-modern:hover{background:linear-gradient(135deg,#005a9e,#004080)}body.dark-mode .action-btn-modern{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .action-btn-modern:hover{background:#1e1e1e;border-color:#007acc}body.dark-mode .action-btn{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .action-btn:hover{background:#3f3f46;border-color:#007acc}body.dark-mode .expenses-table{background:#252526;border-color:#3f3f46}body.dark-mode .expenses-table thead{background:#2d2d30}body.dark-mode .expenses-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .expenses-table th:hover{background:#3f3f46}body.dark-mode .expenses-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .expenses-table tbody tr:hover{background:#2d2d30}body.dark-mode .expenses-total{border-top-color:#3f3f46;color:#ccc}body.dark-mode .expenses-summary{background:#252526;border-color:#3f3f46}body.dark-mode .summary-tabs{border-bottom-color:#3f3f46}body.dark-mode .summary-tab:hover{background:#2d2d30;color:#007acc}body.dark-mode .summary-tab.active{border-bottom-color:#007acc;color:#007acc}body.dark-mode .summary-table th{background:#2d2d30}.receivables-tab-content{display:flex;flex-direction:column;gap:20px}.receivables-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.receivables-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.receivables-filters{align-items:center;display:flex;gap:8px}.date-type-select{background:#fff;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.9rem;padding:8px 12px}.receivables-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.receivables-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:4px;min-width:900px;overflow:hidden;width:100%}.receivables-table thead{background:#f3f3f3}.receivables-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;text-align:left;-webkit-user-select:none;user-select:none}.receivables-table th:hover{background:#e8e8e8}.receivables-table td{border-bottom:1px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px}.receivables-table tbody tr:hover{background:#f9f9f9}.pay-action-btn,.receivable-actions{align-items:center;display:flex;gap:4px}.pay-action-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:all .2s ease}.pay-action-btn:hover:not(:disabled){background:#005a9e}.pay-action-btn:disabled{cursor:not-allowed;opacity:.5}.pay-icon{font-size:1rem;font-weight:700}body.dark-mode .receivables-header h2{color:#ccc}body.dark-mode .date-type-select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .receivables-table{background:#252526;border-color:#3f3f46}body.dark-mode .receivables-table thead{background:#2d2d30}body.dark-mode .receivables-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .receivables-table th:hover{background:#3f3f46}body.dark-mode .receivables-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .receivables-table tbody tr:hover{background:#2d2d30}body.dark-mode .pay-action-btn{background:#007acc}body.dark-mode .pay-action-btn:hover:not(:disabled){background:#005a9e}.payables-tab-content{display:flex;flex-direction:column;gap:20px}.payables-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.payables-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.payables-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.payables-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:4px;min-width:900px;overflow:hidden;width:100%}.payables-table thead{background:#f3f3f3}.payables-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;text-align:left;-webkit-user-select:none;user-select:none}.payables-table th:hover{background:#e8e8e8}.payables-table td{border-bottom:1px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;padding:12px}.payables-table tbody tr:hover{background:#f9f9f9}.payable-actions{align-items:center;display:flex;gap:4px}.action-btn{font-size:.85rem;font-weight:500;gap:4px;padding:6px 12px}.action-btn.pay-btn{background:#4caf50!important;color:#fff!important}.action-btn.pay-btn:hover{background:#45a049!important}.pay-btn{background:#4caf50!important;color:#fff!important}.pay-btn:hover{background:#45a049!important}.delete-btn{background:#ff4d4f;color:#fff;padding:6px 10px}.delete-btn:hover{background:#ff7875}.debt-type-badge{font-size:.8rem;font-weight:500}.debt-type-badge.advance{background:#fff3e0;border:1px solid #ffb74d;color:#f57c00}.debt-type-badge.cash{background:#e3f2fd;border:1px solid #64b5f6;color:#1976d2}.salary-deduct-badge{background:#e8f5e9;border:1px solid #66bb6a;border-radius:4px;color:#2e7d32;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.salary-deduct-badge.no{background:#ffebee;border:1px solid #ef5350;color:#c62828}body.dark-mode .debt-type-badge.advance{background:#5d4037;border-color:#ffb74d;color:#ffcc80}body.dark-mode .debt-type-badge.cash{background:#1e3a5f;border-color:#64b5f6;color:#90caf9}body.dark-mode .salary-deduct-badge{background:#1b5e20;border-color:#66bb6a;color:#81c784}body.dark-mode .salary-deduct-badge.no{background:#4a148c;border-color:#ab47bc;color:#ce93d8}.staff-payables-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.staff-payable-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.staff-payable-card:hover{border-color:#ff9800;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.staff-payable-card-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-bottom:12px}.staff-payable-card-title{display:flex;flex-direction:column;gap:4px}.staff-payable-card-title h3{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0}.staff-debt-count{color:#666;font-size:.85rem;font-weight:500}.staff-payable-card-amount{align-items:flex-end;display:flex;flex-direction:column}.total-debt-amount{color:#f57c00;font-size:1.5rem;font-weight:700}.staff-payable-card-body{display:flex;flex-direction:column;gap:12px}.staff-debt-details{display:flex;flex-direction:column;gap:8px}.debt-detail-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.debt-detail-label{color:#666;font-size:.9rem;font-weight:500}.debt-detail-value{border-radius:4px;font-size:.9rem;font-weight:600;padding:4px 8px}.debt-detail-value.advance{background:#fff3e0;color:#f57c00}.debt-detail-value.cash{background:#e3f2fd;color:#1976d2}.staff-payable-card-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:8px;padding-top:12px}.view-btn{background:#2196f3!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.view-btn:hover{background:#1976d2!important}.staff-payable-card-actions .pay-btn{background:#4caf50!important;color:#fff!important;flex:1 1}.staff-payable-card-actions .pay-btn:hover{background:#45a049!important}body.dark-mode .staff-payable-card{background:#252526;border-color:#3f3f46}body.dark-mode .staff-payable-card:hover{border-color:#ff9800;box-shadow:0 4px 16px #0000004d}body.dark-mode .staff-payable-card-header{border-bottom-color:#3f3f46}body.dark-mode .staff-payable-card-title h3{color:#ccc}body.dark-mode .staff-debt-count{color:#999}body.dark-mode .total-debt-amount{color:#ff9800}body.dark-mode .debt-detail-label{color:#999}body.dark-mode .debt-detail-value.advance{background:#5d4037;color:#ffcc80}body.dark-mode .debt-detail-value.cash{background:#1e3a5f;color:#90caf9}body.dark-mode .staff-payable-card-actions{border-top-color:#3f3f46}.staff-payable-card.expanded{border-color:#ff9800;box-shadow:0 4px 20px #ff980033}.staff-debts-list{animation:slideDown .3s ease;border-top:2px solid #f0f0f0;margin-top:16px;padding-top:16px}.debts-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.debts-list-header h4{color:#1e1e1e;font-size:1rem;font-weight:600;margin:0}.debts-count{color:#666;font-size:.85rem;font-weight:500}.debts-list-content{display:flex;flex-direction:column;gap:12px}.debt-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.debt-item:hover{background:#f3f3f3;border-color:#ff9800}.debt-item-left{align-items:center;display:flex;flex:1 1;gap:12px}.debt-item-type{flex-shrink:0}.debt-item-info{display:flex;flex-direction:column;gap:4px}.debt-item-amount{color:#f57c00;font-size:1.1rem;font-weight:600}.debt-item-date{color:#666;font-size:.85rem}.debt-item-notes{color:#999;font-size:.85rem;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-item-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.debt-item-actions{display:flex;gap:4px}.action-btn-small{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.action-btn-small.pay-btn{background:#4caf50;color:#fff}.action-btn-small.pay-btn:hover{background:#45a049}.action-btn-small.edit-btn{background:#2196f3;color:#fff}.action-btn-small.edit-btn:hover{background:#1976d2}.action-btn-small.delete-btn{background:#ff4d4f;color:#fff}.action-btn-small.delete-btn:hover{background:#ff7875}.debt-item-status{align-items:center;display:flex}.debt-item.paid{background:#f0f0f0;opacity:.7}.debt-item.paid:hover{background:#e8e8e8}.strikethrough{color:#999!important;text-decoration:line-through}.paid-badge{background:#4caf50;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;margin-left:6px;padding:2px 6px}.paid-amount-info{color:#4caf50;font-size:.8rem;font-weight:500;margin-left:8px}.salary-deduct-badge.paid-status{background:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32;font-weight:600}body.dark-mode .debt-item.paid{background:#2d2d30;opacity:.6}body.dark-mode .debt-item.paid:hover{background:#3f3f46}body.dark-mode .strikethrough{color:#666!important}body.dark-mode .paid-badge{background:#4caf50;color:#fff}body.dark-mode .paid-amount-info{color:#81c784}body.dark-mode .salary-deduct-badge.paid-status{background:#1b5e20;border-color:#66bb6a;color:#81c784}.salary-deduct-badge.small{font-size:.75rem;padding:2px 6px}body.dark-mode .staff-payable-card.expanded{border-color:#ff9800}body.dark-mode .staff-debts-list{border-top-color:#3f3f46}body.dark-mode .debts-list-header{border-bottom-color:#3f3f46}body.dark-mode .debts-list-header h4{color:#ccc}body.dark-mode .debts-count{color:#999}body.dark-mode .debt-item{background:#2d2d30;border-color:#3f3f46}body.dark-mode .debt-item:hover{background:#3f3f46;border-color:#ff9800}body.dark-mode .debt-item-amount{color:#ff9800}body.dark-mode .debt-item-date{color:#999}body.dark-mode .debt-item-notes{color:#666}@media (max-width:768px){.staff-payables-cards{grid-template-columns:1fr}.debt-item{align-items:flex-start;flex-direction:column;gap:12px}.debt-item-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.debt-item-notes{max-width:100%}}body.dark-mode .payables-header h2{color:#ccc}body.dark-mode .payables-table{background:#252526;border-color:#3f3f46}body.dark-mode .payables-table thead{background:#2d2d30}body.dark-mode .payables-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .payables-table th:hover{background:#3f3f46}body.dark-mode .payables-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .payables-table tbody tr:hover{background:#2d2d30}body.dark-mode .cash-management-tabs{background:#1e1e1e}body.dark-mode .cash-tab:hover{background:#007acc26}body.dark-mode .cash-tab:hover:after{background:linear-gradient(180deg,#007acc1a,#0000)}body.dark-mode .cash-tab.active{background:#252526;box-shadow:0 -2px 8px #007acc33}body.dark-mode .cash-tab.active:before{background:linear-gradient(90deg,#007acc,#00a8ff)}body.dark-mode .cash-tab.customer-tab{background:linear-gradient(180deg,#1e3a5f,#2d4a6f);color:#90caf9}body.dark-mode .cash-tab.customer-tab:hover{background:linear-gradient(180deg,#2d4a6f,#3d5a7f);color:#bbdefb}body.dark-mode .cash-tab.customer-tab:hover:before{background:linear-gradient(90deg,#42a5f5,#64b5f6)}body.dark-mode .cash-tab.customer-tab.active{background:linear-gradient(180deg,#1565c0,#1976d2);border-bottom-color:#42a5f5;box-shadow:0 -2px 8px #42a5f54d;color:#e3f2fd}body.dark-mode .cash-tab.customer-tab.active:before{background:linear-gradient(90deg,#42a5f5,#64b5f6)}body.dark-mode .cash-tab.staff-tab{background:linear-gradient(180deg,#4e2a1a,#5d3a2a);color:#ffb74d}body.dark-mode .cash-tab.staff-tab:hover{background:linear-gradient(180deg,#5d3a2a,#6d4a3a);color:#ffcc80}body.dark-mode .cash-tab.staff-tab:hover:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}body.dark-mode .cash-tab.staff-tab.active{background:linear-gradient(180deg,#e65100,#f57c00);border-bottom-color:#ff9800;box-shadow:0 -2px 8px #ff98004d;color:#fff3e0}body.dark-mode .cash-tab.staff-tab.active:before{background:linear-gradient(90deg,#ff9800,#ffb74d)}body.dark-mode .cash-tab-main{color:#999}body.dark-mode .cash-tab-main:hover{background:#007acc26;color:#007acc}body.dark-mode .cash-tab-main.active{background:#252526;color:#007acc}body.dark-mode .cash-sub-tabs{background:#252526;border-color:#3f3f46}body.dark-mode .cash-sub-tab{color:#999}body.dark-mode .cash-sub-tab:hover{background:#007acc26;color:#007acc}body.dark-mode .cash-sub-tab.active{background:#007acc40;color:#007acc}body.dark-mode .cash-sub-tab.active:before{background:#007acc}body.dark-mode .cash-management-page{background:#1e1e1e;color:#ccc}body.dark-mode .cash-management-header{border-bottom-color:#3f3f46}body.dark-mode .cash-management-header h1{color:#ccc}body.dark-mode .date-filter-select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .date-filter-select:hover{border-color:#007acc}body.dark-mode .cash-management-tabs{border-bottom-color:#3f3f46}body.dark-mode .cash-tab{color:#999}body.dark-mode .cash-tab:hover{background:#2d2d30;color:#007acc}body.dark-mode .cash-tab.active{border-bottom-color:#007acc;color:#007acc}body.dark-mode .section-header h2{color:#ccc}body.dark-mode .total-amount{color:#999}body.dark-mode .total-amount strong{color:#ccc}body.dark-mode .cash-table{background:#252526;border-color:#3f3f46}body.dark-mode .cash-table thead{background:#2d2d30}body.dark-mode .cash-table td,body.dark-mode .cash-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .cash-table tbody tr{border-left-color:#0000}body.dark-mode .cash-table tbody tr:hover{background:linear-gradient(90deg,#3f3f46,#2d2d30);border-left-color:#4a9eff}body.dark-mode .cash-table tbody tr:nth-child(2n){background:#2d2d30}body.dark-mode .cash-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#3f3f46,#2d2d30)}body.dark-mode .amount-cell.positive{color:#81c784}body.dark-mode .amount-cell.negative{color:#ef5350}body.dark-mode .status-badge.paid{background:#1b5e20;color:#81c784}body.dark-mode .status-badge.pending{background:#e65100;color:#ffb74d}@media (max-width:768px){.cash-management-page{padding:15px}.cash-management-header{align-items:stretch;flex-direction:column}.date-filter-select{width:100%}.cash-management-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.cash-tab{font-size:.85rem;padding:10px 16px}.section-header{align-items:stretch;flex-direction:column}.cash-table{font-size:.85rem}.cash-table td,.cash-table th{padding:8px}}.column-settings-popover{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.column-settings-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:14px 16px}.column-settings-header h3{color:#1e1e1e;font-size:.95rem;font-weight:600;margin:0}.close-settings-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#606060;cursor:pointer;display:flex;font-size:1.3rem;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.close-settings-btn:hover{background:#e0e0e0;color:#1e1e1e}.column-settings-content{max-height:320px;overflow-y:auto;padding:8px}.column-toggle-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s;-webkit-user-select:none;user-select:none}.column-toggle-label:hover{background:#f3f3f3}.column-toggle-label input[type=checkbox]{accent-color:#007acc;cursor:pointer;flex-shrink:0;height:18px;width:18px}.column-toggle-label span{color:#1e1e1e;flex:1 1;font-size:.9rem}body.dark-mode .column-settings-popover{background:#252526;border-color:#3f3f46;box-shadow:0 4px 20px #0006}body.dark-mode .column-settings-header{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .column-settings-header h3{color:#ccc}body.dark-mode .close-settings-btn{color:#999}body.dark-mode .close-settings-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .column-toggle-label:hover{background:#2d2d30}body.dark-mode .column-toggle-label span{color:#ccc}.modal-content{animation:slideUp .3s ease}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{transition:all .2s ease}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a;outline:none}.modal-form .save-btn{font-weight:500;transition:all .2s ease}.modal-form .save-btn:hover{box-shadow:0 4px 12px #007acc4d;transform:translateY(-1px)}.modal-form .save-btn:active{transform:translateY(0)}.staff-cards-container,.staff-cards-grid{margin-bottom:24px}.staff-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.staff-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:16px;transition:all .3s ease}.staff-card:hover{border-color:#007acc;box-shadow:0 4px 12px #007acc26;transform:translateY(-2px)}.staff-card.selected{background:linear-gradient(135deg,#f0f7ff,#fff);border-color:#007acc;box-shadow:0 4px 16px #007acc33}.staff-card-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.staff-card-header h3{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0}.selected-badge{align-items:center;background:#007acc;border-radius:50%;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.staff-card-body{display:flex;flex-direction:column;gap:8px}.staff-card-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.staff-card-info .info-label{color:#666;font-weight:500}.staff-card-info .info-value{color:#1e1e1e;font-weight:600}.staff-card-info.warning .info-value{color:#dc3545}.empty-staff-message,.no-staff-selected-message{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;margin:24px 0;padding:60px 20px;text-align:center}.empty-staff-message p,.no-staff-selected-message p{color:#666;font-size:1rem;margin:0}body.dark-mode .staff-card{background:#2d2d30;border-color:#3f3f46}body.dark-mode .staff-card:hover{border-color:#4a9eff;box-shadow:0 4px 12px #4a9eff33}body.dark-mode .staff-card.selected{background:linear-gradient(135deg,#1e3a5f,#2d2d30);border-color:#4a9eff;box-shadow:0 4px 16px #4a9eff4d}body.dark-mode .staff-card-header{border-bottom-color:#3f3f46}body.dark-mode .staff-card-header h3{color:#fff}body.dark-mode .staff-card-info .info-label{color:#a0a0a0}body.dark-mode .staff-card-info .info-value{color:#fff}body.dark-mode .empty-staff-message,body.dark-mode .no-staff-selected-message{background:#2d2d30;border-color:#3f3f46}body.dark-mode .empty-staff-message p,body.dark-mode .no-staff-selected-message p{color:#a0a0a0}.coming-soon-message{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#606060;font-size:1rem;margin-top:20px;padding:40px 20px;text-align:center}body.dark-mode .coming-soon-message{background-color:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode input[type=month]{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode input[type=month]:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff1a}body.dark-mode h3,body.dark-mode label{color:#ccc}.staff-payments-grid-container{margin-top:20px}.staff-payments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.staff-payment-group-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.staff-payment-group-card:hover{border-color:#007acc;box-shadow:0 4px 12px #007acc26;transform:translateY(-2px)}.staff-payment-group-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.staff-payment-group-header h3{color:#1e1e1e;font-size:1.2rem;font-weight:600;margin:0}.total-badge{background:#007acc;font-size:.9rem;padding:6px 12px}.staff-payment-items{display:flex;flex-direction:column;gap:12px}.staff-payment-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s ease}.staff-payment-item:hover{background:#f0f4f8;border-color:#007acc}.payment-item-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.payment-item-row:last-child{margin-bottom:0}.payment-label{color:#606060;font-size:.9rem;font-weight:500}.payment-value{color:#1e1e1e;font-size:.9rem;font-weight:600;text-align:right}.payment-value.amount{color:#007acc;font-size:1rem}.payment-value.debt-type.advance{color:#ff6b6b}.payment-value.debt-type.cash{color:#4ecdc4}body.dark-mode .staff-payment-group-card{background:#2d2d30;border-color:#3f3f46}body.dark-mode .staff-payment-group-card:hover{border-color:#4a9eff;box-shadow:0 4px 12px #4a9eff33}body.dark-mode .staff-payment-group-header{border-bottom-color:#3f3f46}body.dark-mode .staff-payment-group-header h3{color:#ccc}body.dark-mode .staff-payment-item{background:#252526;border-color:#3f3f46}body.dark-mode .staff-payment-item:hover{background:#2d2d30;border-color:#4a9eff}body.dark-mode .payment-label{color:#a0a0a0}body.dark-mode .payment-value{color:#ccc}body.dark-mode .payment-value.amount{color:#4a9eff}.debt-type-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 8px}.debt-type-badge.advance{background:#ffe5e5;color:#ff6b6b}.debt-type-badge.cash{background:#e0f7f5;color:#4ecdc4}body.dark-mode .debt-type-badge.advance{background:#ff6b6b33;color:#ff8a8a}body.dark-mode .debt-type-badge.cash{background:#4ecdc433;color:#6eddd6}.debt-type-badge.appointment-debt{background:#fff4e5;color:#ff9800;font-size:.75rem;padding:2px 6px}body.dark-mode .debt-type-badge.appointment-debt{background:#ff980033;color:#ffb74d}.payment-type-badge{border-radius:4px;padding:4px 8px}.payment-type-badge.salary{border:1px solid #64b5f6}.payment-type-badge.premium{border:1px solid #81c784}.payment-type-badge.advance{background:#fff3e0;border:1px solid #ffb74d;color:#f57c00}body.dark-mode .payment-type-badge.salary{background:#1976d233;border-color:#64b5f6;color:#90caf9}body.dark-mode .payment-type-badge.premium{background:#388e3c33;border-color:#66bb6a;color:#81c784}body.dark-mode .payment-type-badge.advance{background:#f57c0033;border-color:#ffb74d;color:#ffcc80}.expense-modal-new{background:#f5f5f5;border-radius:8px;max-height:85vh;max-width:900px;overflow-y:auto;width:90%}.expense-modal-top-buttons{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.btn-save-expense{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.btn-save-expense:hover{background:#218838}.btn-back-expense{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.btn-back-expense:hover{background:#5a6268}.expense-modal-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:16px}.expense-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{color:#fff;font-size:14px;font-weight:700;padding:12px 16px;text-transform:uppercase}.account-header{background:#4a90e2}.amount-header{background:#28a745}.card-title{color:#fff}.card-body{padding:16px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;margin-bottom:6px}.form-input,.form-select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.form-input:focus,.form-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.form-textarea{border:1px solid #ccc;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.form-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.form-hint{color:#666;display:block;font-size:12px;margin-top:4px}.category-select-wrapper{position:relative}.category-input{width:100%}.link-edit-categories{background:none;border:none;color:#28a745;cursor:pointer;display:block;font-size:13px;margin-top:6px;padding:0;text-align:left;text-decoration:none}.link-edit-categories:hover{text-decoration:underline}.btn-upload-archive{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.btn-upload-archive:hover{background:#218838}.upload-hint{color:#666;font-size:12px;margin-top:8px}.archive-files-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.archive-file-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.file-name{color:#333;flex:1 1;font-size:13px}.btn-remove-file{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.btn-remove-file:hover{background:#c62828}.amount-input-wrapper{align-items:center;position:relative}.amount-input{flex:1 1;padding-right:40px}.currency-suffix{color:#666;font-weight:600;position:absolute;right:12px}@media (max-width:968px){.expense-modal-cards{grid-template-columns:1fr}}.expense-category-modal-content{display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.category-search{margin-bottom:16px;position:relative}.search-input{border:1px solid #cccedb;padding:10px 40px 10px 12px;width:100%}.search-icon{color:#606060;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.category-list{flex:1 1;margin-bottom:16px;overflow-y:auto}.category-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px}.category-item:last-child{border-bottom:none}.category-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.category-name{color:#1e1e1e;font-size:.95rem;font-weight:500}.category-total{color:#666;font-size:.85rem;font-weight:600}.category-actions{display:flex;gap:8px}.delete-btn,.edit-btn{background:#0000;font-size:1rem;padding:4px 8px;transition:all .2s ease}.delete-btn:hover,.edit-btn:hover{border-radius:4px}.pagination{gap:4px;margin-bottom:16px}.pagination-btn{font-size:.85rem}.add-category-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.add-category-btn:hover{background:#45a049}.plus-icon{font-size:1.2rem;font-weight:700}.empty-message{font-style:italic;padding:40px}body.dark-mode .search-input{background:#2d2d30;border-color:#3f3f46}body.dark-mode .category-name{color:#ccc}body.dark-mode .category-item{border-bottom-color:#3f3f46}body.dark-mode .edit-btn:hover{background:#1e3a47}body.dark-mode .delete-btn:hover{background:#3e2723}body.dark-mode .pagination-btn{background:#2d2d30}body.dark-mode .pagination-btn:hover:not(:disabled){background:#3f3f46}body.dark-mode .empty-message{color:#666}.expense-category-form-modal-content{max-width:400px;width:90%}.add-category-save-btn{align-items:center;background:#4caf50;color:#fff;display:flex;gap:8px;justify-content:center}.add-category-save-btn:hover{background:#45a049}.add-category-save-btn .plus-icon{font-size:1.2rem;font-weight:700}.payment-modal-for-receivable{max-width:450px;width:90%}.payment-modal-for-receivable .form-group{margin-bottom:16px}.payment-modal-for-receivable .form-group input,.payment-modal-for-receivable .form-group select{background:#fff;border:1px solid #cccedb;border-radius:4px;box-sizing:border-box;color:#1e1e1e;direction:ltr;font-size:.9rem;height:40px;outline:none;padding:10px 12px;text-align:left;transition:border-color .2s;width:100%}.payment-modal-for-receivable .form-group input:focus,.payment-modal-for-receivable .form-group select:focus{border-color:#4a90e2}.payment-modal-for-receivable .form-group input::placeholder{color:#999}.payment-modal-for-receivable .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231E1E1E' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.amount-input-group{align-items:center;gap:8px}.tl-badge{border:1px solid #cccedb;border-radius:4px;padding:8px 12px}body.dark-mode .payment-modal-for-receivable .form-group input,body.dark-mode .payment-modal-for-receivable .form-group select{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .payment-modal-for-receivable .form-group input:focus,body.dark-mode .payment-modal-for-receivable .form-group select:focus{border-color:#4a90e2}body.dark-mode .tl-badge{border-color:#3f3f46}.payable-modal-content{max-width:600px;width:90%}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #cccedb;border-radius:3px;box-sizing:border-box;color:#1e1e1e;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.save-btn{padding:12px 20px}.input-group{align-items:stretch;background:#fff;border:1px solid #cccedb;border-radius:3px;display:flex;overflow:hidden;transition:all .2s}.input-group:focus-within{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.date-display{align-items:center;color:#1e1e1e;display:flex;flex:1 1;font-size:.9rem;padding:10px 12px}.amount-input-group input::placeholder{color:#999}.tl-badge{white-space:nowrap}.customer-dropdown{box-shadow:0 2px 8px #0000001a}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#007acc}body.dark-mode .input-group{background:#252526;border-color:#3f3f46}body.dark-mode .date-display{color:#ccc}body.dark-mode .calendar-btn{border-left-color:#3f3f46}body.dark-mode .amount-input-group input{background:#0000}body.dark-mode .amount-input-group input::placeholder{color:#666}.collection-detail-modal,.collection-modal-content{max-width:600px;width:90%}.modal-content{border-radius:8px}.collection-detail-content{background:#f9f9f9;padding:24px}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:flex-start;gap:16px;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#1e1e1e;flex-shrink:0;font-size:.95rem;min-width:140px}.detail-value{font-size:.95rem;word-break:break-word}.detail-value.amount-value{color:#4caf50;font-size:1.1rem;font-weight:600}.modal-footer{background:#fff;border-radius:0 0 8px 8px;padding:16px 20px}.close-btn{background:#fff;border:1px solid #cccedb;color:#1e1e1e;font-size:.95rem;font-weight:500;padding:10px 24px}.close-btn:hover{border-color:#007acc}body.dark-mode .modal-content{background:#2d2d30;border-color:#3f3f46}body.dark-mode .collection-detail-content{background:#252526}body.dark-mode .detail-label,body.dark-mode .detail-value{color:#ccc}body.dark-mode .detail-value.amount-value{color:#4caf50}body.dark-mode .detail-row{border-bottom-color:#3f3f46}body.dark-mode .modal-footer{background:#2d2d30}body.dark-mode .close-btn{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .close-btn:hover{border-color:#007acc}.modal-edit-btn{align-items:center;background:#fff;border:1px solid #007acc;border-radius:4px;color:#007acc;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-edit-btn:hover{background:#007acc;color:#fff}body.dark-mode .modal-edit-btn{background:#252526;border-color:#007acc;color:#007acc}body.dark-mode .modal-edit-btn:hover{background:#007acc;color:#fff}body.dark-mode .cancel-btn:hover{border-color:#007acc}.amount-input-group:focus-within,.date-input-simple:focus,.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}body.dark-mode .amount-input-group:focus-within,body.dark-mode .date-input-simple:focus,body.dark-mode .form-group input[type=number]:focus,body.dark-mode .form-group input[type=text]:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#007acc}.customer-dropdown-item{border-bottom:1px solid #f0f0f0}.customer-dropdown-item:last-child{border-bottom:none}.customer-phone{color:#606060}.customer-dropdown-item.add-new-customer{align-items:center;background:#e6f7ff;color:#007acc;display:flex;font-weight:500;gap:8px}.customer-dropdown-item.add-new-customer:hover{background:#b3e5fc;color:#005a9e}.add-icon{font-size:1.2rem}body.dark-mode .customer-dropdown-item{border-bottom-color:#3f3f46}body.dark-mode .customer-phone{color:#999}body.dark-mode .customer-dropdown-item.add-new-customer{background:#2d3a4f;color:#4a9eff}body.dark-mode .customer-dropdown-item.add-new-customer:hover{background:#3f4f6a;color:#6bb6ff}.staff-payable-modal-content{max-width:600px;width:90%}.modal-delete-btn{align-items:center;background:#fff;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-delete-btn:hover{background:#ff4d4f;color:#fff}.modal-form{background:#f9f9f9;display:flex;flex-direction:column;gap:0;padding:20px}.form-row{grid-gap:12px;gap:12px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #cccedb;border-radius:3px;box-sizing:border-box;color:#1e1e1e;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff9800;box-shadow:0 0 0 1px #ff9800}.form-group textarea{font-family:inherit;min-height:60px;resize:vertical}.date-input-simple{background:#fff;border:1px solid #cccedb;border-radius:3px;box-sizing:border-box;color:#1e1e1e;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:all .2s}.date-input-simple:focus{border-color:#ff9800;box-shadow:0 0 0 1px #ff9800}.amount-input-group{align-items:stretch;background:#fff;border:1px solid #cccedb;border-radius:3px;display:flex;overflow:hidden;transition:all .2s}.amount-input-group:focus-within{border-color:#ff9800;box-shadow:0 0 0 1px #ff9800}.amount-input-group input{background:#0000;border:none;color:#1e1e1e;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px}.tl-badge{align-items:center;background:#f3f3f3;border-left:1px solid #e0e0e0;color:#606060;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px 12px}.modal-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-btn{border-radius:3px}.cancel-btn:hover{background:#f3f3f3;border-color:#999}.save-btn{background:#ff9800;border-radius:3px}.save-btn:hover{background:#f57c00}.staff-dropdown{background:#fff;border:1px solid #cccedb;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.staff-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.staff-dropdown-item:hover{background:#f3f3f3}.staff-dropdown-item:last-child{border-bottom:none}.staff-dropdown-item.empty{color:#999;cursor:default}.staff-dropdown-item.empty:hover{background:#0000}.staff-phone{color:#606060;font-size:.85rem}body.dark-mode .staff-payable-modal-content{background:#2d2d30;border-color:#3f3f46}body.dark-mode .modal-form{background:#252526}body.dark-mode .form-group input[type=number],body.dark-mode .form-group input[type=text],body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .form-group input[type=number]:focus,body.dark-mode .form-group input[type=text]:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#ff9800}body.dark-mode .date-input-simple{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .date-input-simple:focus{border-color:#ff9800}body.dark-mode .amount-input-group{background:#252526;border-color:#3f3f46}body.dark-mode .amount-input-group:focus-within{border-color:#ff9800}body.dark-mode .amount-input-group input{color:#ccc}body.dark-mode .tl-badge{background:#2d2d30;border-left-color:#3f3f46;color:#ccc}body.dark-mode .modal-footer{background:#252526;border-top-color:#3f3f46}body.dark-mode .cancel-btn{background:#2d2d30}body.dark-mode .cancel-btn:hover{background:#3f3f46;border-color:#ff9800}body.dark-mode .save-btn{background:#ff9800}body.dark-mode .save-btn:hover{background:#f57c00}body.dark-mode .staff-dropdown{background:#252526;border-color:#3f3f46}body.dark-mode .staff-dropdown-item{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .staff-dropdown-item:hover{background:#2d2d30}body.dark-mode .staff-phone{color:#999}.payment-history-section{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:20px}.payment-history-section h3{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 16px}.payment-history-list{margin-bottom:20px}.payment-history-item{background:#fff;border-radius:4px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px 16px}.payment-history-item:last-child{margin-bottom:0}.payment-history-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:4px}.payment-history-date{white-space:nowrap}.payment-history-amount{font-weight:600;white-space:nowrap}.payment-history-method{color:#606060;white-space:nowrap}.payment-history-notes{color:#606060}.payment-summary{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:16px}.summary-row-inline{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.summary-row-inline span{color:#606060;font-size:.95rem;white-space:nowrap}.summary-row-inline span strong{color:#1e1e1e;font-weight:600}.summary-row-inline span.total{color:#1e1e1e;font-size:1.05rem;font-weight:600}.summary-row-inline span.total strong{color:#1e1e1e;font-weight:700}.summary-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #e0e0e0;font-size:1.05rem;font-weight:600;margin-top:4px;padding-top:12px}.summary-row span:first-child{color:#606060}.summary-row span:last-child{color:#1e1e1e;font-weight:600}.paid-status-badge{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-left:12px;padding:4px 10px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}body.dark-mode .form-group input:disabled,body.dark-mode .form-group select:disabled,body.dark-mode .form-group textarea:disabled{background:#1e1e1e;color:#666}body.dark-mode .payment-history-section{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .payment-history-section h3{color:#ccc}body.dark-mode .payment-history-item{background:#2d2d30}body.dark-mode .payment-history-method,body.dark-mode .payment-history-notes{color:#999}body.dark-mode .payment-summary{background:#2d2d30;border-color:#3f3f46}body.dark-mode .summary-row-inline span{color:#999}body.dark-mode .summary-row-inline span strong,body.dark-mode .summary-row-inline span.total,body.dark-mode .summary-row-inline span.total strong{color:#ccc}body.dark-mode .summary-row{border-bottom-color:#3f3f46}body.dark-mode .summary-row.total{border-top-color:#3f3f46}body.dark-mode .summary-row span:first-child{color:#999}body.dark-mode .summary-row span:last-child{color:#ccc}@media (max-width:768px){.form-row{grid-template-columns:1fr}.staff-payable-modal-content{max-width:95%;width:95%}}.staff-payment-modal-content{max-width:700px}.payment-history-list{display:flex;flex-direction:column;gap:12px}.payment-history-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.payment-history-item:hover{background:#f3f3f3;border-color:#ff9800}.payment-history-left{display:flex;flex:1 1;flex-direction:column;gap:4px}.payment-history-date{font-size:.95rem}.payment-history-method{font-size:.85rem}.payment-history-notes{font-size:.8rem;margin-top:4px}.payment-history-right{align-items:center;display:flex}.payment-history-amount{font-size:1.1rem}body.dark-mode .payment-history-item{background:#252526;border-color:#3f3f46}body.dark-mode .payment-history-item:hover{background:#2d2d30;border-color:#ff9800}body.dark-mode .payment-history-notes{color:#666}@media (max-width:768px){.payment-staff-info{grid-template-columns:1fr}.staff-payment-modal-content{max-width:95%;width:95%}}.staff-salary-payment-modal-content{max-width:700px;width:90%}.payment-modal-body{background:#f9f9f9;display:flex;flex-direction:column;gap:20px;padding:20px}.payment-staff-info{grid-gap:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.staff-info-item{display:flex;flex-direction:column;gap:4px}.staff-info-label{color:#666;font-size:.85rem;font-weight:500}.staff-info-value{color:#1e1e1e;font-size:1rem;font-weight:600}.staff-info-value.amount{color:#f57c00;font-size:1.2rem}.staff-info-value.amount.paid{color:#4caf50}.staff-info-value.amount.debt{color:#d32f2f}.staff-info-value.amount.deduction{color:#ff9800}.staff-info-value.amount.payment{color:#007acc}.staff-info-value.amount.remaining{color:#f57c00}.staff-info-item.premium-section{border-top:2px solid #e0e0e0;grid-column:span 2;margin-top:8px;padding-top:12px}.staff-info-value.amount.premium{color:#2196f3}.staff-info-item.total-section{background:linear-gradient(135deg,#f0f7ff,#fff);border:2px solid #007acc;border-radius:6px;grid-column:span 2;margin-top:8px;padding:12px}.staff-info-value.amount.total{color:#007acc;font-size:1.3rem}.payment-type-group{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.payment-type-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:12px}.payment-type-option{align-items:center;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;min-width:150px;padding:12px 16px;transition:all .2s ease}.payment-type-option:hover{background:#f0f7ff;border-color:#007acc}.payment-type-option input[type=radio]{accent-color:#007acc;cursor:pointer;flex-shrink:0;height:18px;margin:0;min-width:18px;outline:none!important;width:18px}.payment-type-option input[type=radio]:focus{box-shadow:none!important;outline:none!important}.payment-type-option input[type=radio]:focus-visible{box-shadow:none!important;outline:none!important}.payment-type-option input[type=radio]:checked+span{color:#007acc;font-weight:600}.payment-type-option:has(input[type=radio]:checked){background:#f0f7ff;border-color:#007acc}.payment-type-option.disabled{cursor:not-allowed;opacity:.5}.payment-type-option.disabled,.payment-type-option.disabled:hover{background:#f5f5f5;border-color:#e0e0e0}.payment-type-option.disabled input[type=radio]{cursor:not-allowed}.payment-type-option.disabled span{color:#999}.payment-form{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:16px}.amount-hint{color:#666;font-size:.8rem;font-style:italic;margin-top:4px}.payment-history{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.payment-history h3{border-bottom:2px solid #f0f0f0;color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.payment-history-table-wrapper{overflow-x:auto}.payment-history-table{background:#fff;border-collapse:collapse;width:100%}.payment-history-type{padding:8px 0}.payment-type-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-align:center}.payment-type-badge.salary{background:#e3f2fd;color:#1976d2}.payment-type-badge.premium{background:#e8f5e9;color:#388e3c}.payment-type-badge.both{background:#fff3e0;color:#f57c00}.payment-history-actions{padding:8px;text-align:center}.delete-payment-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.2rem;justify-content:center;padding:4px 8px;transition:all .2s ease}.delete-payment-btn:hover{background:#ffebee;transform:scale(1.1)}.delete-payment-btn:active{transform:scale(.95)}body.dark-mode .delete-payment-btn:hover{background:#3f3f46}.payment-history-table thead{background:#f5f5f5}.payment-history-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.payment-history-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.payment-history-table tbody tr:hover{background-color:#f9f9f9}.payment-history-table tbody tr:last-child{border-bottom:none}.payment-history-table td{color:#1e1e1e;font-size:.9rem;padding:12px}.payment-history-date{color:#1e1e1e;font-weight:600}.payment-history-method{color:#666}.payment-history-amount{color:#4caf50;font-weight:700;text-align:right}.payment-history-notes{color:#999;font-size:.85rem;font-style:italic}body.dark-mode .payment-modal-body{background:#252526}body.dark-mode .payment-staff-info{background:#2d2d30;border-color:#3f3f46}body.dark-mode .staff-info-label{color:#999}body.dark-mode .staff-info-value{color:#ccc}body.dark-mode .staff-info-value.amount{color:#ff9800}body.dark-mode .staff-info-value.amount.paid{color:#4caf50}body.dark-mode .staff-info-value.amount.debt{color:#ef5350}body.dark-mode .staff-info-value.amount.deduction{color:#ff9800}body.dark-mode .staff-info-value.amount.payment{color:#4a9eff}body.dark-mode .payment-form{background:#2d2d30;border-color:#3f3f46}body.dark-mode .amount-hint{color:#999}body.dark-mode .payment-history{background:#2d2d30;border-color:#3f3f46}body.dark-mode .payment-history h3{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .payment-history-table{background:#2d2d30}body.dark-mode .payment-history-table thead{background:#252526}body.dark-mode .payment-history-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .payment-history-table tbody tr{border-bottom-color:#3f3f46}body.dark-mode .payment-history-table tbody tr:hover{background-color:#252526}body.dark-mode .payment-history-date,body.dark-mode .payment-history-table td{color:#ccc}body.dark-mode .payment-history-method{color:#999}body.dark-mode .payment-history-amount{color:#4caf50}body.dark-mode .payment-history-notes{color:#999}@media (max-width:768px){.payment-staff-info{grid-template-columns:1fr}.staff-salary-payment-modal-content{max-width:95%;width:95%}}.staff-payment-modal-content{max-width:600px;width:90%}.staff-info-display{background:#f3f3f3;border:1px solid #e0e0e0;border-radius:4px;color:#1e1e1e;font-weight:500;padding:12px}.amount-input-wrapper{align-items:stretch;display:flex;gap:0}.amount-input-wrapper input{border-radius:4px 0 0 4px;flex:1 1}.unit-badge{align-items:center;background:#f3f3f3;border:1px solid #cccedb;border-left:none;border-radius:0 4px 4px 0;color:#606060;display:flex;font-size:.9rem;padding:10px 12px}.payment-type-modal-content{max-width:600px;width:90%}.add-type-section{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:24px}.add-type-section h3{color:#1e1e1e;font-size:1.1rem;margin:0 0 16px}.add-type-form{align-items:center;display:flex;gap:8px}.type-name-input{flex:1 1;font-size:.9rem;padding:10px 12px}.type-color-input,.type-name-input{border:1px solid #cccedb;border-radius:4px}.type-color-input{cursor:pointer;height:40px;width:50px}.add-type-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.add-type-btn:hover{background:#005a9e}.types-list-section h3{color:#1e1e1e;font-size:1.1rem;margin:0 0 16px}.types-list{display:flex;flex-direction:column;gap:12px}.type-item{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:12px;padding:12px}.type-color-preview{border:1px solid #cccedb;border-radius:4px;height:24px;width:24px}.type-name-display{color:#1e1e1e;flex:1 1;font-weight:500}.type-name-edit{flex:1 1;font-size:.9rem;padding:6px 8px}.type-color-edit,.type-name-edit{border:1px solid #cccedb;border-radius:4px}.type-color-edit{cursor:pointer;height:32px;width:40px}.delete-type-btn{background:#ff5252;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 10px;transition:background .2s}.delete-type-btn:hover{background:#d32f2f}body.dark-mode .add-type-section{border-bottom-color:#424242}body.dark-mode .type-item{background:#2a2a2a;border-color:#424242}body.dark-mode .type-name-display{color:#e0e0e0}.branch-management-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;margin-left:0;max-width:100%;min-height:100%;padding:20px;width:100%}.page-header{border-bottom:2px solid #e0e0e0;padding-bottom:16px}.page-header h1{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.add-btn{background:#007acc;border:1px solid #007acc;font-size:.9rem;transition:all .2s ease}.add-btn:hover{background:#005a9e;border-color:#005a9e}.page-toolbar{background:#f3f3f3;border-radius:4px;justify-content:space-between;padding:16px}.page-toolbar,.toolbar-left{align-items:center;display:flex;gap:16px}.search-box{min-width:300px}.search-input{background:#0000;color:#1e1e1e}.search-input::placeholder{color:#999}.search-btn{padding:8px 12px}.toolbar-btn-icon{align-items:center;background:#007acc;border:1px solid #007acc;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.toolbar-btn-icon:hover{background:#005a9e;border-color:#005a9e}.branches-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;overflow-x:auto}.branches-table{border-collapse:initial;border-spacing:0;min-width:1400px;width:100%}.branches-table thead{background:#f3f3f3;position:-webkit-sticky;position:sticky;top:0;z-index:10}.branches-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:14px 12px;text-align:left;text-transform:uppercase;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.branches-table th:hover{background:#e6f7ff;color:#007acc}.branches-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.branches-table tbody tr:hover{background:#f5f5f5}.branches-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#1e1e1e;font-size:.875rem;overflow-wrap:break-word;padding:14px 12px;vertical-align:middle}.income-cell{color:#4caf50;font-weight:600}.expense-cell,.expired,.limit-reached{color:#d32f2f;font-weight:600}.warning{color:#ff9800;font-weight:600}.active{color:#4caf50;font-weight:600}.status-badge{background:#0000;border:1px solid;font-size:.8rem}.empty-message{color:#999;font-size:.95rem;padding:80px 20px!important}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.action-btn{background:#f3f3f3;color:#1e1e1e;padding:6px 10px}.action-btn.log-btn{background:#e3f2fd;color:#1976d2}.action-btn.log-btn:hover{background:#bbdefb}.action-btn.edit-btn:hover{background:#fff3e0}.action-btn.delete-btn:hover{background:#ffebee;color:#c62828}.branch-log-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.branch-log-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:560px;width:100%}.branch-log-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.branch-log-modal-header h3{color:#1e1e1e;font-size:1.1rem;font-weight:600;margin:0}.branch-log-modal-close{background:none;border:none;color:#606060;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}.branch-log-modal-close:hover{color:#1e1e1e}.branch-log-modal-body{overflow:auto;padding:16px 20px}.branch-log-loading{color:#606060;margin:20px 0;text-align:center}.branch-log-table{border-collapse:collapse;font-size:.9rem;width:100%}.branch-log-table td,.branch-log-table th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left}.branch-log-table th{background:#f5f5f5;color:#424242;font-weight:600}.branch-log-table tbody tr:hover{background:#fafafa}.branch-log-empty{color:#999;padding:24px!important;text-align:center}.pagination-container{background:#f3f3f3;border-radius:4px;flex-wrap:wrap;justify-content:space-between;padding:16px}.pagination-container,.pagination-info{align-items:center;display:flex;gap:12px}.items-per-page-select{color:#1e1e1e;padding:6px 10px}.pagination-buttons{align-items:center;display:flex;gap:4px}.pagination-btn{padding:6px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e6f7ff;color:#007acc}.pagination-btn.active{background:#007acc;border-color:#007acc;color:#fff}.pagination-ellipsis{color:#606060;padding:6px 4px}body.dark-mode .branch-management-page{background:#1e1e1e;color:#ccc}body.dark-mode .page-header{border-bottom-color:#3f3f46}body.dark-mode .page-header h1{color:#ccc}body.dark-mode .add-btn{background:#007acc;border-color:#007acc}body.dark-mode .add-btn:hover{background:#005a9e;border-color:#005a9e}body.dark-mode .page-toolbar{background:#2d2d30}body.dark-mode .search-input{background:#252526}body.dark-mode .search-input::placeholder{color:grey}body.dark-mode .toolbar-btn-icon{background:#007acc;border-color:#007acc}body.dark-mode .toolbar-btn-icon:hover{background:#005a9e;border-color:#005a9e}body.dark-mode .toolbar-btn{background:#007acc}body.dark-mode .toolbar-btn:hover{background:#005a9e}body.dark-mode .branches-table-container{background:#252526;border-color:#3f3f46}body.dark-mode .branches-table thead{background:#2d2d30}body.dark-mode .branches-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .branches-table th:hover{background:#094771;color:#4a9eff}body.dark-mode .branches-table tbody tr{background:#252526;border-bottom-color:#3f3f46}body.dark-mode .branches-table tbody tr:hover{background:#2d2d30}body.dark-mode .branches-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .income-cell{color:#81c784}body.dark-mode .expense-cell{color:#ef5350}body.dark-mode .pagination-container{background:#2d2d30}body.dark-mode .pagination-info{color:#999}body.dark-mode .pagination-btn:hover:not(:disabled){background:#094771;border-color:#007acc;color:#4a9eff}body.dark-mode .pagination-btn.active{background:#007acc;border-color:#007acc;color:#fff}@media (max-width:768px){.branch-management-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.add-btn{width:100%}.page-toolbar{align-items:stretch;flex-direction:column}.toolbar-left{width:100%}.search-box{min-width:0;width:100%}.toolbar-right{justify-content:flex-end;width:100%}.branches-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.pagination-container{align-items:stretch;flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.branch-modal-content{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:0;box-shadow:0 4px 16px #0003;max-height:100vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.required{color:#d32f2f;margin-left:4px}body.dark-mode .branch-modal-content{background:#252526;border-color:#3f3f46}body.dark-mode .form-group input,body.dark-mode .form-group textarea{background:#2d2d30;border-color:#3f3f46;color:#ccc}.locations-list{margin-top:8px}.location-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.location-input{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:.9rem;padding:10px 12px}.remove-location-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;padding:10px 12px;transition:all .2s}.remove-location-btn:hover{background:#c82333}.add-location-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:8px;padding:10px 16px;transition:all .2s}.add-location-btn:hover{background:#218838}.no-locations-text{background:#f8f9fa;border-radius:4px;color:#666;font-size:.9rem;margin-bottom:8px;padding:12px;text-align:center}body.dark-mode .location-input{background:#2d2d30;border-color:#3f3f46;color:#ccc}body.dark-mode .no-locations-text{background:#2d2d30;color:#999}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}@media (max-width:768px){.branch-modal-content{max-width:95%;width:95%}.form-row{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.branch-modal-content{max-width:100%;width:100%}}.role-management-page{background:#fff;box-sizing:border-box;max-width:100%;min-height:100%;padding:20px}.role-management-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.role-management-header h1{color:#333;font-size:24px;margin:0}.role-management-header .subtitle{color:#666;font-size:14px;margin:0}.btn-add-role{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-add-role:hover{opacity:.9;transform:translateY(-1px)}.role-management-error{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:16px;padding:12px 16px}.role-management-table-wrap{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.role-management-table{border-collapse:collapse;font-size:14px;width:100%}.role-management-table td,.role-management-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.role-management-table th{background:#f5f5f5;color:#333;font-weight:600}.role-management-table tbody tr:hover{background:#fafafa}.role-management-table .role-name{font-weight:500}.role-management-table code{background:#f0f0f0;border-radius:4px;font-size:13px;padding:2px 8px}.role-management-table .role-desc{color:#666;max-width:280px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.badge.system{background:#e3f2fd;color:#1565c0}.badge.custom{background:#f3e5f5;color:#7b1fa2}.role-actions{display:flex;flex-wrap:wrap;gap:8px}.role-actions .btn-delete,.role-actions .btn-edit,.role-actions .btn-template{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px}.role-actions .btn-edit{background:#ffa726;color:#fff}.role-actions .btn-template{background:#28a745;color:#fff}.role-actions .btn-delete{background:#dc3545;color:#fff}.role-actions .btn-delete:hover,.role-actions .btn-edit:hover,.role-actions .btn-template:hover{opacity:.9}.loading-msg{color:#666;padding:40px;text-align:center}.role-modal .form-group,.role-template-modal .form-group{margin-bottom:16px}.role-modal label,.role-template-modal label{color:#333;display:block;font-weight:600;margin-bottom:6px}.role-modal input,.role-template-modal input[type=text]{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.role-modal .help-text,.role-template-modal .help-text{color:#666;font-size:12px;margin:6px 0 0}.role-template-modal.large{display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden}.role-template-modal .modal-body{flex:1 1;overflow-y:auto}.confirm-modal .modal-body p{margin:0}.btn-delete-confirm{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.btn-delete-confirm:hover:not(:disabled){opacity:.9}.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.6}.membership-packages-page{background:#f5f5f5;max-width:100%;min-height:100vh;padding:20px}.membership-packages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.membership-packages-header h1{color:#1e1e1e;font-size:1.75rem;font-weight:600;margin:0}.promo-code-section{align-items:flex-start;display:flex;flex-direction:row;gap:8px}.promo-code-input-wrapper{display:flex;flex-direction:column;gap:4px;position:relative}.promo-code-input{border:1px solid #cccedb;border-radius:4px;font-size:.9rem;outline:none;padding:10px 16px;transition:all .2s;width:250px}.promo-code-input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.promo-code-input.applied{background:#f0fff4;border-color:#28a745}.promo-code-input.error{border-color:#dc3545}.promo-code-input:disabled{background:#f8f9fa;cursor:not-allowed}.promo-applied-badge{color:#28a745;font-size:.8rem;font-weight:600;margin-top:4px}.promo-error{color:#dc3545;font-size:.85rem;margin-top:4px}.promo-code-section>div:first-child{align-items:flex-start;display:flex;gap:8px}.promo-code-btn{align-items:center;background:#20b2aa;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.promo-code-btn:hover{background:#1a9a94}.promo-code-btn.remove{background:#dc3545}.promo-code-btn.remove:hover{background:#c82333}.package-type-toggle{gap:8px;margin-bottom:32px}.toggle-btn{border:1px solid #cccedb;border-radius:4px;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s}.toggle-btn.active{background:#007acc;border-color:#007acc}.packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.package-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s}.package-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.package-name{color:#1e1e1e;font-size:1.25rem;margin:0 0 16px}.package-price{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.original-price{align-items:baseline;display:flex;gap:4px}.price-amount{color:#1e1e1e;font-size:2rem}.price-amount.original{color:grey;font-size:1.25rem;text-decoration:line-through}.current-price{align-items:baseline;display:flex;gap:4px}.price-currency{color:#606060;font-size:1.25rem;font-weight:500}.discount-badge{align-self:flex-start;background:#28a745;border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:4px;padding:4px 12px}.package-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.package-features li{border-bottom:1px solid #f0f0f0;color:#1e1e1e;font-size:.9rem;padding:8px 0}.package-features li:last-child{border-bottom:none}.start-membership-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s;width:100%}.start-membership-btn:hover{background:#005a9e}body.dark-mode .membership-packages-page{background:#1e1e1e}body.dark-mode .membership-packages-header h1{color:#ccc}body.dark-mode .promo-code-input{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .toggle-btn{border-color:#3f3f46}body.dark-mode .package-card{background:#252526}body.dark-mode .package-name,body.dark-mode .price-amount{color:#ccc}body.dark-mode .price-currency{color:grey}body.dark-mode .package-features li{border-bottom-color:#3f3f46;color:#ccc}@media (max-width:1200px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.packages-grid{grid-template-columns:1fr}.membership-packages-header{align-items:flex-start;flex-direction:column;gap:16px}.promo-code-section{width:100%}.promo-code-input{flex:1 1}}.membership-payment-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.membership-payment-modal{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:1000px;overflow:visible;width:100%}.payment-content-wrapper{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr;overflow:hidden}.payment-left-column{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;gap:20px;overflow:visible;padding:30px}.payment-right-column{overflow:visible}.payment-modal-header{border-bottom:1px solid #e0e0e0;padding:24px}.payment-modal-header h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:#0000;color:#606060}.close-btn:hover{background:#f3f3f3;color:#1e1e1e}.payment-info-banner{background:#e6f3ff;border-radius:0;color:#06c;font-size:.9rem;padding:12px 24px}.payment-summary{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:20px}.credit-card-container{display:flex;flex-shrink:0;justify-content:center}.credit-card{height:240px;max-width:400px;perspective:1000px;position:relative;width:100%}.credit-card .card-back,.credit-card .card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-shadow:0 10px 30px #0000004d;height:100%;padding:24px;position:absolute;transform-style:preserve-3d;transition:transform .6s;width:100%}.card-front{background:linear-gradient(135deg,#667eea,#764ba2)}.card-back,.card-front{color:#fff;display:flex;flex-direction:column;justify-content:space-between}.card-back{background:linear-gradient(135deg,#764ba2,#667eea)}.card-back,.credit-card.flipped .card-front{transform:rotateY(180deg)}.credit-card.flipped .card-back{transform:rotateY(0deg)}.card-chip{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;height:40px;margin-bottom:20px;position:relative;width:50px}.card-chip:after{background:linear-gradient(135deg,#ffed4e,gold);border-radius:4px;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.card-number{font-family:Courier New,monospace;font-size:24px;font-weight:600;letter-spacing:2px;margin-bottom:30px;text-shadow:0 2px 4px #0003}.card-details{align-items:flex-end;display:flex;justify-content:space-between}.card-name{flex:1 1;text-transform:uppercase}.card-expiry,.card-name{font-size:16px;font-weight:500;letter-spacing:1px}.card-expiry{font-family:Courier New,monospace}.card-stripe{background:#000;height:50px;margin:20px -24px 30px}.card-cvv-section{align-items:flex-end;background:#fff3;border-radius:8px;display:flex;flex-direction:column;margin-left:auto;padding:15px;width:-webkit-fit-content;width:fit-content}.card-cvv-label{font-size:12px;margin-bottom:5px;opacity:.8}.card-cvv-value{font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px}.summary-label{color:#606060;font-size:.95rem}.summary-amount-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.original-amount{color:grey;font-size:1rem;text-decoration:line-through}.summary-amount{color:#1e1e1e;font-size:1.5rem;font-weight:600}.discount-info{color:#28a745;font-size:.8rem;font-weight:500}.payment-form{padding:24px}.form-group{margin-bottom:7px}.form-group label{margin-bottom:2px}.form-group input,.form-group select{box-sizing:border-box;width:100%}.form-row{grid-gap:6px;gap:6px}.expiry-group{display:flex;gap:8px}.expiry-group select{flex:1 1}.form-checkboxes{display:flex;flex-direction:column;gap:5px;margin-bottom:6px}.checkbox-label{align-items:center;color:#1e1e1e;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.security-note{color:grey;font-size:.85rem;line-height:1.5;margin-bottom:8px}.complete-payment-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:14px;transition:all .2s;width:100%}.complete-payment-btn:hover{background:#005a9e}body.dark-mode .membership-payment-modal{background:#252526}body.dark-mode .payment-modal-header{border-bottom-color:#3f3f46}body.dark-mode .payment-modal-header h2{color:#ccc}body.dark-mode .close-btn{color:grey}body.dark-mode .close-btn:hover{background:#3f3f46;color:#ccc}body.dark-mode .payment-info-banner{background:#1e3a5f;color:#4a9eff}body.dark-mode .payment-summary{border-bottom-color:#3f3f46}body.dark-mode .summary-label{color:grey}body.dark-mode .checkbox-label,body.dark-mode .summary-amount{color:#ccc}body.dark-mode .security-note{color:grey}body.dark-mode .payment-left-column{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}body.dark-mode .payment-summary{background:#1e1e1ee6}body.dark-mode .card-front{background:linear-gradient(135deg,#4a5568,#2d3748)}body.dark-mode .card-back{background:linear-gradient(135deg,#2d3748,#4a5568)}@media (max-width:968px){.payment-content-wrapper{grid-template-columns:1fr}.payment-left-column{order:2;padding:20px}.payment-right-column{max-height:none;order:1}.credit-card-container{padding:20px 0}.credit-card{height:200px;max-width:100%}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.membership-payment-modal{max-height:95vh}}.membership-applications-page{max-width:100%;padding:20px}.applications-header{margin-bottom:24px}.applications-header h1{color:#1e1e1e;font-size:1.75rem;font-weight:600;margin:0}.applications-filters{align-items:center;display:flex;gap:16px;margin-bottom:20px}.status-filter{background:#fff;border:1px solid #cccedb;border-radius:4px;cursor:pointer;font-size:.9rem;outline:none;padding:10px 16px}.applications-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.applications-table{border-collapse:collapse;width:100%}.applications-table thead{background:#f3f3f3}.applications-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.applications-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px 16px}.applications-table tbody tr:hover{background:#f8f9fa}.status-badge{font-size:11px;letter-spacing:.2px;margin-bottom:0;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-active{background:#d1ecf1;color:#0c5460}.application-type-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.application-type-badge.type-salon{background:#e3f2fd;color:#1565c0}.application-type-badge.type-package{background:#f3e5f5;color:#6a1b9a}.action-btn{background:#fff;border:1px solid #d0d0d0;box-shadow:0 1px 2px #0000001a;color:#333;font-size:16px;font-weight:700}.action-btn:hover{background:#f8f8f8;border-color:#999;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.approve-btn{background:#28a745!important;border-color:#28a745!important;color:#fff!important}.approve-btn:hover{background:#218838!important;border-color:#218838!important}.reject-btn{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.reject-btn:hover{background:#c82333!important;border-color:#c82333!important}.activate-btn{background:#007acc!important;border-color:#007acc!important;color:#fff!important}.activate-btn:hover{background:#005a9e!important;border-color:#005a9e!important}body.dark-mode .membership-applications-page{background:#1e1e1e}body.dark-mode .applications-header h1{color:#ccc}body.dark-mode .status-filter{color:#ccc}body.dark-mode .applications-table-container,body.dark-mode .status-filter{background:#252526;border-color:#3f3f46}body.dark-mode .applications-table thead{background:#2d2d30}body.dark-mode .applications-table td,body.dark-mode .applications-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .applications-table tbody tr:hover{background:#2d2d30}@media (max-width:768px){.applications-filters{align-items:stretch;flex-direction:column}.status-filter{width:100%}}.membership-package-management-page{max-width:1400px;padding:20px}.package-management-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.package-management-header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.management-subtitle{color:#666;font-size:14px}.package-type-toggle{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.toggle-btn{background:#333;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:#fff;cursor:pointer;font-size:16px;margin-bottom:-12px;padding:10px 20px;transition:all .3s}.toggle-btn:hover{background:#444;color:#fff}.toggle-btn.active{background:#007bff;border-bottom-color:#007bff;color:#fff;font-weight:600}.packages-management-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.package-management-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s}.package-management-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.package-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.package-name{color:#333;font-size:20px;font-weight:600;margin:0}.package-actions{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px;transition:all .2s}.package-price-display{align-items:baseline;background:#f5f5f5;border-radius:8px;display:flex;gap:5px;margin-bottom:15px;padding:10px}.package-promo-info{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;display:flex;flex-direction:column;gap:5px;margin-bottom:15px;padding:8px 12px}.promo-badge{color:#856404;font-size:13px;font-weight:600}.promo-discount{color:#856404;font-size:12px}.price-amount{color:#007bff;font-size:24px;font-weight:700}.price-currency{color:#666;font-size:16px}.package-features-list{list-style:none;margin:0;padding:0}.package-features-list li{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;padding:8px 0}.package-features-list li:last-child{border-bottom:none}.package-features-list li:before{color:#4caf50;content:"✓ ";font-weight:700;margin-right:8px}.no-packages-message{background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;color:#999;grid-column:1/-1;padding:40px;text-align:center}.add-package-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s}.add-package-btn:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.package-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.package-modal{border-radius:12px;box-shadow:0 10px 40px #0003;flex-direction:column;margin:auto;max-height:90vh;max-width:600px;overflow:hidden;width:100%;z-index:10000}.package-modal,.package-modal-header{background:#fff;display:flex;position:relative}.package-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:20px;z-index:1}.package-modal-header h2{color:#333;font-size:22px;font-weight:600;margin:0}.modal-close-btn{background:#fff;border:none;color:#333;cursor:pointer;padding:0}.modal-close-btn:hover{background:#f0f0f0;color:#333}.package-modal-content{flex:1 1;overflow-y:auto;padding:20px}.form-input{box-sizing:border-box;padding:10px;transition:border-color .3s}.form-input:focus{border-color:#007bff}.features-input-wrapper{display:flex;gap:10px;margin-bottom:10px}.features-input-wrapper .form-input{flex:1 1}.add-feature-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-feature-btn:hover{background:#218838}.features-list{margin-top:10px}.feature-item{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.remove-feature-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.remove-feature-btn:hover{background:#c82333}.package-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.save-btn{background:#007bff}.save-btn:hover{background:#0056b3}body.dark-mode .membership-package-management-page{background:#1a1a1a;color:#e0e0e0}body.dark-mode .package-management-header h1{color:#e0e0e0}body.dark-mode .management-subtitle{color:#aaa}body.dark-mode .package-type-toggle{border-bottom-color:#333}body.dark-mode .toggle-btn{background:#252526;color:#fff}body.dark-mode .toggle-btn:hover{background:#2d2d30;color:#fff}body.dark-mode .toggle-btn.active{background:#007acc;color:#fff}body.dark-mode .package-management-card{background:#2a2a2a;border-color:#333}body.dark-mode .package-name{color:#e0e0e0}body.dark-mode .package-price-display{background:#333}body.dark-mode .price-currency{color:#aaa}body.dark-mode .package-features-list li{border-bottom-color:#333;color:#ccc}body.dark-mode .package-promo-info{background:#664d03;border-color:#ffc107}body.dark-mode .promo-badge,body.dark-mode .promo-discount{color:#ffc107}body.dark-mode .no-packages-message{background:#2a2a2a;border-color:#333;color:#aaa}body.dark-mode .package-modal{background:#2a2a2a;color:#e0e0e0}body.dark-mode .package-modal-header{border-bottom-color:#333}body.dark-mode .form-group label,body.dark-mode .package-modal-header h2{color:#e0e0e0}body.dark-mode .form-input{background:#333;border-color:#444;color:#e0e0e0}body.dark-mode .form-input:focus{border-color:#007bff}body.dark-mode .feature-item{background:#333}body.dark-mode .package-modal-footer{border-top-color:#333}body.dark-mode .cancel-btn{background:#333;color:#e0e0e0}body.dark-mode .cancel-btn:hover{background:#444}@media (max-width:768px){.membership-package-management-page{padding:15px}.packages-management-grid{grid-template-columns:1fr}.package-modal{margin:10px;max-width:100%}.features-input-wrapper{flex-direction:column}.add-feature-btn{width:100%}}.search-records-page{max-width:100%;padding:20px}.search-records-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-records-header h1{color:#1e1e1e;font-size:1.75rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.delete-btn-header{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.delete-btn-header:hover:not(:disabled){background:#c82333}.delete-btn-header:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.add-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.add-btn:hover{background:#218838}.add-btn span{font-size:1.2rem}.search-records-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.toolbar-left{flex:1 1}.toolbar-right{align-items:center;display:flex;gap:8px}.search-records-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.search-records-table{border-collapse:collapse;width:100%}.search-records-table thead{background:#f3f3f3}.search-records-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.search-records-table th:hover{background:#e8e8e8}.search-records-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px 16px}.search-records-table tbody tr{transition:background-color .2s}.search-records-table tbody tr:hover{background:#f8f9fa}.search-records-table tbody tr.selected-row{background:#e3f2fd!important;border-left:3px solid #007acc}body.dark-mode .search-records-table tbody tr.selected-row{background:#1e3a5f!important;border-left-color:#007acc}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-no-answer{background:#fff3cd;color:#856404}.status-pending{background:#d1ecf1;color:#0c5460}.action-buttons{display:flex;gap:8px}.action-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.edit-btn:hover{background:#e3f2fd}.delete-btn:hover{background:#ffebee}body.dark-mode .search-records-page{background:#1e1e1e}body.dark-mode .search-records-header h1{color:#ccc}body.dark-mode .items-per-page-select,body.dark-mode .search-box{background:#252526}body.dark-mode .search-records-table-container{background:#252526;border-color:#3f3f46}body.dark-mode .search-records-table thead{background:#2d2d30}body.dark-mode .search-records-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .search-records-table th:hover{background:#3f3f46}body.dark-mode .search-records-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .search-records-table tbody tr:hover{background:#2d2d30}body.dark-mode .delete-btn-header{background:#dc3545}body.dark-mode .delete-btn-header:hover:not(:disabled){background:#c82333}body.dark-mode .delete-btn-header:disabled{background:#6c757d}@media (max-width:768px){.search-records-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:100%}}.search-record-modal-content{max-width:600px;width:90%}.modal-header h2{font-size:1.5rem}.modal-close-btn{align-items:center;background:#fff3;border-radius:4px;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#ffffff4d}.modal-form{padding:24px}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group select{border:1px solid #cccedb;border-radius:4px;font-size:.95rem;outline:none;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.date-input-simple{width:100%}.customer-dropdown{background:#fff;border:1px solid #cccedb;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-dropdown-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.customer-dropdown-item:hover{background:#f3f3f3}.customer-phone{color:grey;font-size:.85rem}.add-new-customer{border-top:1px solid #e0e0e0;color:#007acc;font-weight:500}.add-new-customer:hover{background:#e3f2fd}.add-icon{font-weight:700;margin-right:8px}.save-btn{font-size:1rem;margin-top:8px;padding:12px;width:100%}body.dark-mode .form-group input,body.dark-mode .form-group select{background:#1e1e1e;border-color:#3f3f46;color:#ccc}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus{border-color:#007acc}body.dark-mode .customer-dropdown{background:#252526;border-color:#3f3f46}body.dark-mode .customer-dropdown-item{color:#ccc}body.dark-mode .customer-dropdown-item:hover{background:#2d2d30}body.dark-mode .customer-phone{color:grey}body.dark-mode .add-new-customer{border-top-color:#3f3f46;color:#4a9eff}body.dark-mode .add-new-customer:hover{background:#1e3a5f}@media (max-width:768px){.form-row{grid-template-columns:1fr}.search-record-modal-content{width:95%}}.password-change-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.password-change-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;max-width:500px;width:90%}.password-change-header{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.password-change-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#ffffff4d}.password-change-form{padding:24px}.form-group label{color:#1e1e1e;font-size:.9rem;font-weight:500}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:1px solid #cccedb;border-radius:4px;box-sizing:border-box;font-size:.95rem;outline:none;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.password-input-wrapper input:focus{border-color:#007acc;box-shadow:0 0 0 1px #007acc}.password-input-wrapper input.error{border-color:#dc3545}.password-input-wrapper input.error:focus{border-color:#dc3545;box-shadow:0 0 0 1px #dc3545}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#606060;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .2s}.password-toggle-btn:hover{color:#007acc}.error-message{color:#dc3545}.error-message,.success-message{display:block;font-size:.85rem;margin-top:6px}.success-message{color:#28a745}.password-requirements{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:12px;padding:12px}.requirements-title{color:#1e1e1e;font-size:.85rem;font-weight:600;margin-bottom:8px}.requirements-list{list-style:none;margin:0;padding:0}.requirements-list li{color:#606060;font-size:.85rem;margin-bottom:4px;padding-left:4px}.requirements-list li.valid{color:#28a745}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-btn{background:#fff;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#f8f9fa;border-color:#007acc}.save-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.save-btn:hover{background:#005a9e}body.dark-mode .password-change-modal{background:#252526}body.dark-mode .password-change-header{background:linear-gradient(135deg,#007acc,#005a9e)}body.dark-mode .form-group label{color:#ccc}body.dark-mode .password-input-wrapper input{background:#1e1e1e;border-color:#3f3f46;color:#ccc}body.dark-mode .password-input-wrapper input:focus{border-color:#007acc}body.dark-mode .password-input-wrapper input.error{border-color:#dc3545}body.dark-mode .password-toggle-btn{color:grey}body.dark-mode .password-toggle-btn:hover{color:#4a9eff}body.dark-mode .password-requirements{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .requirements-title{color:#ccc}body.dark-mode .requirements-list li{color:grey}body.dark-mode .requirements-list li.valid{color:#28a745}body.dark-mode .form-actions{border-top-color:#3f3f46}body.dark-mode .cancel-btn{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .cancel-btn:hover{background:#2d2d30;border-color:#4a9eff}@media (max-width:768px){.password-change-modal{width:95%}}.quick-summary-page{background:#f5f5f5;min-height:calc(100vh - 75px);padding:20px}.quick-summary-header{margin-bottom:24px}.quick-summary-header h1{color:#1e1e1e;font-size:1.75rem;font-weight:600;margin:0}.quick-summary-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#f8f9fa;border-bottom:2px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;gap:0;margin-bottom:20px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 0;scrollbar-width:none}.quick-summary-tabs::-webkit-scrollbar{display:none}.summary-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#606060;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;justify-content:center;margin-bottom:-2px;min-width:140px;padding:16px 28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.summary-tab-icon{font-size:1.1em;line-height:1;opacity:.9}.summary-tab.active .summary-tab-icon{opacity:1}.summary-tab:before{background:linear-gradient(90deg,#007acc,#00a8ff);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.summary-tab:after{background:linear-gradient(180deg,#007acc0d,#0000);border-radius:8px 8px 0 0;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-tab:hover{background:#007acc14;color:#007acc;transform:translateY(-2px)}.summary-tab:hover:before{opacity:.5;width:60%}.summary-tab:hover:after{opacity:1}.summary-tab.active{background:#fff;box-shadow:0 -2px 8px #007acc1a;color:#007acc;font-weight:600;z-index:1}.summary-tab.active:before{left:50%;opacity:1;transform:translateX(-50%);width:80%}.summary-tab.active:after{opacity:0}.quick-summary-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 0}.search-box{align-items:center;background:#fff;border:1px solid #cccedb;border-radius:4px;display:flex;flex:1 1;max-width:400px;overflow:hidden}.search-input{border:none;flex:1 1;font-size:.9rem;outline:none;padding:10px 12px}.search-btn{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:10px 16px}.items-per-page-select{background:#fff;border:1px solid #cccedb;border-radius:4px;cursor:pointer;font-size:.9rem;outline:none;padding:8px 12px}.quick-summary-content{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.summary-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.summary-table{border-collapse:collapse;width:100%}.summary-table thead{background:#f3f3f3}.summary-table th{border-bottom:2px solid #e0e0e0;color:#1e1e1e;cursor:pointer;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.summary-table th:hover{background:#e8e8e8}.summary-table td{border-bottom:1px solid #f0f0f0;color:#1e1e1e;padding:12px 16px}.quick-summary-whatsapp-btn{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;padding:0;transition:background .2s,opacity .2s;width:36px}.quick-summary-whatsapp-btn:hover{background:#128c7e}.quick-summary-whatsapp-btn.no-phone{background:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.quick-summary-whatsapp-btn.no-phone:hover{background:#e0e0e0;opacity:.8}.empty-message{color:grey;padding:40px!important;text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-confirmed{background:#d1ecf1;color:#0c5460}.status-badge.status-completed{background:#d4edda;color:#155724}.status-badge.status-cancelled{background:#f8d7da;color:#721c24}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:20px 0}.pagination-btn{background:#fff;border:1px solid #cccedb;border-radius:4px;color:#1e1e1e;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f3f3;border-color:#007acc}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#606060;font-size:.9rem}body.dark-mode .quick-summary-page{background:#1e1e1e}body.dark-mode .quick-summary-header h1{color:#ccc}body.dark-mode .quick-summary-tabs{background:#2d2d30;border-bottom-color:#3f3f46}body.dark-mode .summary-tab{color:#999}body.dark-mode .summary-tab:hover{background:#007acc26;color:#4a9eff}body.dark-mode .summary-tab:hover:after{background:linear-gradient(180deg,#007acc1a,#0000)}body.dark-mode .summary-tab.active{background:#252526;box-shadow:0 -2px 8px #007acc33;color:#4a9eff}body.dark-mode .summary-tab.active:before{background:linear-gradient(90deg,#007acc,#00a8ff)}body.dark-mode .search-box{background:#1e1e1e;border-color:#3f3f46}body.dark-mode .search-input{background:#0000;color:#ccc}body.dark-mode .items-per-page-select{background:#1e1e1e;border-color:#3f3f46;color:#ccc}body.dark-mode .quick-summary-content{background:#252526;border-color:#3f3f46}body.dark-mode .summary-table thead{background:#2d2d30}body.dark-mode .summary-table th{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .summary-table th:hover{background:#3f3f46}body.dark-mode .summary-table td{border-bottom-color:#3f3f46;color:#ccc}body.dark-mode .quick-summary-whatsapp-btn.no-phone{background:#3f3f46;color:grey}body.dark-mode .quick-summary-whatsapp-btn.no-phone:hover{background:#3f3f46}body.dark-mode .empty-message{color:grey}body.dark-mode .pagination-btn{background:#252526;border-color:#3f3f46;color:#ccc}body.dark-mode .pagination-btn:hover:not(:disabled){background:#2d2d30}body.dark-mode .pagination-info{color:grey}@media (max-width:768px){.quick-summary-page{padding:16px}.quick-summary-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.quick-summary-tabs::-webkit-scrollbar{display:none}.summary-tab{flex-shrink:0;font-size:.85rem;padding:10px 16px}.summary-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.appointment-confirm-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.appointment-confirm-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.appointment-info h1{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.appointment-details{margin-bottom:30px}.detail-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666}.confirmation-buttons{display:flex;flex-direction:column;gap:12px;margin-top:30px}.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;text-align:center;transition:all .3s ease}.confirm-yes{background:#4caf50;color:#fff}.confirm-yes:hover{background:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.confirm-no{background:#f44336;color:#fff}.confirm-no:hover{background:#da190b;box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.confirmation-result{margin-top:30px;text-align:center}.status-badge{border-radius:8px;padding:12px 24px}.status-success{background:#4caf50;color:#fff}.status-error{background:#f44336;color:#fff}.confirmation-message{color:#666;line-height:1.6;margin-top:16px}.loading-spinner{font-size:18px;padding:40px}.error-message,.loading-spinner{color:#666;text-align:center}.error-message h2{color:#f44336;margin-bottom:16px}@media (max-width:600px){.appointment-confirm-content{padding:24px}.appointment-info h1{font-size:24px}.confirm-btn{font-size:14px;padding:14px 20px}}.cash-employees-page{max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;gap:12px}.header-right{gap:16px}.btn-primary,.header-right{align-items:center;display:flex}.btn-primary{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#218838;transform:translateY(-1px)}.btn-report{align-items:center;background:#87ceeb;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-report:hover{background:#6bb6d6}.search-label{font-size:14px}.search-input{border:1px solid #ddd;border-radius:4px;width:200px}.search-input:focus{border-color:#667eea;outline:none}.total-badge{align-items:center;background:#28a745;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.badge-icon{font-size:16px}.employees-list{display:flex;flex-direction:column;gap:12px}.employee-card-horizontal{align-items:center;background:#e6f3ff;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:10px;transition:all .2s}.employee-card-horizontal:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.employee-card-horizontal.resigned{background:#e0e0e0;opacity:.7}.employee-card-horizontal.resigned:hover{opacity:.8}.employee-image-container{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.employee-image{height:100%;object-fit:cover;width:100%}.employee-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;width:100%}.employee-info{flex:1 1}.employee-name{color:#333;font-size:16px;font-weight:600;margin:0;text-transform:uppercase}.employee-balance{margin-left:auto}.balance-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s}.balance-btn:hover{background:#f5f5f5}.empty-state{background:#f8f9fa;border-radius:12px;margin-top:40px;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state p{color:#666;font-size:16px;margin-bottom:24px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cash-employee-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-top-buttons{border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.btn-save-modal{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-save-modal:hover{background:#218838}.btn-back-modal{align-items:center;background:#87ceeb;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-back-modal:hover{background:#6bb6d6}.modal-header-bar{align-items:center;background:#d4edda;border-bottom:1px solid #c3e6cb;display:flex;gap:8px;padding:12px 20px}.header-icon{font-size:20px}.header-text{color:#155724;font-size:16px;font-weight:600;text-transform:uppercase}.modal-body{gap:24px;padding:24px}.form-left{flex:1 1}.form-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.image-upload-area{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;min-height:300px;padding:20px;width:100%}.image-preview-wrapper-large{max-width:400px;position:relative;width:100%}.image-preview-large{border:2px solid #ddd;border-radius:8px;height:auto;width:100%}.btn-remove-image{align-items:center;background:#d32f2f;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s;width:32px}.btn-remove-image:hover{background:#c62828}.image-upload-label-large{align-items:center;display:flex;flex-direction:column;gap:12px}.image-input{display:none}.btn-select-image{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-select-image:hover{background:#5568d3}.employee-detail-modal{max-width:1200px;width:95%}.employee-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.employee-info-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;padding:16px}.employee-avatar-large{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.employee-avatar-large img{height:100%;width:100%}.employee-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;width:100%}.employee-name-large{color:#333;font-size:24px;font-weight:600}.employee-note-tooltip{background:#fff9c4;border:1px solid #999;border-radius:8px;color:#333;cursor:pointer;font-size:13px;max-width:250px;padding:12px 16px;position:relative}.employee-note-tooltip:before{border-bottom:8px solid #0000;border-right:10px solid #999;border-top:8px solid #0000;content:"";height:0;left:-10px;position:absolute;top:20px;width:0}.employee-action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn-update{align-items:center;background:#87ceeb;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-update:hover{background:#6bb6d6}.payment-dropdown-wrapper{position:relative}.btn-payment{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-payment:hover{background:#218838}.dropdown-arrow{font-size:12px;margin-left:4px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.payment-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f0f0f0;color:#333;font-weight:500;gap:10px;padding:12px 16px}.dropdown-item:last-child{border-bottom:none}.dropdown-item.accrue{color:#d32f2f}.dropdown-item.accrue:hover{background:#ffebee}.dropdown-item.payment{color:#388e3c}.dropdown-item.payment:hover{background:#e8f5e9}.dropdown-icon{font-size:18px;text-align:center;width:24px}.btn-statement{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-statement:hover{background:#5a6268}.transactions-section{margin-top:20px}.transactions-header{align-items:center;background:#1e3a5f;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.transactions-title{font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.transactions-toggle{color:#fff;font-size:20px;transition:transform .2s}.transactions-toggle.open{transform:rotate(180deg)}.transactions-content{background:#f0f0f0;border-radius:0 0 8px 8px;min-height:100px;padding:20px}.transaction-search{align-items:center;display:flex;gap:8px;margin-bottom:16px}.transaction-search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.transactions-table-container{background:#fff;border-radius:6px;overflow-x:auto;padding:12px}.transactions-table{border-collapse:collapse;font-size:13px;width:100%}.transactions-table thead{background:#f8f9fa}.transactions-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:12px;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.transactions-table td{color:#333;padding:5px 6px}.transactions-table tbody tr.even-row{background:#fff}.transactions-table tbody tr.odd-row{background:#f8f9fa}.transactions-table tbody tr:hover{background:#e9ecef}.transactions-table .debit{color:#d32f2f;font-weight:600}.transactions-table .credit{color:#388e3c;font-weight:600}.transactions-table .balance{font-weight:600}.transactions-table .balance.positive{color:#388e3c}.transactions-table .balance.negative{color:#d32f2f}.btn-print{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.btn-print:hover{background:#218838}.btn-delete-transaction{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;transition:all .2s}.btn-delete-transaction:hover{background:#c62828}.no-transactions{color:#666;font-size:14px;padding:20px;text-align:center}.accrual-modal{max-width:600px;width:90%}.accrual-modal-header{align-items:center;background:#d4edda;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.accrual-title{color:#155724;font-size:18px;font-weight:700;text-transform:uppercase}.accrual-info-section{background:#fff9c4;border-bottom:1px solid #e0e0e0;padding:16px 20px}.info-text{color:#333;font-size:13px;line-height:1.6;margin:0 0 12px}.warning-text{align-items:flex-start;color:#d32f2f;display:flex;font-size:13px;gap:8px;margin:0}.warning-icon{flex-shrink:0;font-size:16px}.accrual-form{background:#fff;padding:20px}.form-row{align-items:center;display:flex;gap:16px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-label{color:#333;font-size:14px;font-weight:600;min-width:150px;text-align:right}.form-input-date,.form-input-text{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.form-input-date:focus,.form-input-text:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-with-currency{align-items:center;display:flex;flex:1 1;gap:8px}.form-input-number{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.form-input-number:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.currency-box{background:#f5f5f5;color:#666;font-weight:600;min-width:50px;padding:10px 16px;text-align:center}.currency-box,.form-select{border:1px solid #ddd;border-radius:6px;font-size:14px}.form-select{background:#fff;cursor:pointer;flex:1 1;padding:10px 12px}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.accrual-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.btn-create-accrual{align-items:center;background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-create-accrual:hover{background:#c62828;transform:translateY(-1px)}.btn-create-accrual .btn-icon{font-size:16px}.payment-modal{max-width:600px;width:90%}.payment-modal-header{align-items:center;background:#28a745;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.payment-title{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase}.payment-info-section{background:#d4edda;border-bottom:1px solid #e0e0e0;padding:16px 20px}.payment-form{background:#fff;padding:20px}.balance-info{background:#f8f9fa;border-radius:6px;color:#333;font-size:14px;margin-bottom:20px;padding:12px}.balance-amount{font-size:16px;font-weight:700}.balance-amount.positive{color:#28a745}.balance-amount.negative{color:#d32f2f}.balance-type{color:#666;font-weight:600}.form-textarea{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.payment-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.btn-save-payment{align-items:center;background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save-payment:hover{background:#c62828;transform:translateY(-1px)}.btn-save-payment .btn-icon{font-size:16px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.header-left,.header-right{flex-direction:column;width:100%}.search-container{width:100%}.search-input{flex:1 1}.total-badge{justify-content:center;width:100%}.employee-card-horizontal{flex-direction:column;text-align:center}.employee-balance{margin-left:0;margin-top:12px}.modal-body{flex-direction:column}.cash-employee-modal{max-height:95vh;width:95%}.employee-detail-header{flex-direction:column;gap:12px}.employee-note-tooltip{max-width:100%}.employee-action-buttons{flex-direction:column}.employee-action-buttons button{justify-content:center;width:100%}.form-row{align-items:stretch;flex-direction:column}.form-label{margin-bottom:8px;min-width:auto;text-align:left}.accrual-modal,.payment-modal{width:95%}}.print-modal{max-width:600px;width:90%}.print-header{display:flex;justify-content:flex-end;padding:12px}.print-content{background:#fff;border:1px solid #ddd;padding:30px}.receipt-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.receipt-logo{align-items:center;display:flex;flex-direction:column}.logo-text{color:#1976d2;font-size:32px;font-weight:700;letter-spacing:-2px}.logo-subtitle{color:#1976d2;font-size:12px;font-weight:600;margin-top:-4px}.receipt-qr{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.qr-placeholder{align-items:center;border:2px solid #333;color:#666;display:flex;font-size:10px;height:80px;justify-content:center;width:80px}.receipt-number{color:#333;font-size:12px;font-weight:600}.company-info{margin-bottom:20px;text-align:center}.company-name{color:#333;font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.company-address{color:#666;font-size:11px}.receipt-title{color:#333;font-size:24px;font-weight:700;margin:20px 0;text-align:center}.receipt-details{margin-top:30px}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.detail-row:last-of-type{border-bottom:2px solid #333;margin-bottom:16px;padding-bottom:12px}.detail-label{color:#333;font-weight:600;min-width:100px}.detail-value{color:#333;flex:1 1;text-align:right}.amount-row .detail-value.amount{font-size:18px;font-weight:700}.amount-words{background:#f8f9fa;border-radius:4px;color:#666;font-style:italic;margin:16px 0;padding:8px;text-align:center}.receipt-parties{border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.party-section{flex:1 1}.party-label{color:#333;font-weight:600;margin-bottom:8px}.party-name{border-bottom:1px solid #333;min-height:30px;padding:8px}.print-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px}.btn-print-action{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px}.btn-print-action:hover{background:#218838}.btn-close-action{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-close-action:hover{background:#5a6268}.delete-confirm-modal{max-width:500px;width:90%}.delete-modal-header{align-items:center;background:#d4edda;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.delete-title{color:#155724;font-size:18px;font-weight:700}.delete-warning-section{background:#ffebee;border-bottom:1px solid #e0e0e0;padding:16px 20px}.delete-warning-text{color:#c62828;font-size:13px;line-height:1.6;margin:0}.delete-warning-text strong{color:#d32f2f}.delete-content{background:#fff;padding:24px 20px}.delete-question{color:#333;font-size:16px;font-weight:600;margin:0;text-align:center}.delete-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn-cancel-delete{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel-delete:hover{background:#f57c00}.btn-confirm-delete{background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-confirm-delete:hover{background:#c62828}@media print{body *{visibility:hidden}.print-content,.print-content *{visibility:visible}.print-content{left:0;position:absolute;top:0;width:100%}.print-actions,.print-header{display:none}}.resignation-modal{max-width:500px;width:90%}.resignation-modal-header{align-items:center;background:#d4edda;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.resignation-title{color:#155724;font-size:18px;font-weight:700}.resignation-warning-section{background:#ffebee;border-bottom:1px solid #e0e0e0;padding:16px 20px}.resignation-warning-text{color:#c62828;font-size:13px;line-height:1.6;margin:0 0 12px}.resignation-warning-text:last-child{margin-bottom:0}.resignation-form{background:#fff;padding:24px 20px}.resignation-modal-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn-cancel-resignation{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel-resignation:hover{background:#f57c00}.btn-confirm-resignation{background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-confirm-resignation:hover{background:#c62828}.btn-resign-modal{align-items:center;background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-resign-modal:hover{background:#c62828}.statement-modal{max-height:90vh;max-width:1000px;overflow-y:auto;width:95%}.statement-header{align-items:center;background:#4a90e2;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.statement-header h2{font-size:18px;font-weight:700;margin:0}.statement-controls{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px;padding:20px}.statement-date-range{align-items:center;display:flex;gap:12px}.statement-date-range label{color:#333;font-weight:600;white-space:nowrap}.date-inputs{align-items:center;display:flex;gap:8px}.date-input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 12px}.btn-generate-report{align-items:center;background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-generate-report:hover{background:#c62828}.statement-export-buttons{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.btn-export-excel{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-export-excel:hover{background:#218838}.btn-export-pdf{align-items:center;background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-export-pdf:hover{background:#f57c00}.statement-table-container{background:#fff;padding:20px}.statement-table{border-collapse:collapse;font-size:13px;width:100%}.statement-table thead{background:#4a90e2}.statement-table th{border-bottom:2px solid #dee2e6;color:#fff;font-size:12px;font-weight:600;padding:10px 8px;text-align:left}.statement-table td{border-bottom:1px solid #e9ecef;color:#333;padding:8px}.statement-table tbody tr:hover{background:#f8f9fa}.statement-table .debit{color:#d32f2f;font-weight:600}.statement-table .credit{color:#388e3c;font-weight:600}.statement-table .balance{font-weight:600}.statement-table .balance.positive{color:#388e3c}.statement-table .balance.negative{color:#d32f2f}.statement-total-row{background:#f5f5f5;font-weight:700}.cash-expenses-page{max-width:1400px;padding:20px}.expenses-header{margin-bottom:20px}.header-buttons{display:flex;gap:12px}.btn-add-expense{align-items:center;background:#d32f2f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-add-expense:hover{background:#c62828}.btn-expense-categories{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.btn-expense-categories:hover{background:#218838}.btn-icon{font-size:16px}.expenses-tabs{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:12px}.tab-btn{background:#f5f5f5;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.tab-btn:hover{background:#e0e0e0}.tab-btn.active{background:#fff;color:#333}.tab-btn.active,.tab-btn.active.paid{border-bottom-color:#d32f2f}.tab-btn.active.unpaid{border-bottom-color:#28a745}.tab-btn.active.overdue{border-bottom-color:#d32f2f}.date-filter-dropdown{margin-left:auto}.date-filter-select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.search-container{align-items:center;display:flex;gap:8px}.search-label{color:#333;font-weight:600;white-space:nowrap}.search-input{border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.expenses-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.expenses-table{border-collapse:collapse;font-size:13px;width:100%}.expenses-table thead{background:#424242}.expenses-table th{color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:12px 8px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.expenses-table th:hover{background:#555}.sort-icon{font-size:10px;margin-left:4px}.expenses-table td{border-bottom:1px solid #e9ecef;color:#333;padding:10px 8px}.expenses-table tbody tr:hover{background:#f8f9fa}.expenses-table .amount{font-weight:600;text-align:right}.status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.status-badge.paid{background:#d4edda;color:#155724}.status-badge.unpaid{background:#fff3cd;color:#856404}.note-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-dropdown-wrapper{position:relative}.action-dropdown-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.action-dropdown-btn:hover{background:#5a6268}.action-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.delete{color:#d32f2f}.dropdown-item.delete:hover{background:#ffebee}.dropdown-icon{font-size:16px}.no-data{color:#666;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.expenses-tabs{align-items:stretch;flex-direction:column}.date-filter-dropdown{margin-left:0;margin-top:8px}.expenses-table{font-size:11px}.expenses-table td,.expenses-table th{padding:6px 4px}}.agenda-page{align-items:flex-start;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.agenda-container{display:flex;gap:0;margin:0 auto;max-width:1200px;position:relative}.spiral-binding{background:linear-gradient(90deg,#d4af37 0,#d4af37 20%,#c9a227 0,#c9a227 40%,#d4af37 0,#d4af37 60%,#c9a227 0,#c9a227 80%,#d4af37 0,#d4af37);background-repeat:repeat-y;background-size:8px 100%;bottom:0;box-shadow:2px 0 8px #0000001a;left:0;position:absolute;top:0;width:50px;z-index:1}.agenda-page-content{background:#fefefe;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-left:50px;min-height:700px;padding:30px 40px;position:relative;width:500px}.agenda-page-content:first-of-type{border-right:1px solid #e0e0e0}.agenda-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.agenda-header-left{display:flex;flex-direction:column;gap:4px}.agenda-day-number{color:#1e1e1e;font-size:2.5rem;font-weight:700;line-height:1}.agenda-day-name{color:#606060;font-size:.9rem;font-weight:500}.agenda-user-name{color:grey;font-size:.85rem;font-style:italic;margin-top:4px}.agenda-header-right{text-align:right}.agenda-month{color:#1e1e1e;font-size:1.1rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.agenda-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.agenda-appointments-section{margin-bottom:20px}.agenda-section-title{border-bottom:2px solid #007acc;color:#1e1e1e;font-size:1rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.agenda-appointments-list{display:flex;flex-direction:column;gap:8px}.agenda-appointment-item{border-left:3px solid #007acc;color:#1e1e1e;font-size:.9rem;line-height:1.5;padding:6px 0 6px 12px}.agenda-item-separator{background:#e8e8e8;border-bottom:1px solid #e0e0e0;height:1px;margin:8px 0;width:100%}.agenda-empty{color:grey;font-size:.85rem;font-style:italic;padding:12px 0}.agenda-lines{display:flex;flex:1 1;flex-direction:column;gap:20px;margin-top:20px}.agenda-line{background:#e8e8e8;border-bottom:1px solid #e0e0e0;height:1px;width:100%}.agenda-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:10px;text-align:center}.agenda-footer-text{color:#606060;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}@media print{.agenda-page{background:#fff;padding:0}.agenda-container{max-width:100%}.agenda-page-content{box-shadow:none;page-break-after:always}.spiral-binding{display:none}}@media (max-width:1200px){.agenda-container{flex-direction:column}.agenda-page-content{margin-left:50px;max-width:600px;width:100%}.agenda-page-content:first-of-type{border-bottom:1px solid #e0e0e0;border-right:none;margin-bottom:20px}}@media (max-width:768px){.agenda-page{padding:20px 10px}.agenda-page-content{margin-left:40px;max-width:100%;padding:20px;width:100%}.spiral-binding{width:40px}.agenda-day-number{font-size:2rem}.agenda-day-name{font-size:.8rem}.agenda-month{font-size:.95rem}.agenda-section-title{font-size:.9rem}.agenda-appointment-item{font-size:.85rem}}@media (max-width:480px){.agenda-page{padding:10px 5px}.agenda-container{width:100%}.spiral-binding{width:30px}.agenda-page-content{margin-left:30px;min-height:auto;padding:15px}.agenda-header{margin-bottom:15px;padding-bottom:8px}.agenda-day-number{font-size:1.8rem}.agenda-day-name,.agenda-user-name{font-size:.75rem}.agenda-month{font-size:.85rem}.agenda-content{gap:15px}.agenda-section-title{font-size:.85rem;margin-bottom:10px;padding-bottom:6px}.agenda-appointment-item{border-left-width:2px;font-size:.8rem;padding:4px 0 4px 10px}.agenda-empty{font-size:.8rem;padding:10px 0}.agenda-lines{gap:15px;margin-top:15px}.agenda-footer{margin-top:15px;padding-top:8px}.agenda-footer-text{font-size:.75rem}}
/*# sourceMappingURL=main.4303173e.css.map*/