.sidebar{background-color:#fdfdfd;border-right:1px solid #d1d5db;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}.sidebar--collapsed{width:80px}.sidebar__header{align-items:center;background-color:#fff;border-bottom:none;display:flex;justify-content:flex-start;min-height:40px;padding:8px 20px}.sidebar__logo{align-items:center;display:flex;gap:8px;margin-left:24px}.sidebar__logo-icon{font-size:20px}.sidebar__logo-text{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.025em}.sidebar__nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:43px 0 16px}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:#0000}.sidebar__nav::-webkit-scrollbar-thumb{background:#6b7280;border-radius:2px}.sidebar__separator{background-color:#e5e7eb;height:1px;margin:12px 20px}.sidebar__nav-item{align-items:center;background-color:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:8px;margin:1px 8px;padding:8px 16px;text-align:left;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:calc(100% - 16px)}.sidebar__nav-item:hover{background-color:#f9fafb}.sidebar__nav-item--active{background-color:#eff6ff;border-left:4px solid #3b82f6;padding-left:12px}.sidebar__nav-item--active .sidebar__nav-label{color:#111827;font-weight:600}.sidebar__nav-icon{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:14px;justify-content:center;width:20px}.sidebar__nav-label{color:#111827;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-badge{align-items:center;background-color:#6b7280;border-radius:9999px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.sidebar__nav-group{display:flex;flex-direction:column}.sidebar__nav-chevron{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;justify-content:center;margin-left:auto}.sidebar__nav-item--parent{cursor:pointer}.sidebar__nav-item--parent:hover .sidebar__nav-chevron{color:#111827}.sidebar__nav-item--parent-active .sidebar__nav-label{color:#111827;font-weight:500}.sidebar__nav-children{display:flex;flex-direction:column;margin-bottom:4px;margin-top:2px;padding-left:20px}.sidebar__nav-item--child{font-size:10px;margin:1px 8px;padding:4px 16px}.sidebar__nav-item--child .sidebar__nav-icon{font-size:10px;opacity:0;width:16px}.sidebar__nav-item--child .sidebar__nav-label{font-size:10px}.sidebar__nav-item--child .sidebar__nav-label:before{color:#9ca3af;content:"•";margin-right:4px}.sidebar__nav-item--child.sidebar__nav-item--active{background-color:#eff6ff;border-left:3px solid #3b82f6}.sidebar__nav-item--child.sidebar__nav-item--active .sidebar__nav-label{color:#3b82f6;font-weight:600}.sidebar__nav-item--child.sidebar__nav-item--active .sidebar__nav-label:before{color:#3b82f6}.sidebar__footer{background-color:#fdfdfd;border-top:1px solid #f3f4f6;padding:16px 20px}.sidebar__footer,.sidebar__user{align-items:center;display:flex;gap:12px}.sidebar__user{flex:1 1;min-width:0}.sidebar__user-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.sidebar__user-info{flex:1 1;min-width:0}.sidebar__user-name{color:#111827;font-size:12px;font-weight:600;margin-bottom:2px}.sidebar__user-email,.sidebar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout,.sidebar__user-email{color:#9ca3af;font-size:10px}.sidebar__logout{background-color:#0000;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;padding:4px 8px;transition:all .2s ease}.sidebar__logout:hover{background-color:#f9fafb;color:#ef4444}@media(max-width:767px){.sidebar{width:60px}.sidebar__logo-text,.sidebar__nav-badge,.sidebar__nav-chevron,.sidebar__nav-children,.sidebar__nav-label,.sidebar__user-info{display:none}.sidebar__header{padding:16px 8px}.sidebar__logo{justify-content:center;margin-left:0}.sidebar__nav-item{justify-content:center;margin:2px 4px;padding:8px}.sidebar__nav-icon{font-size:16px;width:24px}.sidebar__footer{flex-direction:column;padding:16px 8px}.sidebar__logout{text-align:center;width:100%}}.layout{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;width:100%}.layout,.layout__main{background-color:#f5f7fa;display:flex;min-height:100vh}.layout__main{flex:1 1;flex-direction:column;margin-left:220px;min-width:0;transition:margin-left .3s ease;width:calc(100% - 220px)}.layout__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;flex-shrink:0;gap:20px;justify-content:space-between;padding:20px 24px;z-index:100}.layout__header-left{flex:1 1;min-width:0}.layout__page-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.layout__page-description,.layout__page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout__page-description{color:#6b7280;font-size:12px;margin:0}.layout__header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.layout__content{background-color:#f5f7fa;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible;padding:24px;width:100%}@media(max-width:767px){.layout__main{margin-left:60px;width:calc(100% - 60px)}.layout__header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 20px}.layout__page-title{font-size:18px}.layout__page-description{font-size:12px}.layout__header-actions{gap:8px;justify-content:flex-start;overflow-x:auto;width:100%}.layout__content{padding:16px}}.dashboard{display:flex;flex-direction:column;gap:32px}.dashboard__stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.dashboard__stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.dashboard__stat-card--clickable{cursor:pointer}.dashboard__stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.dashboard__stat-value{color:#111827;font-size:24px;font-weight:700;line-height:1.2}.dashboard__stat-label{color:#6b7280;font-size:12px;margin-top:4px}.dashboard__period-selector{align-items:center;display:flex;gap:16px;justify-content:space-between}.dashboard__period-group{background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:2px;padding:2px}.dashboard__group-btn,.dashboard__period-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .15s ease}.dashboard__group-btn:hover,.dashboard__period-btn:hover{background:#f9fafb;color:#111827}.dashboard__group-btn--active,.dashboard__period-btn--active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6;font-weight:600}.dashboard__date-range{align-items:center;display:flex;gap:16px}.dashboard__date-separator{color:#9ca3af;font-size:12px}.dashboard__month-picker{align-items:center;display:flex;gap:4px}.dashboard__month-picker-label{color:#9ca3af;font-size:10px;font-weight:500;min-width:32px}.dashboard__month-select,.dashboard__year-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:12px;outline:none;padding:4px 8px;transition:border-color .15s ease}.dashboard__month-select:focus,.dashboard__year-select:focus{border-color:#3b82f6}.dashboard__month-select:hover,.dashboard__year-select:hover{border-color:#9ca3af}.dashboard__month-select{min-width:60px}.dashboard__year-select{min-width:70px}.dashboard__section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.dashboard__section-header{align-items:baseline;display:flex;gap:16px;margin-bottom:20px}.dashboard__section-header .dashboard__section-title{margin-bottom:0}.dashboard__section-subtitle{color:#9ca3af;font-size:12px;font-weight:400}.dashboard__section-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.dashboard__chart-container{min-height:250px;width:100%}.dashboard__chart-placeholder{align-items:center;color:#9ca3af;display:flex;font-size:14px;height:200px;justify-content:center}.dashboard__chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:8px 12px}.dashboard__chart-tooltip-row{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px;line-height:1.6}.dashboard__chart-tooltip-dot{border-radius:9999px;flex-shrink:0;height:8px;width:8px}.dashboard__chart-tooltip-label{color:#6b7280;font-size:10px;margin-bottom:2px}.dashboard__chart-tooltip-value{color:#111827;font-size:14px;font-weight:600}.dashboard__chart-tooltip-count{color:#9ca3af;font-size:10px}.dashboard__category-table{border-collapse:collapse;font-size:12px;margin-bottom:24px;width:100%}.dashboard__category-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-weight:500;padding:8px 16px;text-align:left}.dashboard__category-table td{border-bottom:1px solid #f3f4f6;color:#111827;padding:8px 16px}.dashboard__category-table td:last-child,.dashboard__category-table th:last-child{text-align:right}.dashboard__table-amount{display:inline-block;font-weight:600;margin-right:16px}.dashboard__table-try{color:#6b7280;font-weight:600}.dashboard__category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard__category-card{background:#f5f7fa;border:1px solid #f3f4f6;border-radius:8px;padding:16px}.dashboard__category-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.dashboard__category-name{color:#111827;font-size:12px;font-weight:600}.dashboard__category-totals{display:flex;gap:16px}.dashboard__category-cur{font-size:10px;font-weight:600}.dashboard__category-chart{height:80px;width:100%}.dashboard__actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard__action-card{align-items:flex-start;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;text-decoration:none;transition:all .2s ease}.dashboard__action-card:hover{background:#eff6ff;border-color:#3b82f6}.dashboard__action-content{flex:1 1;min-width:0}.dashboard__action-content h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.dashboard__action-content p{color:#6b7280;font-size:12px;margin:0}@media(max-width:768px){.dashboard{gap:20px}.dashboard__stats{gap:12px;grid-template-columns:1fr 1fr}.dashboard__stat-card{padding:16px}.dashboard__period-selector{align-items:stretch;flex-direction:column}.dashboard__date-range{flex-wrap:wrap}.dashboard__actions,.dashboard__category-grid{grid-template-columns:1fr}}.admin-v2-header-actions,.header-actions{align-items:center!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;display:flex!important;flex-wrap:nowrap!important;gap:0!important;overflow:visible!important;position:relative!important;white-space:nowrap!important;z-index:1100!important}.admin-v2-header-actions .action-button,.header-actions .action-button{align-items:center!important;background-color:#f9fafb!important;border:none!important;border-radius:0!important;border-right:1px solid #d1d5db!important;color:#111827!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:4px!important;padding:8px 16px!important;transition:all .15s ease!important;white-space:nowrap!important}.admin-v2-header-actions .action-button:hover:not(:disabled),.header-actions .action-button:hover:not(:disabled){background-color:#eff6ff!important;border-color:#3b82f6!important;color:#2563eb!important}.admin-v2-header-actions .action-button:disabled,.header-actions .action-button:disabled{background-color:#f5f7fa!important;color:#9ca3af!important;cursor:not-allowed!important}.admin-v2-header-actions .action-button:last-child,.header-actions .action-button:last-child{border-right:none!important}.admin-v2-header-actions .action-button.action-button-primary,.header-actions .action-button.action-button-primary{background-color:#3b82f6!important;color:#fff!important}.admin-v2-header-actions .action-button.action-button-primary:hover:not(:disabled),.header-actions .action-button.action-button-primary:hover:not(:disabled){background-color:#2563eb!important}.admin-v2-header-actions .action-button.action-button-danger,.header-actions .action-button.action-button-danger{background-color:#ef4444!important;color:#fff!important}.admin-v2-header-actions .action-button.action-button-danger:hover:not(:disabled),.header-actions .action-button.action-button-danger:hover:not(:disabled){background-color:#eb1515!important}.admin-v2-header-actions .action-button.action-button-secondary,.header-actions .action-button.action-button-secondary{background-color:#6b7280!important;color:#fff!important}.admin-v2-header-actions .action-button.action-button-secondary:hover:not(:disabled),.header-actions .action-button.action-button-secondary:hover:not(:disabled){background-color:#111827!important}.admin-v2-header-actions .action-button.action-button-success,.header-actions .action-button.action-button-success{background-color:#10b981!important;color:#fff!important}.admin-v2-header-actions .action-button.action-button-success:hover:not(:disabled),.header-actions .action-button.action-button-success:hover:not(:disabled){background-color:#0c8a60!important}.admin-v2-header-actions .button-icon,.header-actions .button-icon{font-size:12px!important}.admin-v2-header-actions .show-dropdown-container,.header-actions .show-dropdown-container{position:relative!important;z-index:1200!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-button,.header-actions .show-dropdown-container .show-dropdown-button{align-items:center!important;display:flex!important;gap:4px!important}.admin-v2-header-actions .show-dropdown-container .dropdown-arrow,.header-actions .show-dropdown-container .dropdown-arrow{color:#6b7280!important;font-size:10px!important;transition:transform .15s ease!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-menu,.header-actions .show-dropdown-container .show-dropdown-menu{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:0 0 4px 4px!important;border-top:none!important;box-shadow:0 4px 6px #0000001a!important;left:0!important;min-width:120px!important;position:absolute!important;right:0!important;top:100%!important;z-index:9999!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option,.header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option{background-color:#fff!important;border:none!important;border-bottom:1px solid #f3f4f6!important;border-radius:0!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;padding:8px 16px!important;text-align:left!important;transition:background-color .15s ease!important;width:100%!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option:hover,.header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option:hover{background-color:#f9fafb!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option.selected,.header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option.selected{background-color:#eff6ff!important;color:#2563eb!important;font-weight:600!important}.admin-v2-header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option:last-child,.header-actions .show-dropdown-container .show-dropdown-menu .dropdown-option:last-child{border-bottom:none!important}.header-action-btn{font-size:12px!important;padding:8px 12px!important}.header-action-btn--danger:hover:not(:disabled){border-color:#ef4444!important}.header-action-btn--success{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.header-action-btn--success:hover:not(:disabled){background:#0c8a60!important}.data-dashboard{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0;width:100%!important}.data-dashboard-header-content{margin-bottom:0!important;padding:0 20px!important}.data-dashboard-content{box-sizing:border-box!important;flex:1 1!important;max-width:100%!important;overflow-x:visible!important;overflow-y:auto!important;padding:20px 24px 20px 20px!important;position:relative!important;width:100%!important}.table-container{position:relative}.data-table-container{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;flex:1 1!important;height:auto!important;overflow-x:auto!important;overflow-y:auto!important;padding-right:0!important;position:relative!important}.data-table-container::-webkit-scrollbar{height:8px!important;width:8px!important}.data-table-container::-webkit-scrollbar-track{background:#f5f7fa!important;border-radius:4px!important}.data-table-container::-webkit-scrollbar-thumb{background:#d1d5db!important;border-radius:4px!important}.data-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af!important}.search-actions-bar{box-sizing:border-box!important;flex-wrap:wrap!important;gap:16px!important;height:auto!important;justify-content:space-between!important;margin-bottom:20px!important;overflow:visible!important;padding-right:4px!important;position:relative!important;width:100%!important;z-index:1100!important}.search-actions-bar,.search-field{align-items:center!important;display:flex!important}.search-field{flex:1 1!important;gap:8px!important;max-width:400px!important;min-width:250px!important}@media(max-width:600px){.search-field{max-width:100%!important;min-width:100%!important}}.search-input{border:1px solid #d1d5db!important;border-radius:6px!important;flex:1 1!important;font-size:12px!important;padding:8px 12px!important}.search-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.product-image{border:1px solid #e5e7eb!important;border-radius:4px!important;display:block!important;height:48px!important;object-fit:cover!important;width:48px!important}.product-image-large{height:280px!important;max-height:280px!important;max-width:280px!important;min-height:280px!important;min-width:280px!important;width:280px!important}.product-image-large img{height:100%!important;object-fit:contain!important;width:100%!important}.no-image{background-color:#f9fafb!important;border:1px dashed #d1d5db!important;border-radius:4px!important;color:#9ca3af!important;font-size:12px!important;font-style:italic!important;height:48px!important;justify-content:center!important}.custom-header-actions,.no-image{align-items:center!important;display:flex!important}.custom-header-actions{flex-wrap:wrap!important;gap:8px!important}@media(max-width:1200px){.custom-header-actions{gap:6px!important}.custom-header-actions button{font-size:12px!important;padding:6px 10px!important}}@media(max-width:900px){.custom-header-actions{gap:4px!important}.custom-header-actions button{font-size:11px!important;padding:4px 8px!important}.custom-header-actions button span:not(:first-child){display:none!important}}@media(max-width:600px){.custom-header-actions{flex-wrap:wrap!important;justify-content:flex-end!important}.custom-header-actions button{font-size:10px!important;padding:4px 6px!important}}.header-action-btn{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#111827!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;padding:8px 14px!important;transition:all .15s ease!important;white-space:nowrap!important}.header-action-btn:hover:not(:disabled){background:#f9fafb!important;border-color:#9ca3af!important}.header-action-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.header-action-btn.active{background:#eff6ff!important;border-color:#3b82f6!important;color:#3b82f6!important}.header-action-btn--primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.header-action-btn--primary:hover:not(:disabled){background:#2563eb!important;border-color:#2563eb!important}.header-action-btn--danger{background:#fff!important;border-color:#d1d5db!important;color:#ef4444!important}.header-action-btn--danger:hover:not(:disabled){background:#fee2e2!important;border-color:#fecaca!important}.header-action-btn--danger:disabled{color:#9ca3af!important}.add-button{background:#6baed6!important;border:1px solid #c6dbef!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important;font-weight:500!important;margin-left:auto!important;margin-right:4px!important;padding:8px 16px!important;position:relative!important;white-space:nowrap!important;z-index:1!important}.add-button:hover{background:#f9fafb!important;border-color:#9ca3af!important}.add-button:disabled{cursor:not-allowed!important;opacity:.5!important}.add-first-button{background:#3b82f6!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:8px 16px!important}.add-first-button:hover{background:#2563eb!important}.show-dropdown-container{position:relative!important}.show-dropdown-container .show-dropdown-btn{padding-right:12px!important}.show-dropdown-container .show-dropdown-menu{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;margin-top:4px!important;min-width:80px!important;position:absolute!important;right:0!important;top:100%!important;z-index:9999!important}.show-dropdown-container .dropdown-option{background:none!important;border:none!important;color:#111827!important;cursor:pointer!important;display:block!important;font-size:14px!important;padding:8px 16px!important;text-align:left!important;width:100%!important}.show-dropdown-container .dropdown-option:hover{background:#f9fafb!important}.show-dropdown-container .dropdown-option.selected{background:#eff6ff!important;color:#3b82f6!important}.data-dashboard .show-dropdown-container{display:inline-block!important;position:relative!important}.show-dropdown-button{align-items:center!important;display:flex!important;gap:4px!important}.show-dropdown-button .dropdown-arrow{font-size:10px!important;transition:transform .2s ease!important}.data-dashboard .show-dropdown-menu{background:#fff!important;border:2px solid #3b82f6!important;border-radius:6px!important;box-shadow:0 4px 6px #0000001a!important;display:block!important;margin-top:4px!important;min-width:120px!important;position:absolute!important;right:0!important;top:100%!important;z-index:10000!important}.data-dashboard .dropdown-option{background:#fff!important;border:none!important;cursor:pointer!important;font-size:14px!important;padding:8px 12px!important;text-align:left!important;transition:background-color .2s ease!important;width:100%!important}.data-dashboard .dropdown-option:hover{background:#f9fafb!important}.data-dashboard .dropdown-option.selected{background:#3b82f6!important;color:#fff!important}.data-dashboard .dropdown-option:first-child{border-top-left-radius:6px!important;border-top-right-radius:6px!important}.data-dashboard .dropdown-option:last-child{border-bottom-left-radius:6px!important;border-bottom-right-radius:6px!important}.data-table{border-collapse:collapse!important;display:table!important;min-width:100%!important;position:relative!important;table-layout:fixed!important;width:-webkit-max-content!important;width:max-content!important}.data-table:has(.filter-row){border-collapse:initial!important;border-spacing:0!important}.data-table thead{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f9fafb!important;z-index:1000!important}.data-table thead,.data-table thead tr:first-child th{position:-webkit-sticky!important;position:sticky!important;top:0!important}.data-table thead tr:first-child th{z-index:1001!important}.data-table thead tr.filter-row{background:#f9fafb!important}.data-table thead tr.filter-row th{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;padding:4px 8px!important;position:-webkit-sticky!important;position:sticky!important;top:41px!important;z-index:999!important}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important;box-sizing:border-box!important;overflow:hidden!important;padding:8px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.data-table td.address,.data-table td.company-name,.data-table td.description,.data-table th.address,.data-table th.company-name,.data-table th.description{word-wrap:break-word!important;white-space:normal!important}.data-table th{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f9fafb!important;border-bottom:2px solid #d1d5db!important;box-shadow:0 1px 2px #0000000d!important;color:#111827!important;display:table-cell!important;font-size:12px!important;font-weight:600!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;width:auto!important;z-index:1000!important}.data-table th.selection-column{max-width:36px!important;min-width:36px!important;padding:8px 4px!important;width:36px!important}.data-table td{color:#111827!important;font-size:12px!important}.data-table td.selection-column{max-width:36px!important;min-width:36px!important;padding:8px 4px!important;width:36px!important}.data-table td.loading-cell{overflow:visible!important;padding:48px 20px!important;text-align:center!important;white-space:normal!important;width:100%!important}.data-table tbody tr:hover{background:#f9fafb!important}.data-table .selection-column,.selection-column{box-sizing:border-box!important;max-width:36px!important;min-width:36px!important;padding:8px 4px!important;text-align:center!important;width:36px!important}.data-table .selection-column input[type=checkbox],.selection-column input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;height:16px!important;margin:0!important;width:16px!important}.data-table td.selection-column,.data-table th.selection-column{max-width:36px!important;min-width:36px!important;padding:8px 4px!important;width:36px!important}.sortable{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.sortable:hover{background:#f9fafb!important}.sort-indicator{color:#3b82f6!important;font-weight:700!important;margin-left:4px!important}.sort-loading .sort-indicator{animation:spin 1s linear infinite}.column-header-content{align-items:center!important;display:flex!important;gap:4px!important;justify-content:space-between!important}.column-title{flex:1 1!important;min-width:0!important}.dragging{background:#e5e7eb!important;opacity:.5!important}th[draggable=true]{cursor:move!important}th[draggable=true]:hover{background:#f9fafb!important}th[draggable=true]:active{cursor:grabbing!important}th[draggable=true]:hover{border-left:2px solid #3b82f6!important;border-right:2px solid #3b82f6!important}.column-resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:-4px;top:0;-webkit-user-select:none;user-select:none;width:12px;z-index:10}.column-resize-handle:hover{background:#3b82f666;border-right:2px solid #3b82f6}.column-resize-handle:active{background:#3b82f699;border-right:2px solid #2563eb}td.column-global_id,th.column-global_id{width:100px!important}td.column-name,th.column-name{width:200px!important}td.column-category,th.column-category{width:150px!important}td.column-address,th.column-address{width:250px!important}td.column-website,th.column-website{width:150px!important}td.column-online_sales,th.column-online_sales{width:120px!important}td.column-online_marketing,th.column-online_marketing{width:140px!important}td.column-approval_status,th.column-approval_status{width:120px!important}td.column-recommended_by,th.column-recommended_by{width:200px!important}td.column-overall_score,th.column-overall_score{width:120px!important}td.column-google_maps_score,td.column-trustpilot_score,th.column-google_maps_score,th.column-trustpilot_score{width:100px!important}td.column-mebsis_score,th.column-mebsis_score{width:90px!important}td.column-email_score,td.column-status,th.column-email_score,th.column-status{width:100px!important}.filter-row{margin-bottom:0!important;padding-bottom:0!important}.filter-row,.filter-row th{background:#0000!important;border-bottom:none!important}.filter-row th{border-right:1px solid #e5e7eb!important;box-sizing:border-box!important;min-width:120px!important;padding:4px!important}.filter-row th:last-child{border-right:none!important}.data-table tbody tr.table-spacer-row{background:#0000!important;height:8px!important;pointer-events:none!important}.data-table tbody tr.table-spacer-row:hover{background:#0000!important}.data-table tbody tr.table-spacer-row td{background:#0000!important;border:none!important;padding:0!important}.data-table tbody tr.table-spacer-row+tr:not(.data-table-row--selected){border-top:1px solid #e5e7eb!important;margin-top:0!important;position:relative!important;z-index:1!important}.data-table tbody tr.table-spacer-row+tr:not(.data-table-row--selected) td{border-top:none!important;padding-top:8px!important}.data-table tbody tr.data-table-row--stale{background:#f9fafb!important}.data-table tbody tr.data-table-row--stale:hover{background:#e5e7eb!important}.data-table tbody tr.data-table-row--mentioned{background-color:#4292c6!important}.data-table tbody tr.data-table-row--mentioned:hover{background-color:#2171b5!important}.data-table tbody tr.data-table-row--mentioned td{background-color:#4292c6!important}.data-table tbody tr.data-table-row--mentioned:hover td{background-color:#2171b5!important}.data-table tbody tr.data-table-row--unread{background-color:#969696!important}.data-table tbody tr.data-table-row--unread:hover{background-color:#737373!important}.data-table tbody tr.data-table-row--unread td{background-color:#969696!important}.data-table tbody tr.data-table-row--unread:hover td{background-color:#737373!important}.data-table tbody tr.data-table-row--selected{border:2px solid #4292c6!important;box-shadow:0 0 0 1px #4292c61a,0 2px 4px #4292c61a!important;outline:2px solid #4292c6!important;outline-offset:-2px!important;position:relative!important;transition:border-color .2s ease,outline-color .2s ease,box-shadow .2s ease!important;z-index:1001!important}.data-table tbody tr.data-table-row--selected:first-child td{padding-top:8px!important}.data-table tbody tr.data-table-row--selected td{border-color:#4292c6!important;border-right:1px solid #4292c6!important;border-top:2px solid #4292c6!important;position:relative!important;transition:border-color .2s ease!important;z-index:1!important}.data-table tbody tr.data-table-row--selected td:last-child{border-right:none!important}.data-table tbody tr.data-table-row--selected:hover{border-color:#2171b5!important;box-shadow:0 0 0 1px #2171b526,0 2px 6px #4292c626!important;outline-color:#2171b5!important}.data-table tbody tr.data-table-row--selected:hover td{border-color:#2171b5!important}.row-action-column{padding:8px 12px!important;text-align:center!important;vertical-align:middle!important}.row-action-button{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 2px #0000000d!important;color:#111827!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;justify-content:center!important;min-width:100px!important;padding:6px 14px!important;transition:all .2s ease!important;white-space:nowrap!important}.row-action-button:hover{background:#f9fafb!important;border-color:#9ca3af!important;box-shadow:0 1px 3px #0000001a!important}.row-action-button:active{background:#f9fafb!important;border-color:#6b7280!important;box-shadow:inset 0 1px 2px #0000001a!important}.row-action-button:focus{border-color:#6b7280!important;box-shadow:0 0 0 3px #6b72801a!important;outline:none!important}.row-action-button:disabled{background:#f9fafb!important;cursor:not-allowed!important;opacity:.5!important}.column-toggle-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.column-toggle-panel .column-toggle-header{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.column-toggle-panel .column-toggle-grid{display:flex;flex-wrap:wrap;gap:12px}.column-toggle-panel .column-toggle-item{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px}.column-toggle-panel .column-toggle-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.filter-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px 8px;width:100%}.filter-input:focus{border-color:#3b82f6;outline:none}.column-filter-input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-sizing:border-box!important;color:#111827!important;font-size:12px!important;max-width:100%!important;padding:4px 6px!important;width:100%!important}.column-filter-input::placeholder{color:#9ca3af!important;font-size:11px!important;font-style:italic!important}.column-filter-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important;outline:none!important}.clear-filters-button{background:#ef4444!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;flex-shrink:0!important;font-size:12px!important;font-weight:500!important;padding:6px 12px!important;transition:background-color .2s ease!important;white-space:nowrap!important}.clear-filters-button:hover{background:#eb1515!important}.cell-input{background:#fff;border:1px solid #3b82f6;border-radius:4px;font-size:14px;padding:4px 8px;width:100%}.cell-input:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.cell-select{min-width:100px}.edit-input{border:1px solid #d1d5db!important;border-radius:4px!important;font-size:14px!important;padding:4px 8px!important;width:100%!important}.edit-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important;outline:none!important}.action-buttons{display:flex!important;gap:8px!important}.delete-btn,.edit-btn{border:1px solid!important;border-radius:4px!important;cursor:pointer!important;font-size:12px!important;padding:4px 8px!important}.delete-btn:hover,.edit-btn:hover{opacity:.8!important}.edit-btn{background:#f9fafb!important;border-color:#d1d5db!important;color:#111827!important}.delete-btn{background:#fee2e2!important;border-color:#fecaca!important;color:#ef4444!important}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:16px;padding:16px 0}.pagination .pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;padding:8px 16px}.pagination .pagination-btn:hover:not(:disabled){background:#f9fafb}.pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-info{color:#6b7280;font-size:14px}.pagination-controls{align-items:center!important;border-top:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;margin-top:16px!important;padding:16px 0!important}.pagination-info{color:#6b7280!important;font-size:14px!important}.pagination-buttons{align-items:center!important;display:flex!important;gap:4px!important}.pagination-btn{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;padding:8px 12px!important;transition:all .2s ease!important}.pagination-btn:hover:not(:disabled){background:#f9fafb!important;border-color:#9ca3af!important}.pagination-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.pagination-btn.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.pagination-btn.active:hover{background:#2563eb!important;border-color:#2563eb!important}@media(max-width:768px){.pagination-controls{flex-direction:column!important;gap:12px!important;text-align:center!important}.pagination-buttons{flex-wrap:wrap!important;justify-content:center!important}.pagination-btn{min-width:40px!important}}.admin-v2-column-toggle-button{background:#f9fafb!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;margin-right:8px!important;padding:8px 16px!important;transition:all .2s ease!important}.admin-v2-column-toggle-button:hover{background:#e5e7eb!important;border-color:#9ca3af!important}.admin-v2-column-toggle-button:active{transform:translateY(1px)!important}.admin-v2-column-toggle-modal-overlay{align-items:center!important;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:99999!important}.admin-v2-column-toggle-modal{background:#fff!important;border-radius:8px!important;box-shadow:0 10px 15px #0000001a!important;max-height:80vh!important;max-width:400px!important;overflow:hidden!important;width:90%!important}.admin-v2-modal-header{align-items:center!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;padding:16px 20px!important}.admin-v2-modal-title{color:#111827!important;font-size:18px!important;font-weight:600!important;margin:0!important}.admin-v2-modal-close-button{align-items:center!important;background:none!important;border:none!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:24px!important;justify-content:center!important;padding:0!important;width:24px!important}.admin-v2-modal-close-button:hover{color:#111827!important}.admin-v2-modal-content{max-height:60vh!important;overflow-y:auto!important;padding:20px!important}.admin-v2-column-list{margin-bottom:20px!important}.admin-v2-column-item{margin-bottom:12px!important}.admin-v2-column-checkbox{align-items:center!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;padding:8px!important;transition:background-color .2s ease!important}.admin-v2-column-checkbox:hover{background:#f9fafb!important}.admin-v2-column-checkbox-input{accent-color:#3b82f6!important;height:16px!important;margin-right:12px!important;width:16px!important}.admin-v2-column-checkbox-title{color:#111827!important;font-size:14px!important;font-weight:500!important}.admin-v2-modal-actions{border-top:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding-top:16px!important}.admin-v2-modal-reset-button{background:#f9fafb!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s ease!important}.admin-v2-modal-reset-button:hover{background:#e5e7eb!important;border-color:#9ca3af!important}.admin-v2-modal-close-modal-button{background:#3b82f6!important;border:1px solid #3b82f6!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s ease!important}.admin-v2-modal-close-modal-button:hover{background:#2563eb!important;border-color:#2563eb!important}.status-badge{align-items:center!important;border-radius:3px!important;box-shadow:0 1px 2px #0000000d!important;display:inline-flex!important;font-size:11px!important;font-weight:600!important;justify-content:center!important;letter-spacing:.025em!important;line-height:1.4!important;min-width:0!important;padding:3px 8px!important;text-transform:uppercase!important;white-space:nowrap!important;width:auto!important}.status-active{background-color:#ecfdf5!important;border:1px solid #d1fae5!important;color:#059669!important}.status-inactive{background-color:#fef2f2!important;border:1px solid #fee2e2!important;color:#dc2626!important}.status-pending{background-color:#fffbeb!important;border:1px solid #fef3c7!important;color:#d97706!important}.status-approved{background-color:#ecfdf5!important;border:1px solid #d1fae5!important;color:#059669!important}.status-rejected{background-color:#fef2f2!important;border:1px solid #fee2e2!important;color:#dc2626!important}.status-default{background-color:#f9fafb!important;border:1px solid #f9fafb!important;color:#6b7280!important}.status-badge.status-active{background:#d1fae5!important;color:#085b40!important}.status-badge.status-inactive{background:#fee2e2!important;color:#eb1515!important}.status-badge.status-pending{background:#fef3c7!important;color:#ac6f07!important}.score-value{color:#111827}.price-range,.score-value{font-size:14px;font-weight:500}.price-range{color:#10b981;white-space:nowrap}.categories-display{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.category-tag{background-color:#e5e7eb;border-radius:4px;color:#111827;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;white-space:nowrap}.category-more{color:#6b7280;font-size:11px;font-style:italic}.companies-display{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.company-tag{align-items:center;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:4px;color:#1e40af;display:inline-flex;font-size:12px;gap:4px;margin-bottom:2px;margin-right:4px;padding:4px 8px}.company-more{color:#6b7280;font-size:11px;font-style:italic}.loading-state{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px!important}.loading-state .loading-spinner{animation:spin 1s linear infinite!important;border:3px solid #0000!important;border-radius:50%!important;border-top-color:#337ab7!important;height:24px!important;margin-bottom:16px!important;width:24px!important}.loading-state p{color:#6b7280!important;margin:0!important}.table-loading-overlay{align-items:center;background:#fffc;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.table-loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#337ab7;height:24px;margin-bottom:8px;width:24px}.table-loading-overlay span{color:#6b7280;font-size:14px;font-weight:500}.data-table tbody td.loading-cell,.data-table td.loading-cell,table.data-table td.loading-cell{background-color:#0000!important;display:table-cell!important;overflow:visible!important;padding:60px 20px!important;text-align:center!important;white-space:normal!important;width:100%!important}.data-table tbody td.loading-cell .loading-state-inline,.data-table td.loading-cell .loading-state-inline,table.data-table td.loading-cell .loading-state-inline{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;margin:0 auto!important;max-width:100%!important;text-align:center!important;width:100%!important}.data-table tbody td.loading-cell .loading-state-inline .loading-spinner,.data-table td.loading-cell .loading-state-inline .loading-spinner,table.data-table td.loading-cell .loading-state-inline .loading-spinner{animation:spin 1s linear infinite!important;background:#0000!important;background-image:none!important;border:3px solid #0000!important;border-radius:50%!important;border-top-color:#337ab7!important;box-sizing:border-box!important;content:""!important;display:block!important;flex-shrink:0!important;height:24px!important;margin:0 auto!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;opacity:1!important;padding:0!important;position:relative!important;visibility:visible!important;width:24px!important}.data-table tbody td.loading-cell .loading-state-inline .loading-spinner:after,.data-table tbody td.loading-cell .loading-state-inline .loading-spinner:before,.data-table td.loading-cell .loading-state-inline .loading-spinner:after,.data-table td.loading-cell .loading-state-inline .loading-spinner:before,table.data-table td.loading-cell .loading-state-inline .loading-spinner:after,table.data-table td.loading-cell .loading-state-inline .loading-spinner:before{content:""!important;display:none!important}.data-table tbody td.loading-cell .loading-state-inline p,.data-table td.loading-cell .loading-state-inline p,table.data-table td.loading-cell .loading-state-inline p{color:#111827!important;font-size:16px!important;font-weight:500!important;margin:0!important}.data-table .loading-spinner,.loading-cell .loading-spinner,.loading-state-inline .loading-spinner{animation:spin 1s linear infinite!important;background:#0000!important;background-image:none!important;border:3px solid #0000!important;border-radius:50%!important;border-top-color:#337ab7!important;display:block!important;height:24px!important;margin:0!important;width:24px!important}.data-table .loading-spinner:after,.data-table .loading-spinner:before,.loading-cell .loading-spinner:after,.loading-cell .loading-spinner:before,.loading-state-inline .loading-spinner:after,.loading-state-inline .loading-spinner:before{display:none!important}.error-state{align-items:center!important;color:#ef4444!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px!important;text-align:center!important}.error-state .error-icon{font-size:48px!important;margin-bottom:16px!important}.error-state p{color:#ef4444!important;font-size:16px!important;font-weight:500!important;margin:8px 0!important}.error-state .error-message{color:#9ca3af!important;font-size:14px!important;font-weight:400!important;max-width:400px!important}.empty-state{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 20px!important}.empty-state p{color:#6b7280!important;font-size:16px!important;margin:0 0 16px!important}.empty-state-hint{color:#9ca3af!important;font-size:14px!important;font-weight:400!important;margin-top:8px!important}.empty-table-cell{border:none!important;padding:60px 20px!important;text-align:center!important}@media(max-width:768px){.search-actions-bar{align-items:stretch!important;flex-direction:column!important}.search-field{max-width:none!important}.data-table{font-size:12px!important}.data-table td,.data-table th{padding:8px!important}.action-buttons{flex-direction:column!important}}@media print{.action-buttons,.search-actions-bar,.selection-column{display:none!important}.data-table,.data-table td,.data-table th{border:1px solid #000!important}}.edit-category-selector{min-width:200px}.edit-category-selector .category-selector__trigger{background-color:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important;color:#111827!important;font-size:12px;min-height:32px;padding:4px 8px}.edit-category-selector .category-selector__dropdown{background-color:#fff!important;border:1px solid #d1d5db!important;box-shadow:0 10px 15px #0000001a!important;max-height:200px;position:relative!important;z-index:10000!important}.edit-category-selector .category-selector__option{background-color:#fff!important;font-size:12px!important;padding:6px 10px!important}.edit-category-selector .category-selector__option.selected{background-color:#eff6ff!important;color:#1d4ed8!important}.edit-category-selector .category-selector__option:hover{background-color:#f9fafb!important}.edit-category-selector .category-selector__option-name{font-size:12px!important}.edit-category-selector .category-selector__option-description{font-size:11px!important}.category-dropdown,.dropdown-menu,.recommended-dropdown,.select-dropdown{position:relative!important;z-index:10000!important}.company-selector__dropdown{position:absolute!important;z-index:10000!important}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content.attachments-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:90%;padding:24px;width:500px}.modal-content.attachments-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-content.attachments-modal .modal-header h3{color:#1f2937;font-size:1.25rem;margin:0}.modal-content.attachments-modal .modal-header .close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem}.modal-content.attachments-modal .modal-header .close-button:hover{color:#1f2937}.modal-content.attachments-modal .modal-body{flex:1 1;overflow-y:auto}.modal-content.attachments-modal .empty-state,.modal-content.attachments-modal .error,.modal-content.attachments-modal .loading{color:#6b7280;padding:20px;text-align:center}.modal-content.attachments-modal .error{color:#ef4444}.modal-content.attachments-modal .attachments-list{list-style:none;margin:0;padding:0}.modal-content.attachments-modal .attachments-list .attachment-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px}.modal-content.attachments-modal .attachments-list .attachment-item:last-child{border-bottom:none}.modal-content.attachments-modal .attachments-list .attachment-item .file-info .file-name{color:#111827;font-weight:500;margin-bottom:4px}.modal-content.attachments-modal .attachments-list .attachment-item .file-info .file-meta{color:#6b7280;font-size:.875rem}.modal-content.attachments-modal .attachments-list .attachment-item .download-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.modal-content.attachments-modal .attachments-list .attachment-item .download-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.bulk-upload{display:flex;flex-direction:column;gap:clamp(20px,1.5vw + 12px,40px)}.bulk-upload__connection-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;text-align:center}.bulk-upload__back-btn,.bulk-upload__connection-warning{font-size:clamp(11px,.6vw + 9px,14px);padding:clamp(6px,.5vw + 4px,12px) clamp(12px,1vw + 8px,24px)}.bulk-upload__back-btn{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.bulk-upload__back-btn:hover{background:#f9fafb;color:#111827}.bulk-upload__grid{grid-gap:clamp(20px,1.5vw + 12px,40px);display:grid;gap:clamp(20px,1.5vw + 12px,40px);grid-template-columns:repeat(2,1fr)}.bulk-upload__section{display:flex;flex-direction:column;gap:clamp(12px,1vw + 8px,24px)}.bulk-upload__section-title{align-items:center;color:#111827;display:flex;font-size:clamp(16px,1vw + 12px,22px);font-weight:600;gap:clamp(6px,.5vw + 4px,12px);margin:0}.bulk-upload__section-icon{font-size:clamp(18px,1.2vw + 14px,26px)}.bulk-upload__actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:clamp(10px,.7vw + 6px,16px);justify-content:flex-end;padding-top:clamp(12px,1vw + 8px,24px)}.bulk-upload__btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:clamp(13px,.7vw + 10px,16px);font-weight:500;gap:clamp(6px,.5vw + 4px,12px);padding:clamp(10px,.7vw + 6px,16px) clamp(20px,1.5vw + 12px,40px);transition:all .15s ease;white-space:nowrap}.bulk-upload__btn--primary{background:#3b82f6;border:none;color:#fff}.bulk-upload__btn--primary:hover:not(:disabled){background:#2563eb}.bulk-upload__btn--primary:disabled{background:#e5e7eb;cursor:not-allowed}.bulk-upload__btn--secondary{background:#0000;border:1px solid #e5e7eb;color:#6b7280}.bulk-upload__btn--secondary:hover:not(:disabled){background:#f9fafb}.bulk-upload__btn--secondary:disabled{cursor:not-allowed;opacity:.5}.bulk-upload__spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:clamp(14px,1vw + 10px,20px);width:clamp(14px,1vw + 10px,20px)}.bulk-upload__help{background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;padding:clamp(12px,1vw + 8px,24px) clamp(16px,1.2vw + 10px,32px)}.bulk-upload__help p{color:#6b7280;font-size:clamp(11px,.6vw + 9px,14px);margin:0 0 clamp(6px,.5vw + 4px,12px)}.bulk-upload__help p:last-child{margin-bottom:0}.bulk-upload__help p strong{color:#111827}.upload-zone{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:clamp(6px,.5vw + 4px,12px);padding:clamp(32px,2.5vw + 20px,64px) clamp(20px,1.5vw + 12px,40px);transition:all .15s ease}.upload-zone--active,.upload-zone:hover{background:#eff6ff;border-color:#3b82f6}.upload-zone__icon{color:#9ca3af;font-size:clamp(32px,3vw + 20px,56px);transition:color .15s ease}.upload-zone--active .upload-zone__icon,.upload-zone:hover .upload-zone__icon{color:#3b82f6}.upload-zone__label{color:#111827;font-size:clamp(13px,.7vw + 10px,16px);font-weight:500;margin:0}.upload-zone__hint{color:#9ca3af;font-size:clamp(11px,.6vw + 9px,14px);margin:0}.file-list{display:flex;flex-direction:column;gap:clamp(6px,.5vw + 4px,12px);max-height:clamp(180px,15vw + 100px,300px);overflow-y:auto}.file-list__item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:clamp(10px,.7vw + 6px,16px);padding:clamp(6px,.5vw + 4px,12px) clamp(12px,1vw + 8px,24px)}.file-list__icon{color:#3b82f6;flex-shrink:0;font-size:clamp(16px,1vw + 12px,22px)}.file-list__info{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-list__name{color:#111827;font-size:clamp(11px,.6vw + 9px,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list__size{color:#9ca3af;font-size:clamp(10px,.5vw + 8px,12px)}.file-list__remove{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:clamp(4px,.3vw + 2px,8px);transition:all .15s ease}.file-list__remove:hover{background:#fee2e2;color:#ef4444}.matching-results{display:flex;flex-direction:column;gap:clamp(20px,1.5vw + 12px,40px)}.matching-results__summary{display:flex;flex-wrap:wrap;gap:clamp(12px,1vw + 8px,24px)}.matching-results__summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;min-width:clamp(120px,15vw + 80px,200px);padding:clamp(16px,1.2vw + 10px,32px);text-align:center}.matching-results__summary-item--success{border-left:3px solid #10b981}.matching-results__summary-item--warning{border-left:3px solid #f59e0b}.matching-results__summary-item--error{border-left:3px solid #ef4444}.matching-results__summary-value{color:#111827;display:block;font-size:clamp(24px,2vw + 18px,40px);font-weight:700}.matching-results__summary-label{color:#6b7280;font-size:clamp(11px,.6vw + 9px,14px)}.matching-results__table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.matching-results__header{background:#f5f7fa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:clamp(10px,.5vw + 8px,12px);font-weight:600;text-transform:uppercase}.matching-results__header,.matching-results__row{grid-gap:clamp(12px,1vw + 8px,24px);display:grid;gap:clamp(12px,1vw + 8px,24px);grid-template-columns:2fr 2fr 1fr 1fr 2fr;padding:clamp(12px,1vw + 8px,24px) clamp(16px,1.2vw + 10px,32px)}.matching-results__row{align-items:center;border-bottom:1px solid #f3f4f6}.matching-results__row:last-child{border-bottom:none}.matching-results__row--discrepancy{background:#ef444408}.matching-results__col{align-items:center;color:#111827;display:flex;font-size:clamp(11px,.6vw + 9px,14px);gap:clamp(6px,.5vw + 4px,12px)}.matching-results__col--center{justify-content:center}.matching-results__col--details{color:#6b7280;font-size:clamp(10px,.5vw + 8px,12px)}.matching-results__file-icon{font-size:clamp(13px,.7vw + 10px,16px)}.matching-results__confidence{align-items:center;display:flex;gap:clamp(6px,.5vw + 4px,12px);width:100%}.matching-results__confidence span{color:#6b7280;font-size:clamp(10px,.5vw + 8px,12px);min-width:clamp(28px,2vw + 20px,40px)}.matching-results__confidence-bar{background:#10b981;border-radius:9999px;flex:1 1;height:clamp(4px,.5vw + 2px,8px)}.matching-results__status{border-radius:9999px;font-size:clamp(10px,.5vw + 8px,12px);font-weight:500;padding:clamp(4px,.3vw + 2px,8px) clamp(6px,.5vw + 4px,12px);white-space:nowrap}.matching-results__status--matched{background:#d1fae5;color:#0c8a60}.matching-results__status--partial{background:#fef3c7;color:#c57f08}.matching-results__status--discrepancy{background:#fee2e2;color:#eb1515}.matching-results__actions{display:flex;justify-content:flex-end}.matching-results__export-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(13px,.7vw + 10px,16px);font-weight:500;padding:clamp(10px,.7vw + 6px,16px) clamp(20px,1.5vw + 12px,40px);transition:all .15s ease}.matching-results__export-btn:hover{background:#2563eb}@media(max-width:767px){.bulk-upload{gap:16px}.bulk-upload__grid{gap:16px;grid-template-columns:1fr}.bulk-upload__actions{flex-direction:column}.bulk-upload__btn{justify-content:center;width:100%}.upload-zone{padding:24px 16px}.matching-results{gap:16px}.matching-results__summary{flex-direction:column}.matching-results__summary-item{min-width:100%}.matching-results__header{display:none}.matching-results__row{display:flex;flex-direction:column;gap:8px;padding:16px}.matching-results__col{justify-content:flex-start;width:100%}}@media(min-width:768px)and (max-width:1023px){.bulk-upload__grid{gap:20px}.matching-results__header,.matching-results__row{grid-template-columns:2fr 2fr 1fr 1fr 1.5fr}}@media(min-width:1280px){.bulk-upload,.bulk-upload__grid{gap:32px}.bulk-upload__section-title{font-size:20px}.upload-zone{padding:48px 32px}.upload-zone__icon{font-size:48px}.upload-zone__label{font-size:16px}.file-list{max-height:280px}.file-list__item{padding:12px 20px}.file-list__name{font-size:14px}.matching-results__summary-value{font-size:32px}.matching-results__header,.matching-results__row{padding:16px 24px}}@media(min-width:1536px){.bulk-upload,.bulk-upload__grid{gap:48px}.bulk-upload__section-title{font-size:24px}.upload-zone{padding:64px 48px}.upload-zone__icon{font-size:56px}.upload-zone__label{font-size:18px}.upload-zone__hint{font-size:14px}.file-list{max-height:320px}.file-list__name{font-size:16px}.file-list__size{font-size:12px}.matching-results__summary-item{padding:24px}.matching-results__header,.matching-results__row{font-size:14px;padding:20px 32px}.matching-results__col{font-size:14px}.matching-results__status{font-size:12px;padding:8px 12px}}.invoice-settings-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.invoice-settings-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:95vw;overflow:hidden;width:500px}.invoice-settings-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.invoice-settings-modal .modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.invoice-settings-modal .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px}.invoice-settings-modal .modal-header .close-btn:hover{background:#f3f4f6;color:#4b5563}.invoice-settings-modal .modal-body{padding:24px}.invoice-settings-modal .modal-body .form-group{margin-bottom:20px}.invoice-settings-modal .modal-body .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.invoice-settings-modal .modal-body .form-group .help-text{color:#6b7280;font-size:12px;margin-bottom:8px;margin-top:0}.invoice-settings-modal .modal-body .form-group input[type=number]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.invoice-settings-modal .modal-body .form-group input[type=number]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.invoice-settings-modal .modal-body .form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.invoice-settings-modal .modal-body .form-group.checkbox-group input[type=checkbox]{accent-color:#2563eb;height:18px;width:18px}.invoice-settings-modal .modal-body .message{border-radius:6px;font-size:14px;margin-top:16px;padding:12px 16px}.invoice-settings-modal .modal-body .message.success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.invoice-settings-modal .modal-body .message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.invoice-settings-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.invoice-settings-modal .modal-footer button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.invoice-settings-modal .modal-footer button:hover:not(:disabled){background:#f3f4f6}.invoice-settings-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.5}.invoice-settings-modal .modal-footer button.save-btn{background-color:#2563eb;border-color:#2563eb;color:#fff}.invoice-settings-modal .modal-footer button.save-btn:hover:not(:disabled){background-color:#1d4ed8}.bulk-match-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.bulk-match-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:800px}.bulk-match-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.bulk-match-modal__header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.bulk-match-modal__close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px}.bulk-match-modal__close:hover{background:#f3f4f6;color:#4b5563}.bulk-match-modal__body{flex:1 1;overflow-y:auto;padding:24px}.bulk-match-modal__description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.bulk-match-modal__progress{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:20px;padding:16px}.bulk-match-modal__progress-bar{background:#e0f2fe;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.bulk-match-modal__progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.bulk-match-modal__progress-text{color:#1e40af;font-size:13px;font-weight:500}.bulk-match-modal__progress-status{color:#64748b;font-weight:400}.bulk-match-modal__toggle{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.bulk-match-modal__toggle input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.bulk-match-modal__toggle label{color:#1e293b;cursor:pointer;font-size:14px;font-weight:500}.bulk-match-modal__toggle-hint{color:#64748b;font-size:12px;margin-left:auto}.bulk-match-modal__loading{color:#6b7280;padding:40px;text-align:center}.bulk-match-modal__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.bulk-match-modal__column{display:flex;flex-direction:column}.bulk-match-modal__column-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.bulk-match-modal__column-header h4{color:#1e293b;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.bulk-match-modal__column-header button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.bulk-match-modal__column-header button:hover{background:#f3f4f6;border-color:#9ca3af}.bulk-match-modal__list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:350px;min-height:200px;overflow-y:auto}.bulk-match-modal__item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 14px}.bulk-match-modal__item:last-child{border-bottom:none}.bulk-match-modal__item:hover{background:#f8fafc}.bulk-match-modal__item.selected{background:#eff6ff}.bulk-match-modal__item.disabled{cursor:not-allowed;opacity:.6}.bulk-match-modal__item.disabled:hover{background:inherit}.bulk-match-modal__item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:18px;width:18px}.bulk-match-modal__item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bulk-match-modal__item-name{color:#1e293b;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-match-modal__item-date{color:#64748b;font-size:12px}.bulk-match-modal__empty{color:#9ca3af;font-size:13px;padding:32px 24px;text-align:center}.bulk-match-modal__footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.bulk-match-modal__btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.bulk-match-modal__btn-cancel:hover:not(:disabled){background:#f3f4f6}.bulk-match-modal__btn-cancel:disabled{cursor:not-allowed;opacity:.5}.bulk-match-modal__btn-primary{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.bulk-match-modal__btn-primary:hover:not(:disabled){background-color:#1d4ed8}.bulk-match-modal__btn-primary:disabled{cursor:not-allowed;opacity:.5}.discrepancy-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.discrepancy-modal__content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.discrepancy-modal__header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.discrepancy-modal__header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.discrepancy-modal__header-right{text-align:right}.discrepancy-modal__info{color:#6b7280;display:flex;font-size:.875rem;gap:1rem;margin-top:.5rem}.discrepancy-modal__info span{align-items:center;display:flex;gap:.5rem}.discrepancy-modal__info span strong{color:#111827;font-weight:500}.discrepancy-modal__status-badge{border-radius:9999px;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.discrepancy-modal__confidence{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.discrepancy-modal__close-btn{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;margin-left:1rem;margin-top:-.5rem;padding:.5rem;transition:all .2s}.discrepancy-modal__close-btn:hover{background-color:#f3f4f6;color:#4b5563}.discrepancy-modal__body{flex:1 1;overflow-y:auto;padding:1.5rem}.discrepancy-modal__subtitle{font-size:.875rem;margin-top:.5rem}.discrepancy-modal__icon-placeholder{display:block;margin:0 auto 1rem}.discrepancy-modal__alert{background-color:#fef2f2;border-left:4px solid #ef4444;margin-bottom:1.5rem;padding:1rem}.discrepancy-modal__alert p{color:#b91c1c;font-weight:500;margin:0}.discrepancy-modal__table-wrapper{overflow-x:auto;width:100%}.discrepancy-modal__table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.discrepancy-modal__table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.discrepancy-modal__table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:.75rem 1rem}.discrepancy-modal__table tbody tr:hover{background-color:#f9fafb}.discrepancy-modal__table .text-right{text-align:right}.discrepancy-modal__table .text-center{text-align:center}.discrepancy-modal__table .font-medium{font-weight:500}.discrepancy-modal__table .text-red{color:#dc2626}.discrepancy-modal__table .text-green{color:#059669}.discrepancy-modal__table .bg-red{background-color:#fee2e2;color:#991b1b}.discrepancy-modal__table .bg-yellow{background-color:#fef3c7;color:#92400e}.discrepancy-modal__table .bg-gray{background-color:#f3f4f6;color:#374151}.discrepancy-modal__table .border-l{border-left:1px solid #e5e7eb}.discrepancy-modal__table .text-gray{color:#6b7280}.discrepancy-modal__table .text-xs{font-size:.75rem}.discrepancy-modal__table .item-code{color:#9ca3af;display:block;font-size:.75rem;margin-top:2px}.discrepancy-modal__table .badge{border-radius:4px;display:inline-block;font-size:.75rem;padding:.125rem .5rem}.discrepancy-modal__summary{grid-gap:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1.5rem;padding:1rem}.discrepancy-modal__summary-item-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.discrepancy-modal__summary-item-value{color:#111827;font-size:1.125rem;font-weight:700;margin-top:.25rem}.discrepancy-modal__summary-item-value.positive{color:#059669}.discrepancy-modal__summary-item-value.negative{color:#dc2626}.discrepancy-modal__analysis{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#1e40af;font-size:.875rem;line-height:1.5;margin-top:1rem;padding:1rem}.discrepancy-modal__analysis strong{display:block;margin-bottom:.25rem}.discrepancy-modal__footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.discrepancy-modal__footer button{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.discrepancy-modal__footer button:first-child{background:#fff;border:1px solid #d1d5db;color:#374151}.discrepancy-modal__footer button:first-child:hover{background-color:#f9fafb}.discrepancy-modal__footer button:last-child{background:#2563eb;border:1px solid #2563eb;color:#fff}.discrepancy-modal__footer button:last-child:hover{background-color:#1d4ed8}.discrepancy-modal__empty{color:#6b7280;padding:3rem 1rem;text-align:center}.discrepancy-modal__empty.success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.discrepancy-modal__empty.success svg{color:#16a34a}.invoice-reconciliation .cell-stacked{display:flex;flex-direction:column;gap:2px}.invoice-reconciliation .cell-stacked .primary-value{color:#111827;font-size:.875rem;font-weight:500}.invoice-reconciliation .cell-stacked .secondary-value{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:4px}.invoice-reconciliation .cell-stacked .secondary-value:before{content:"Quote: ";font-weight:400}.invoice-reconciliation .cell-stacked.has-diff .primary-value{color:#dc2626}.invoice-reconciliation .cell-stacked.matched .primary-value{color:#059669}.invoice-reconciliation .status-cell.matched{background-color:#ecfdf5;color:#065f46}.invoice-reconciliation .status-cell.discrepancy{background-color:#fef2f2;color:#991b1b}.invoice-reconciliation .status-cell.pending_review{background-color:#fffbeb;color:#92400e}.invoice-reconciliation .filter-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;color:#1d4ed8;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.invoice-reconciliation .filter-badge__close{align-items:center;background:#dbeafe;border:none;border-radius:50%;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:14px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.invoice-reconciliation .filter-badge__close:hover{background:#bfdbfe;color:#1e3a8a}.invoice-reconciliation .action-link-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:.25rem .5rem}.invoice-reconciliation .action-link-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.invoice-reconciliation .action-link-btn svg{height:14px;width:14px}.quotes-contracts{width:100%}.quotes-contracts .badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.quotes-contracts .badge.linked{background-color:#d1fae5;color:#047857}.quotes-contracts .badge.unlinked{background-color:#fef3c7;color:#b45309}.quotes-contracts .badge.completed{background-color:#dbeafe;color:#1d4ed8}.quotes-contracts .cell-stacked{display:flex;flex-direction:column;gap:2px}.quotes-contracts .cell-stacked .primary-value{color:#1f2937;font-size:13px;font-weight:500}.quotes-contracts .cell-stacked .secondary-value{color:#6b7280;font-size:11px}.quotes-contracts .invoice-count{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.quotes-contracts .invoice-count.has-invoices{background-color:#d1fae5;color:#047857}.quotes-contracts .invoice-count.no-invoices{background-color:#f3f4f6;color:#6b7280}.quotes-contracts .invoice-count .count-icon{font-size:14px}.quotes-contracts .action-link-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .15s ease}.quotes-contracts .action-link-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.quotes-contracts .action-link-btn svg{color:#6b7280}.comparison-page{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden}.comparison-page__header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;display:flex;gap:clamp(10px,.7vw + 6px,16px);height:clamp(50px,4vw + 30px,72px);justify-content:space-between;padding:0 clamp(16px,1.2vw + 10px,32px);z-index:10}.comparison-page__header-title{align-items:center;color:#1e293b;display:flex;flex:1 1;font-size:clamp(14px,.8vw + 11px,18px);font-weight:600;gap:clamp(6px,.5vw + 4px,12px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-page__header-actions{align-items:center;display:flex;flex-shrink:0;gap:clamp(6px,.5vw + 4px,12px)}.comparison-page__panel-toggle,.comparison-page__view-toggle{background:#f1f5f9;border-radius:6px;display:flex;margin-right:clamp(10px,.7vw + 6px,16px);padding:2px}.comparison-page__panel-toggle button,.comparison-page__view-toggle button{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:clamp(11px,.6vw + 9px,14px);font-weight:500;padding:clamp(4px,.5vw + 2px,8px) clamp(10px,1vw + 6px,20px);transition:all .15s ease;white-space:nowrap}.comparison-page__panel-toggle button:hover:not(.active),.comparison-page__view-toggle button:hover:not(.active){color:#1e293b}.comparison-page__panel-toggle button.active,.comparison-page__view-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#1e293b}.comparison-page__view-toggle button.active{background:#3b82f6;color:#fff}.comparison-page__header-back{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(11px,.6vw + 9px,14px);gap:5px;padding:clamp(4px,.3vw + 2px,8px) clamp(6px,.5vw + 4px,12px);text-decoration:none}.comparison-page__header-back:hover{color:#1e293b}.comparison-page__content{display:flex;flex:1 1;overflow:hidden}.comparison-page__panel{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.comparison-page__panel:last-child{border-right:none}.comparison-page__panel-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:clamp(11px,.6vw + 9px,14px);font-weight:600;height:clamp(36px,3vw + 24px,48px);justify-content:space-between;padding:clamp(6px,.5vw + 4px,12px) clamp(10px,.7vw + 6px,16px)}.comparison-page__panel-header .bbox-indicator{animation:pulse 2s infinite;color:#10b981;font-size:1.2em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.comparison-page__pdf-container{background:#525659;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:clamp(16px,1.2vw + 10px,32px)}.comparison-page__pdf-container .react-pdf__Document{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.comparison-page__controls{align-items:center;background:#000000b3;border-radius:20px;bottom:clamp(16px,1.2vw + 10px,32px);color:#fff;display:flex;font-size:clamp(11px,.6vw + 9px,14px);gap:clamp(10px,.7vw + 6px,16px);left:50%;padding:clamp(4px,.5vw + 2px,8px) clamp(12px,1vw + 8px,20px);position:absolute;transform:translateX(-50%);z-index:5}.comparison-page__controls button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:clamp(16px,1vw + 12px,22px)}.comparison-page__controls button:disabled{cursor:not-allowed;opacity:.3}.comparison-page__discrepancy-list{overflow-y:auto;padding:clamp(16px,1.2vw + 10px,32px)}.comparison-page__discrepancy-item{background:#fff1f2;border:1px solid #fda4af;border-radius:6px;cursor:pointer;margin-bottom:clamp(6px,.5vw + 4px,12px);padding:clamp(10px,.7vw + 6px,16px);transition:all .2s}.comparison-page__discrepancy-item:hover{box-shadow:0 2px 4px #0000000d}.comparison-page__discrepancy-item--resolved{background:#f0fdf4;border-color:#86efac}.comparison-page__discrepancy-item-title{color:#881337;font-size:clamp(11px,.6vw + 9px,14px);font-weight:600;margin-bottom:5px}.comparison-page__discrepancy-item-desc{color:#4b5563;font-size:clamp(11px,.6vw + 9px,14px)}.comparison-page .btn{border-radius:6px;cursor:pointer;font-size:clamp(11px,.6vw + 9px,14px);font-weight:500;padding:clamp(6px,.5vw + 4px,10px) clamp(12px,1vw + 8px,20px);transition:all .15s ease;white-space:nowrap}.comparison-page .btn-primary{background:#3b82f6;border:none;color:#fff}.comparison-page .btn-primary:hover{background:#2563eb}.comparison-page .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.comparison-page .btn-secondary:hover{background:#f8fafc}@media(max-width:767px){.comparison-page__header{flex-wrap:wrap;gap:8px;height:auto;padding:8px 16px}.comparison-page__header-title{font-size:12px;order:1;width:100%}.comparison-page__header-actions{-webkit-overflow-scrolling:touch;justify-content:flex-start;order:2;overflow-x:auto;padding-bottom:4px;width:100%}.comparison-page__header-actions::-webkit-scrollbar{height:4px}.comparison-page__header-back{font-size:12px;order:0}.comparison-page__panel-toggle,.comparison-page__view-toggle{margin-right:8px}.comparison-page__panel-toggle button,.comparison-page__view-toggle button{font-size:10px;padding:4px 10px}.comparison-page__content{flex-direction:column}.comparison-page__panel{border-bottom:1px solid #e2e8f0;border-right:none;flex:none;height:50%}.comparison-page__panel:last-child{border-bottom:none}.comparison-page__pdf-container{padding:8px}.comparison-page__table-container{font-size:10px}.comparison-page .btn{font-size:10px;padding:6px 12px}}@media(min-width:768px)and (max-width:1023px){.comparison-page__header{padding:0 20px}.comparison-page__pdf-container{padding:16px}}@media(min-width:1280px){.comparison-page__header{height:72px;padding:0 32px}.comparison-page__header-title{font-size:18px}.comparison-page__panel-header{font-size:14px;height:48px;padding:12px 20px}.comparison-page__pdf-container{padding:24px}.comparison-page__controls{gap:20px;padding:8px 20px}.comparison-page__controls button{font-size:20px}.comparison-page .btn{font-size:14px;padding:10px 20px}}@media(min-width:1536px){.comparison-page__header{height:80px;padding:0 48px}.comparison-page__header-title{font-size:20px}.comparison-page__panel-header{font-size:16px;height:56px;padding:16px 24px}.comparison-page__pdf-container{padding:32px}.comparison-page .btn{font-size:16px;padding:12px 24px}}.react-pdf__Page__textContent span.highlight{background-color:#ef444459!important;border-radius:2px;box-shadow:0 0 2px #ef444499}.react-pdf__Page__textContent span.highlight-info,.react-pdf__Page__textContent span.highlight-success{background-color:#10b98159!important;border-radius:2px;box-shadow:0 0 2px #10b98199}.react-pdf__Page__textContent span.highlight-active{background-color:#ffa50080!important;box-shadow:0 0 4px #ff6400cc,0 0 0 2px #ffa50080;position:relative;z-index:100}.pdf-canvas-highlight{transition:opacity .15s ease}.pdf-canvas-highlight:hover{opacity:.95}.comparison-loader{align-items:center;color:#64748b;display:flex;font-size:clamp(14px,.8vw + 11px,18px);height:100vh;justify-content:center}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.docai-pdf-viewer{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.docai-pdf-viewer--empty .docai-pdf-viewer__placeholder{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:14px;justify-content:center}.docai-pdf-viewer__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;font-weight:600;padding:12px 16px}.docai-pdf-viewer__content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:16px}.docai-pdf-viewer__page-wrapper{display:inline-block;position:relative}.docai-pdf-viewer__page-wrapper .react-pdf__Document{line-height:0}.docai-pdf-viewer__page-wrapper .react-pdf__Page{display:inline-block;line-height:0}.docai-pdf-viewer__page-wrapper .react-pdf__Page__canvas{display:block}.docai-pdf-viewer__overlay{left:0;overflow:visible;pointer-events:none;position:absolute;top:0}.docai-pdf-viewer__loading{color:#64748b;font-size:14px;padding:40px}.docai-pdf-viewer__error{color:#dc2626;font-size:14px;padding:20px;text-align:center}.docai-pdf-viewer__controls{align-items:center;background:#f1f5f9;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;padding:10px}.docai-pdf-viewer__controls button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.docai-pdf-viewer__controls button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.docai-pdf-viewer__controls button:disabled{cursor:not-allowed;opacity:.4}.docai-pdf-viewer__controls span{color:#64748b;font-size:13px;min-width:60px;text-align:center}.docai-pdf-viewer__legend{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.docai-pdf-viewer__legend-title{color:#64748b;font-size:11px;font-weight:500}.docai-pdf-viewer__multi-doc-banner{border-bottom:1px solid;font-size:13px;padding:10px 14px}.docai-pdf-viewer__multi-doc-banner--warning{background:#fef3c7;border-color:#fbbf24;color:#92400e}.docai-pdf-viewer__multi-doc-banner--info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.docai-pdf-viewer__multi-doc-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.docai-pdf-viewer__multi-doc-banner-text{flex:1 1;min-width:200px}.docai-pdf-viewer__multi-doc-banner-text strong{font-weight:600}.docai-pdf-viewer__multi-doc-banner-confidence{background:#00000014;border-radius:12px;font-size:11px;padding:2px 8px;white-space:nowrap}.docai-pdf-viewer__multi-doc-banner-icon{font-size:16px}.docai-pdf-viewer__multi-doc-tabs{border-top:1px solid #0000001a;display:flex;gap:6px;margin-top:8px;padding-top:8px}.docai-pdf-viewer__multi-doc-tab{background:#ffffffb3;border:1px solid #00000026;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .15s ease}.docai-pdf-viewer__multi-doc-tab:hover{background:#ffffffe6;border-color:#00000040}.docai-pdf-viewer__multi-doc-tab--active{background:#fff;border-color:#0000004d;cursor:default;font-weight:600}.docai-pdf-viewer__multi-doc-tab--active:hover{background:#fff}.docai-pdf-viewer__child-indicator{background:#e0e7ff;border-bottom:1px solid #a5b4fc;color:#3730a3;font-size:12px;font-weight:500;padding:6px 14px}.pdf-preview-modal{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.pdf-preview-modal__container{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-width:1800px;overflow:hidden;width:95vw}.pdf-preview-modal__header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.pdf-preview-modal__header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.pdf-preview-modal__close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .15s ease;width:36px}.pdf-preview-modal__close:hover{background:#e2e8f0;color:#1e293b}.pdf-preview-modal__body{background:#f1f5f9;display:flex;flex:1 1;gap:16px;overflow:hidden;padding:16px}.pdf-modal-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.pdf-modal-panel--empty .pdf-modal-panel__placeholder{align-items:center;background:#f9fafb;color:#6b7280;display:flex;flex:1 1;font-size:1rem;justify-content:center}.pdf-modal-panel__header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.pdf-modal-panel__nav{align-items:center;display:flex;gap:8px}.pdf-modal-panel__nav button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;width:28px}.pdf-modal-panel__nav button:hover:not(:disabled){background:#f3f4f6}.pdf-modal-panel__nav button:disabled{cursor:not-allowed;opacity:.4}.pdf-modal-panel__nav span{color:#6b7280;font-size:.85rem;font-weight:400}.pdf-modal-panel__content{background:#525659;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.pdf-modal-panel__content .react-pdf__Document{box-shadow:0 4px 6px -1px #0000001a}.pdf-modal-panel__content .react-pdf__Page canvas{height:auto!important;max-width:100%}.pdf-modal-panel__error,.pdf-modal-panel__loading{align-items:center;color:#94a3b8;display:flex;justify-content:center;min-height:300px}.pdf-modal-panel__error{color:#f59e0b}@media(max-width:1024px){.pdf-preview-modal__body{flex-direction:column}.pdf-modal-panel{min-height:40vh}}.classic-view{display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.classic-view__pdf-row{background:#f8fafc;display:flex;flex-shrink:0;gap:clamp(12px,1vw + 8px,24px);padding:clamp(12px,1vw + 8px,24px)}.classic-view__table-section{background:#fff;border-top:1px solid #e2e8f0;flex:1 1;overflow:auto}.pdf-thumbnail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-height:clamp(200px,20vw + 100px,400px);min-height:clamp(150px,15vw + 80px,280px);overflow:hidden;transition:all .2s ease}.pdf-thumbnail:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.pdf-thumbnail:hover .pdf-thumbnail__overlay{opacity:1}.pdf-thumbnail--empty .pdf-thumbnail__placeholder{align-items:center;background:#f9fafb;color:#9ca3af;display:flex;flex:1 1;font-size:clamp(11px,.6vw + 9px,14px);justify-content:center;min-height:clamp(120px,12vw + 60px,220px)}.pdf-thumbnail__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:clamp(11px,.6vw + 9px,14px);font-weight:600;padding:clamp(6px,.5vw + 4px,12px) clamp(10px,.7vw + 6px,16px)}.pdf-thumbnail__preview{align-items:flex-start;background:#525659;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:clamp(10px,.7vw + 6px,16px);position:relative}.pdf-thumbnail__preview .react-pdf__Document{box-shadow:0 2px 8px #0003}.pdf-thumbnail__preview .react-pdf__Page canvas{height:auto!important;max-height:clamp(150px,15vw + 80px,320px);max-width:100%;width:auto!important}.pdf-thumbnail__overlay{align-items:center;background:#3b82f6d9;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.pdf-thumbnail__overlay span{align-items:center;color:#fff;display:flex;font-size:clamp(11px,.6vw + 9px,14px);font-weight:600;gap:clamp(6px,.5vw + 4px,12px)}.pdf-thumbnail__overlay span:before{content:"🔍"}.pdf-thumbnail__loading{color:#94a3b8}.pdf-thumbnail__error,.pdf-thumbnail__loading{align-items:center;display:flex;font-size:clamp(11px,.6vw + 9px,14px);justify-content:center;min-height:clamp(120px,12vw + 60px,220px)}.pdf-thumbnail__error{color:#f59e0b}@media(max-width:767px){.classic-view__pdf-row{flex-direction:column;gap:8px;padding:8px}.pdf-thumbnail{max-height:180px;min-height:140px}.pdf-thumbnail__header{font-size:10px;padding:4px 8px}.pdf-thumbnail__preview{padding:8px}.pdf-thumbnail__preview .react-pdf__Page canvas{max-height:120px}}@media(min-width:768px)and (max-width:1023px){.pdf-thumbnail{max-height:260px}.pdf-thumbnail__preview .react-pdf__Page canvas{max-height:180px}}@media(min-width:1280px){.classic-view__pdf-row{gap:24px;padding:24px}.pdf-thumbnail{max-height:360px;min-height:280px}.pdf-thumbnail__header{font-size:14px;padding:12px 20px}.pdf-thumbnail__preview{padding:20px}.pdf-thumbnail__preview .react-pdf__Page canvas{max-height:280px}.pdf-thumbnail__overlay span{font-size:14px}}@media(min-width:1536px){.classic-view__pdf-row{gap:32px;padding:32px}.pdf-thumbnail{max-height:450px;min-height:350px}.pdf-thumbnail__header{font-size:16px;padding:16px 24px}.pdf-thumbnail__preview{padding:24px}.pdf-thumbnail__preview .react-pdf__Page canvas{max-height:360px}.pdf-thumbnail__overlay span{font-size:16px}}.filename-cell{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-select{-webkit-appearance:none;appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;max-width:130px;padding:4px 24px 4px 8px;transition:all .15s}.category-select:hover{border-color:#2563eb}.category-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.category-select.category-food{background-color:#fef3c7;border-color:#fbbf24;color:#92400e}.category-select.category-fuel{background-color:#fee2e2;border-color:#f87171;color:#991b1b}.category-select.category-accommodation{background-color:#e0e7ff;border-color:#818cf8;color:#3730a3}.category-select.category-transport{background-color:#dbeafe;border-color:#60a5fa;color:#1e40af}.category-select.category-toll{background-color:#fae8ff;border-color:#c084fc;color:#86198f}.category-select.category-parking{background-color:#f3e8ff;border-color:#a78bfa;color:#6b21a8}.category-select.category-office_supplies{background-color:#dcfce7;border-color:#4ade80;color:#166534}.category-select.category-communication{background-color:#ccfbf1;border-color:#2dd4bf;color:#115e59}.category-select.category-other{background-color:#f3f4f6;border-color:#d1d5db;color:#4b5563}.category-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.category-badge.category-other{background-color:#f3f4f6;color:#9ca3af}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.status-badge.status-success{background-color:#dcfce7;color:#166534}.status-badge.status-warning{background-color:#fef3c7;color:#92400e}.status-badge.status-info{background-color:#dbeafe;color:#1e40af}.status-badge.status-error{background-color:#fee2e2;color:#991b1b}.status-badge.status-default{background-color:#f3f4f6;color:#4b5563}.invoice-export-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invoice-export-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invoice-export-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.invoice-export-modal__header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.invoice-export-modal__close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .15s}.invoice-export-modal__close:hover{background:#f3f4f6;color:#111827}.invoice-export-modal__close:disabled{cursor:not-allowed;opacity:.5}.invoice-export-modal__body{padding:24px}.invoice-export-modal__description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 20px}.invoice-export-modal__description strong{color:#1f2937}.invoice-export-modal__presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.invoice-export-modal__presets .preset-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .15s}.invoice-export-modal__presets .preset-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.invoice-export-modal__presets .preset-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.invoice-export-modal__presets .preset-btn:disabled{cursor:not-allowed;opacity:.5}.invoice-export-modal__custom-dates{background:#f9fafb;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.invoice-export-modal__custom-dates .date-input-group{flex:1 1}.invoice-export-modal__custom-dates .date-input-group label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.invoice-export-modal__custom-dates .date-input-group input[type=date]{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px;width:100%}.invoice-export-modal__custom-dates .date-input-group input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.invoice-export-modal__custom-dates .date-input-group input[type=date]:disabled{background:#e5e7eb;cursor:not-allowed}.invoice-export-modal__summary{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:8px;padding:12px 16px}.invoice-export-modal__summary .summary-label{color:#3b82f6;font-size:13px;font-weight:500}.invoice-export-modal__summary .summary-value{color:#1e40af;font-size:13px;font-weight:600}.invoice-export-modal__footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.invoice-export-modal__footer .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.invoice-export-modal__footer .btn-cancel:hover:not(:disabled){background:#f3f4f6}.invoice-export-modal__footer .btn-cancel:disabled{cursor:not-allowed;opacity:.5}.invoice-export-modal__footer .btn-export{align-items:center;background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .15s}.invoice-export-modal__footer .btn-export:hover:not(:disabled){background:#047857}.invoice-export-modal__footer .btn-export:disabled{cursor:not-allowed;opacity:.7}.invoice-export-modal__footer .btn-export svg{flex-shrink:0}.invoice-export-modal__footer .spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:1rem;line-height:1.5}#root,body{min-height:100vh}.loading-container{align-items:center;background-color:#f5f7fa;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-container p{color:#6b7280;font-size:12px}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:48px;text-align:center}.error-card h2{color:#111827;font-size:20px;font-weight:600;margin-bottom:12px}.error-card p{color:#6b7280;font-size:12px;margin-bottom:24px}.btn-login{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .15s ease}.btn-login:hover{background:#2563eb;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f7fa}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#3b82f633;color:#111827}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:8px 16px;transition:all .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#f9fafb;border:1px solid #e5e7eb;color:#111827}.btn-secondary:hover:not(:disabled){background:#f0f0f0}
/*# sourceMappingURL=main.62b4d5cb.css.map*/