@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#53631e;text-decoration:inherit}a:hover{color:#a62232}html,body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f8f9fa;color:#333}.branding-cursive{font-family:Pacifico,cursive}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .2s}button:focus,button:focus-visible,button:hover{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-green: #53631e;--primary-dark-green: #3d4a16;--secondary-green: #d9e89e;--bg-light: #f8f9fa;--text-primary: #1a1c1d;--text-secondary: #5a5e62;--border-color: #e2e8f0;--white: #ffffff;--danger: #a62232}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.table-container::-webkit-scrollbar-thumb,.sidebar-menu::-webkit-scrollbar-thumb,.submenu::-webkit-scrollbar-thumb{background:var(--primary-green)}.table-container::-webkit-scrollbar-thumb:hover,.sidebar-menu::-webkit-scrollbar-thumb:hover,.submenu::-webkit-scrollbar-thumb:hover{background:var(--primary-dark-green)}.orders-page{position:relative;padding:0}.breadcrumb{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;display:flex;align-items:center}.breadcrumb-separator{margin:0 .5rem;color:var(--text-secondary)}.breadcrumb-active{color:var(--text-primary);font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;border:1px solid transparent;outline:none}.btn-primary{background-color:var(--primary-dark-green);color:#fff}.btn-primary:hover{background-color:#2d3610}.btn-secondary{background-color:#fff;border-color:#d1d5db;color:var(--text-primary)}.btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-outline{background-color:transparent;border-color:#d1d5db;color:var(--text-primary)}.btn-outline:hover{background-color:#f3f4f6;border-color:#9ca3af}.content-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:visible!important}.filters-bar{padding:1rem 1.5rem;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);background-color:#fff;flex-shrink:0}.search-filter{position:relative;width:240px;flex-shrink:0;flex-grow:0}.filter-input{width:100%;height:38px;box-sizing:border-box;padding:0 .75rem 0 2.25rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;outline:none;transition:all .2s;background-color:#fff}.filter-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}.select-wrapper{position:relative;width:100%;flex-shrink:0}.filters-bar .select-wrapper{width:140px;flex-shrink:0;flex-grow:0}.select-wrapper select{width:100%;height:38px;box-sizing:border-box;padding:0 2.5rem 0 .75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary);background-color:#fff;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:all .2s}.select-wrapper select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:10px;height:6px;background-color:var(--text-secondary);clip-path:polygon(100% 0%,0 0%,50% 100%);pointer-events:none}.table-container,.packaging-grid{width:100%;padding:1.5rem;box-sizing:border-box}.table-container{width:100%;padding:1.5rem;overflow:visible!important}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:#f9fafb;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.data-table th.sortable:hover{background-color:#f0f2f0}.th-content{display:flex;align-items:center;gap:.5rem;cursor:pointer}.data-table td{padding:1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr:hover{background-color:#fcfdfd}.empty-state-row td{padding:4rem 0;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;color:var(--text-secondary)}.filter-icon-placeholder{width:48px;height:48px;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn-small{width:32px;height:32px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.icon-btn-small:focus,.icon-btn-small:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.icon-btn-small.delete:focus,.icon-btn-small.delete:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.tax-id-action-btn:focus,.tax-id-action-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.searchable-select-trigger:focus{border-color:#3b82f6!important;outline:2px solid #3b82f6!important;outline-offset:-1px!important;box-shadow:0 0 0 3px #3b82f626!important}.icon-btn-small:hover{background-color:#f9fafb;color:var(--primary-dark-green);border-color:var(--primary-green)}.icon-btn-small.delete:hover{background-color:#fef2f2;color:var(--danger);border-color:#fecaca}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;overflow:hidden;animation:modalScaleUp .2s ease-out}.modal-container.small{max-width:420px}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.master-form-container{padding:0;width:100%;overflow:visible!important}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.form-section{padding:1.5rem}.form-section h4{margin-top:0;margin-bottom:1.5rem;color:var(--primary-dark-green);font-size:.95rem;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.form-actions{padding:1.25rem 1.5rem;background-color:#f9fafb;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;border-radius:0 0 8px 8px}.master-form-container .form-actions{position:static!important}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea,.dynamic-input-row input,.port-grid-row input,.port-grid-row select{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9375rem;background-color:#fff;color:var(--text-primary);outline:none;transition:all .2s;box-sizing:border-box}.form-group input::placeholder,.port-grid-row input::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.dynamic-input-row input:focus,.port-grid-row input:focus,.port-grid-row select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.dynamic-input-row input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:var(--border-color)}.form-group input.error,.form-group select.error{border-color:var(--danger)}.error-msg{color:var(--danger);font-size:.75rem;margin-top:.375rem;display:block}.required{color:var(--danger);margin-left:2px}.pagination-container{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);background-color:#fff;flex-shrink:0}.pagination-left{display:flex;align-items:center;gap:2rem}.pagination-info{font-size:.875rem;color:#64748b}.rows-per-page{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#64748b}.rows-select{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;color:#1a1c1d;outline:none;cursor:pointer;background-color:#fff}.rows-select:focus{border-color:#3b82f6}.pagination-controls{display:flex;gap:.25rem;align-items:center}.pagination-btn{min-width:32px;height:32px;padding:0 8px;border-radius:6px;border:1px solid transparent;background-color:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all .2s;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;color:#1e293b}.pagination-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.pagination-btn.active{background-color:#1976d2;color:#fff;box-shadow:0 2px 4px #1976d240}.pagination-btn.active:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.pagination-btn:disabled,.pagination-btn.dots{opacity:.3;cursor:default;pointer-events:none}.toast-notification{position:fixed;top:1.5rem;right:1.5rem;z-index:2000;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color);min-width:280px;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-notification.success{border-left:4px solid #10b981}.toast-notification.error{border-left:4px solid var(--danger)}.toast-notification svg{flex-shrink:0}.toast-notification.success svg{color:#10b981}.toast-notification.error svg{color:var(--danger)}.toast-close{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex}.info-badge{background-color:#e0f2fe;color:#0284c7;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.warning-text{background-color:#fef2f2;color:#991b1b;padding:.75rem;border-radius:6px;font-size:.875rem;margin-top:.5rem}svg{display:block}.icon-btn-small svg,.pagination-btn svg,.toggle-btn svg,.btn svg{display:block;margin:auto}.port-grid-row{display:grid;gap:8px;align-items:center;margin-bottom:8px}.port-grid-row select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.dynamic-input-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.dynamic-input-row{display:flex;gap:.5rem;align-items:center}.btn-text-only{background:none;border:none;color:var(--primary-dark-green);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:4px 6px;border-radius:4px}.btn-text-only:hover{text-decoration:underline}.btn-text-only:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;background-color:#eff6ff}.ports-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.port-badge{background-color:#f1f5e9;color:#4a541b;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;white-space:nowrap}.view-toggle{display:flex;background-color:#f1f5f9;border-radius:8px;padding:3px;margin-right:auto;border:1px solid #cbd5e1;width:fit-content}.toggle-btn{min-width:36px;height:36px;padding:0 .75rem;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-size:.85rem;font-weight:500}.toggle-btn span{white-space:nowrap}.toggle-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px #3b82f626}.toggle-btn:hover:not(.active){background-color:#0000000d;color:var(--text-primary)}.toggle-btn.active{background-color:var(--primary-green);color:#fff;box-shadow:0 2px 4px #0000001a}.order-view-tab-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#3b82f614}.order-list-tab-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.customer-form-tab-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#3b82f614}.searchable-select-add-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;background-color:#dbeafe!important;border-color:#3b82f6!important}.main-content h1:focus-visible,[role=heading]:focus-visible{outline:2px dashed #3b82f6;outline-offset:4px}button[role=tab]:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#3b82f614}.packaging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem}.package-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;cursor:default;min-height:160px}.package-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--primary-green)}.package-icon{width:64px;height:64px;background-color:#f1f5e9;color:var(--primary-green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.package-icon svg{margin:auto;display:block}.package-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.package-card:hover .card-actions{opacity:1}.empty-state-grid{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary);gap:1rem}.erp-table-container{overflow-x:auto}.erp-table{width:100%;border-collapse:separate;border-spacing:0}.erp-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#64748b;padding:.75rem 1rem}.erp-table td{border-bottom:1px solid #f1f5f9;padding:1rem}.editing-row{background-color:#f0fdfa!important}.inline-edit-input{width:100%;padding:.4rem .6rem;border:1px solid var(--primary-green);border-radius:4px;font-size:.85rem;outline:none;background-color:#fff}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spreadsheet-container{border:1.5px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d;background-color:#fff}.order-items-spreadsheet{overflow-x:auto;overflow-y:visible}.order-items-spreadsheet::-webkit-scrollbar{height:8px}.order-items-spreadsheet::-webkit-scrollbar-track{background:#f1f5f9}.order-items-spreadsheet::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.order-items-spreadsheet::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.spreadsheet-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.spreadsheet-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:.625rem .5rem;font-weight:700;color:#475569;text-align:left;white-space:nowrap}.spreadsheet-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0;vertical-align:middle}.spreadsheet-cell-input{width:100%;height:36px;padding:0 .5rem;border:none!important;background-color:transparent;font-size:.8125rem;color:var(--text-primary);outline:none;transition:all .15s;box-sizing:border-box}.order-items-spreadsheet td input:focus,.order-items-spreadsheet td select:focus{background-color:#fff!important;box-shadow:inset 0 0 0 2px #3b82f6!important}.order-items-spreadsheet tr:hover td{background-color:#f0fdf4}.order-items-spreadsheet td input.error,.order-items-spreadsheet td select.error{background-color:#fff5f5!important;box-shadow:inset 0 0 0 2px #ef4444!important}.order-items-spreadsheet input[type=number]::-webkit-inner-spin-button,.order-items-spreadsheet input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.order-items-spreadsheet input[type=number]{appearance:textfield;-moz-appearance:textfield}.status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;white-space:nowrap}.status-badge.initiated{background-color:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.status-badge.proforma{background-color:#fffbeb;color:#b45309;border:1px solid #fef3c7}.status-badge.confirmed{background-color:#ecfdf5;color:#047857;border:1px solid #d1fae5}.status-badge.invoice{background-color:#f5f3ff;color:#6d28d9;border:1px solid #ede9fe}.status-badge.payment{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}:root{--bg-light: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--primary: #53631e;--primary-light: #f3f5ed;--red: #ef4444;--red-bg: #fef2f2;--orange: #f59e0b;--orange-bg: #fffbeb;--green: #10b981;--green-bg: #ecfdf5;--blue: #3b82f6;--blue-bg: #eff6ff}.exec-dashboard{height:calc(100vh - 80px);overflow-y:auto;background:var(--bg-light);padding:1.5rem;font-family:Inter,sans-serif;position:relative}.exec-dashboard::-webkit-scrollbar{width:6px}.exec-dashboard::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dash-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.dash-header .subtitle{color:var(--text-muted);font-size:.85rem;margin-top:4px}.dash-filters{display:flex;gap:1rem;align-items:center}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:.4rem .8rem;color:var(--text-muted)}.search-bar input{border:none;outline:none;margin-left:8px;font-size:.85rem;background:transparent;color:var(--text-main)}.filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-weight:500;color:var(--text-main);outline:none;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.kpi-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;box-shadow:0 2px 8px #00000005;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-card.slant-accent:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#d9e89e;transform:skew(-5deg);transform-origin:top left}.kpi-card.slant-accent.bg-active{border-left:4px solid var(--primary)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.kpi-icon.bg-red{background:var(--red-bg);color:var(--red)}.kpi-icon.bg-orange{background:var(--orange-bg);color:var(--orange)}.kpi-icon.bg-green{background:var(--green-bg);color:var(--green)}.kpi-icon.bg-blue{background:var(--blue-bg);color:var(--blue)}.kpi-info{flex:1}.kpi-info p{font-size:.75rem;color:var(--text-muted);margin:0 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi-info h3{margin:0;font-size:1.4rem;font-weight:800;color:var(--text-main)}.kpi-trend{position:absolute;top:1.25rem;right:1.25rem;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px}.kpi-trend.negative{color:var(--red)}.kpi-trend.positive{color:var(--green)}.kpi-trend.neutral{color:var(--text-muted)}.dash-main-grid{display:grid;grid-template-columns:2.5fr 1.2fr;gap:1.5rem;margin-bottom:1.5rem}.dash-col-left,.dash-col-right{display:flex;flex-direction:column;gap:1.5rem}.dash-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column}.dash-card.side{height:auto}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.btn-text{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background .2s}.btn-text.filter{border:1px solid var(--border-color)}.btn-text:hover{color:var(--text-main);background:var(--bg-light)}.slim-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;outline:none;font-size:.8rem;cursor:pointer}.receivables-layout{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.pie-chart-container{flex:1;display:flex;align-items:center;gap:1.5rem;min-width:250px}.css-pie-chart{width:140px;height:140px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.pie-hole{width:90px;height:90px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000000d}.pie-hole span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.pie-hole strong{font-size:1rem;color:var(--text-main);font-weight:800}.pie-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);font-weight:500}.legend-item .dot{width:12px;height:12px;border-radius:4px}.dot.bg-red{background:var(--red)}.dot.bg-orange{background:var(--orange)}.dot.bg-blue{background:var(--blue)}.legend-item span:last-child{font-size:.75rem;color:var(--text-main);font-weight:700;margin-left:auto}.bar-chart-container{flex:1;border-left:1px solid var(--border-color);padding-left:2rem;min-width:200px}.bar-chart-container h4{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted)}.bar-wrapper{height:120px;display:flex;align-items:flex-end;gap:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:8px;position:relative}.bar-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--bg-light)}.bar-wrapper:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--bg-light)}.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;flex:1;z-index:1}.bar-col{width:28px;background:var(--blue);border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease-out;position:relative}.bar-col:hover{background:var(--primary)}.bar-val{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;color:var(--text-muted)}.bar-group span{font-size:.7rem;color:var(--text-muted);font-weight:500}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.action-box{padding:1.25rem 1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .2s,background-color .2s;border:1px solid transparent}.action-box:hover{transform:translateY(-3px)}.action-box.red{background:var(--red-bg);border-color:#fee2e2}.action-box.orange{background:var(--orange-bg);border-color:#fef3c7}.action-box.blue{background:var(--blue-bg);border-color:#dbeafe}.action-box.green{background:var(--green-bg);border-color:#d1fae5}.action-box.gray{background:#f1f5f9;border-color:#e2e8f0}.action-count{font-size:1.75rem;font-weight:800;color:var(--text-main);margin-bottom:6px}.action-label{font-size:.75rem;color:var(--text-muted);font-weight:600;line-height:1.2}.table-wrapper{overflow-x:auto}.dash-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.dash-table th{padding:.75rem 1rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--border-color)}.dash-table td{padding:.85rem 1rem;font-size:.85rem;border-bottom:1px solid var(--bg-light);color:var(--text-main);vertical-align:middle}.dash-table tr{cursor:pointer;transition:background .2s}.dash-table tbody tr:hover td{background:var(--bg-light)}.dash-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:8px}.user-avatar{width:24px;height:24px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--text-muted)}.status-pill{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;display:inline-block}.status-pill.success{background:var(--green-bg);color:var(--green)}.status-pill.pending{background:var(--orange-bg);color:var(--orange)}.status-pill.danger{background:var(--red-bg);color:var(--red)}.status-pill.info{background:var(--blue-bg);color:var(--blue)}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-xs{font-size:.7rem;color:var(--text-muted)}.side-list{display:flex;flex-direction:column;gap:.75rem}.side-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-light);border-radius:8px;cursor:pointer;transition:background .2s}.side-list-item:hover{background:#f1f5f9;border-color:var(--border-color)}.side-item-l{display:flex;align-items:center;gap:10px}.icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 1px 3px #0000000d}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.details{display:flex;flex-direction:column}.details strong{font-size:.85rem;color:var(--text-main);font-weight:600}.details span{font-size:.7rem;color:var(--text-muted)}.side-item-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.btn-small{background:#fff;border:1px solid var(--border-color);padding:4px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;font-weight:600;color:var(--text-main);transition:all .2s}.btn-small:hover{border-color:var(--primary);color:var(--primary)}.compliance-cards{display:flex;flex-direction:column;gap:1rem}.comp-card{background:var(--blue-bg);border:1px solid #bfdbfe;border-radius:10px;padding:1.25rem 1rem;display:flex;justify-content:space-between;align-items:center}.comp-card.outline{background:#fff;border:1px dashed var(--border-color)}.comp-card h4{margin:0 0 4px;font-size:.85rem;color:var(--text-main);font-weight:600}.comp-card span{font-size:.75rem;color:var(--text-muted)}.comp-val{font-size:1.75rem;font-weight:800;color:var(--primary)}.empty-state-sm{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem}.dashboard-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--primary);gap:1rem}.loader-spinner{width:40px;height:40px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spinner 1s linear infinite}.floating-activity-pane{position:fixed;bottom:2rem;right:2rem;width:320px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease,opacity .3s ease}.floating-activity-pane.collapsed{transform:translateY(110%);opacity:0;pointer-events:none}.floating-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.floating-header h4{margin:0;font-size:.9rem;font-weight:600}.floating-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted)}.floating-toggle:hover{color:var(--text-main)}.floating-content{max-height:250px;overflow-y:auto;padding:.5rem 0}.floating-content::-webkit-scrollbar{width:4px}.floating-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.activity-item{display:flex;gap:12px;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.activity-item:last-child{border-bottom:none}.activity-icon{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:6px}.activity-text{display:flex;flex-direction:column}.activity-text span{font-size:.8rem;color:var(--text-main)}.activity-text small{font-size:.65rem;color:var(--text-muted);margin-top:2px}.fab-activity{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #53631e4d;cursor:pointer;z-index:999;border:none;transition:transform .2s}.fab-activity:hover{transform:scale(1.05)}.fab-activity.hidden{display:none}:root{--dashboard-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e2e8f0;--accent-green: #53631e;--accent-glow: rgba(83, 99, 30, .08);--accent-lime: #d9e89e;--text-dim: #5a5e62;--text-main: #1a1c1d}.modern-dashboard{display:grid;grid-template-columns:1.5fr .8fr;grid-template-rows:auto auto;gap:1.5rem;padding:1.5rem;background:#f8fafc;height:calc(100vh - 80px);overflow-y:auto;font-family:Inter,sans-serif;box-sizing:border-box}.modern-dashboard::-webkit-scrollbar{width:6px}.modern-dashboard::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:10px}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-banner{flex-direction:row;justify-content:space-between;padding:0;min-height:240px;background:linear-gradient(135deg,#1a1c1d,#3d4a16);color:#fff}.hero-content{padding:2.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-content h1{font-size:2.25rem;margin:0;font-weight:800;background:linear-gradient(to right,#fff,var(--accent-lime));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{color:#cbd5e1;max-width:500px;margin:1rem 0;font-size:1rem;line-height:1.5}.hero-stats-row{display:flex;gap:2.5rem;margin-top:1rem}.mini-stat{display:flex;flex-direction:column}.mini-stat .num{font-size:1.5rem;font-weight:800;color:var(--accent-green)}.mini-stat .txt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.hero-decoration{width:40%;position:relative;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to left,black 60%,transparent);mask-image:linear-gradient(to left,black 60%,transparent)}.flow-container{grid-column:1 / 2;grid-row:1 / 2;min-height:400px}.flow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.business-icon{background:var(--accent-green);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #53631e4d}.flow-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-main)}.flow-title p{margin:4px 0 0;font-size:.85rem;color:var(--text-dim)}.region-selector{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;gap:4px}.region-btn{border:none;background:transparent;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .2s}.region-btn.active{background:#fff;color:var(--accent-green);box-shadow:0 2px 4px #0000001a}.visual-flow{flex:1;position:relative;display:flex;align-items:center}.output-indicator{position:absolute;left:0;z-index:5}.output-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.output-value{font-size:2rem;font-weight:800;color:var(--text-main)}.trend-indicator{font-size:.75rem;font-weight:700;margin-top:4px}.trend-indicator.positive{color:#10b981}.flow-svg{width:100%;height:100%}.flow-path{fill:none;stroke:#cbd5e1;stroke-width:2;stroke-opacity:.3}.flow-path.active{stroke:var(--accent-green);stroke-opacity:.6;stroke-dasharray:8 4;animation:flowDash 20s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-200}}.destination-stat{margin-bottom:1.25rem;border-left:3px solid var(--accent-green);padding-left:1rem}.destination-stat .label{display:block;font-size:.7rem;color:var(--text-dim)}.destination-stat .value{font-size:1rem;font-weight:700;color:var(--text-main)}.card-footer-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.stat-item .label{font-size:.7rem;color:var(--text-dim)}.stat-item .value{font-size:1.25rem;font-weight:800;color:var(--text-main)}.unit{font-size:.7rem;color:var(--text-dim);margin-left:4px}.quality-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;margin-top:8px;overflow:hidden}.quality-bar .fill{height:100%;background:var(--accent-green);border-radius:3px}.details-card{grid-column:1 / 2;grid-row:2 / 3}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detail-box{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.detail-box:hover{border-color:var(--accent-green);transform:translateY(-2px)}.detail-info{display:flex;flex-direction:column}.detail-info .label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase}.detail-info .val{font-size:.9rem;font-weight:700;color:var(--text-main)}.side-card{grid-column:2 / 3;grid-row:1 / 3;background:#fff}.hero-stats{margin-bottom:2rem;text-align:center}.hero-stats h1{font-size:2.5rem;margin:0;letter-spacing:.1em}.badge-premium{background:var(--accent-glow);color:var(--accent-green);padding:4px 12px;border-radius:20px;font-size:.65rem;font-weight:800;letter-spacing:.1em}.progress-circle-container{position:relative;width:180px;height:180px;margin:2rem auto}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{font-size:2.5rem;font-weight:800;display:block}.progress-info{font-size:.75rem;color:var(--text-dim)}.circular-chart{display:block;margin:10px auto;max-width:100%;max-height:250px}.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:3.8}.circle{fill:none;stroke:var(--accent-green);stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .3s ease}@keyframes dash{to{stroke-dashoffset:0}}.flow-animation{stroke-dasharray:10,10;animation:flowmove 2s linear infinite}@keyframes flowmove{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.modern-switch{width:44px;height:22px;background:#e2e8f0;border-radius:11px;position:relative;cursor:pointer}.modern-switch.on{background:var(--accent-green)}.switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.2s}.modern-switch.on .switch-thumb{left:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%}.widget-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;height:380px;transition:transform .2s ease,box-shadow .2s ease}.widget-card:hover{box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--card-border)}.widget-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--text-main)}.widget-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--accent-glow);color:var(--accent-green)}.widget-badge{background:#f1f5f9;color:var(--text-dim);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px}.widget-badge.alert{background:#fef2f2;color:#ef4444}.widget-badge.warning{background:#fffbeb;color:#f59e0b}.widget-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:4px}.widget-content::-webkit-scrollbar{width:4px}.widget-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.widget-content:hover::-webkit-scrollbar-thumb{background:var(--accent-green)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.list-item:hover{background:#fff;border-color:var(--accent-green);box-shadow:0 2px 8px #53631e14}.list-item-left{display:flex;flex-direction:column;gap:4px}.item-title{font-size:.9rem;font-weight:600;color:var(--text-main)}.item-subtitle{font-size:.75rem;color:var(--text-dim);display:flex;align-items:center;gap:6px}.list-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-status{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#fef2f2;color:#ef4444}.status-warning{background:#fffbeb;color:#d97706}.status-info{background:#eff6ff;color:#3b82f6}.status-success{background:#ecfdf5;color:#10b981}.item-value{font-size:.85rem;font-weight:700;color:var(--text-main)}.empty-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);opacity:.7;text-align:center;gap:.5rem}.summary-blocks{display:flex;gap:1rem;margin-bottom:1rem}.summary-block{flex:1;background:#f8fafc;padding:1rem;border-radius:12px;display:flex;flex-direction:column;gap:.5rem}.summary-block .label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.summary-block .val{font-size:1.5rem;font-weight:800;color:var(--text-main)}.summary-block.overdue .val{color:#ef4444}.full-width{grid-column:1 / -1}.dashboard-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--accent-green);gap:1rem}.loader-spinner{width:40px;height:40px;border:3px solid var(--accent-glow);border-top-color:var(--accent-green);border-radius:50%;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.dp-container{position:relative;width:100%;height:36px}.dp-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;box-sizing:border-box;min-height:30px;height:100%;box-shadow:0 1px 2px #0000000d}.dp-input-wrapper:hover{border-color:#cbd5e1}.dp-input-wrapper:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none}.dp-input-wrapper.dp-input-focused{border-color:#53631e;box-shadow:0 0 0 3px #53631e1a}.dp-input-wrapper.dp-disabled{background-color:#f8fafc;border-color:#e2e8f0;cursor:not-allowed}.dp-input-wrapper.dp-disabled:hover{border-color:#e2e8f0}.dp-input-wrapper.dp-disabled .dp-input{color:#94a3b8!important;cursor:not-allowed}.dp-calendar-icon{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.dp-input-focused .dp-calendar-icon{color:#53631e}.dp-input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-size:.9375rem!important;color:#1e293b!important;cursor:pointer;padding:0!important;box-shadow:none!important;height:auto!important;min-width:0}.dp-input::placeholder{color:#9ca3af}.dp-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;border-radius:50%;transition:all .15s ease;flex-shrink:0}.dp-clear-btn:hover{background-color:#fee2e2;color:#ef4444}.dp-dropdown{position:absolute;top:0;left:0;z-index:1100;width:288px;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px;box-shadow:0 12px 30px #00000026;overflow:hidden;animation:dpSlideIn .18s ease-out}@keyframes dpSlideIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;gap:4px}.dp-nav-btn{display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border:1px solid #e5e7eb;background-color:#f9fafb;color:#374151;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.dp-nav-btn svg{display:block!important;width:16px;height:16px;color:inherit;stroke:currentColor;flex-shrink:0}.dp-nav-btn:hover{background-color:#e5e7eb;color:#1f2937;border-color:#d1d5db}.dp-header-label{flex:1;text-align:center;font-size:.875rem;font-weight:600;color:#1f2937;background:none;border:none;cursor:pointer;border-radius:6px;padding:4px 8px;transition:all .15s ease;letter-spacing:.01em}.dp-header-label:hover{background-color:#f3f4f6}.dp-header-label-static{cursor:default}.dp-header-label-static:hover{background-color:transparent}.dp-body{padding:0 12px}.dp-slide-next{animation:dpSlideNext .2s ease-out}.dp-slide-prev{animation:dpSlidePrev .2s ease-out}@keyframes dpSlideNext{0%{opacity:.3;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes dpSlidePrev{0%{opacity:.3;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dp-weekday{text-align:center;font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:4px 0}.dp-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{display:flex;align-items:center;justify-content:center;height:34px;font-size:.8125rem;font-weight:500;color:#374151;border-radius:8px;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;position:relative}.dp-day:hover{background-color:#f0fdf4;color:#3d4a16}.dp-day:focus{outline:2px solid #3b82f6!important;outline-offset:1px;box-shadow:0 0 0 3px #3b82f640;z-index:1}.dp-day-other{color:#d1d5db;cursor:default}.dp-day-disabled{color:#cbd5e1!important;cursor:not-allowed!important;background-color:transparent!important;pointer-events:none!important;opacity:.6}.dp-day-disabled:hover{background-color:transparent!important;color:#cbd5e1!important}.dp-day-other:hover{background-color:transparent;color:#d1d5db}.dp-day-today{color:#53631e;font-weight:700;position:relative}.dp-day-today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#53631e}.dp-day-selected{background:linear-gradient(135deg,#53631e,#3d4a16)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #53631e4d}.dp-day-selected:after{display:none}.dp-day-selected:hover{background:linear-gradient(135deg,#3d4a16,#2d3610)!important;color:#fff!important}.dp-months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}.dp-month-cell{display:flex;align-items:center;justify-content:center;height:40px;font-size:.8125rem;font-weight:500;color:#374151;border-radius:8px;cursor:pointer;transition:all .12s ease}.dp-month-cell:hover{background-color:#f0fdf4;color:#3d4a16}.dp-month-cell:focus{outline:2px solid #3b82f6!important;outline-offset:1px;box-shadow:0 0 0 3px #3b82f640;z-index:1}.dp-month-active{background:linear-gradient(135deg,#53631e,#3d4a16)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #53631e40}.dp-month-active:hover{background:linear-gradient(135deg,#3d4a16,#2d3610)!important;color:#fff!important}.dp-years-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}.dp-year-cell{display:flex;align-items:center;justify-content:center;height:40px;font-size:.8125rem;font-weight:500;color:#374151;border-radius:8px;cursor:pointer;transition:all .12s ease}.dp-year-cell:hover{background-color:#f0fdf4;color:#3d4a16}.dp-year-cell:focus{outline:2px solid #3b82f6!important;outline-offset:1px;box-shadow:0 0 0 3px #3b82f640;z-index:1}.dp-year-active{background:linear-gradient(135deg,#53631e,#3d4a16)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #53631e40}.dp-year-active:hover{background:linear-gradient(135deg,#3d4a16,#2d3610)!important;color:#fff!important}.dp-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;border-top:1px solid #f3f4f6;margin-top:4px}.dp-today-btn,.dp-clear-footer-btn{border:none;background:none;font-size:.78rem;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s ease}.dp-today-btn{color:#53631e}.dp-today-btn:hover{background-color:#f0fdf4;color:#3d4a16}.dp-clear-footer-btn{color:#9ca3af}.dp-clear-footer-btn:hover{background-color:#fef2f2;color:#ef4444}.dp-manual-wrapper{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000d;height:100%;min-height:30px;box-sizing:border-box}.dp-manual-wrapper:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none}.dp-manual-wrapper.dp-manual-disabled{background-color:#f0f4f8}.dp-manual-cal-btn{flex-shrink:0;padding:6px 8px;background:none;border:none;border-left:1px solid #e2e8f0;cursor:pointer;color:#64748b;display:flex;align-items:center;outline:none}.dp-manual-cal-btn:disabled{cursor:not-allowed}.dp-manual-cal-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;color:#3b82f6}.proforma-invoice-page{position:relative;padding:0}.proforma-invoice-page .breadcrumb{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;display:flex;align-items:center}.proforma-invoice-page .breadcrumb-separator{margin:0 .5rem;color:var(--text-secondary)}.proforma-invoice-page .breadcrumb-active{color:var(--text-primary);font-weight:500}.proforma-invoice-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.proforma-invoice-page .page-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.proforma-invoice-page .subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.warning{background-color:#fef3c7;color:#92400e}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.icon-btn-small.generate:hover{background-color:#e0e7ff;border-color:#6366f1;color:#6366f1}.product-options-list{display:flex;flex-direction:column;gap:1rem}.product-options-list .version-option-item.active{border-color:var(--primary-green);background:#f0fdf4;box-shadow:0 0 0 1px var(--primary-green)}.checkbox-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s;flex-shrink:0}.checkbox-custom.checked{background:var(--primary-green);border-color:var(--primary-green)}.checkmark{width:10px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);margin-top:-2px}.form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:#f9fafb}.proforma-form{padding:0}.section-title{font-size:1rem;font-weight:700;color:var(--primary-dark-green);margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);display:block;width:100%;text-transform:uppercase;letter-spacing:.025em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:0}.form-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.req{color:#ef4444;font-weight:700}.form-input{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease;background-color:var(--white);line-height:1.5}.form-input:hover{border-color:#cbd5e1}.form-input.error{border-color:#ef4444}.highlighted-field{background-color:#fffbeb;padding:1rem;border-radius:8px;border:1px dashed #fbbf24}.highlighted-field .form-input{border-color:#fbbf24}select.form-input{cursor:pointer;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background-color:#f9fafb;border-radius:0 0 8px 8px}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.form-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--pi-black: #000000;--pi-green: #2a7d3f;--pi-font: Calibri, "Calibri Light", Arial, sans-serif;--pi-base-size: 11px;--pi-border: 1.5px solid #000;--pi-border-thin: 1px solid #000}.proforma-view-container{background-color:#f0f2f5;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh}.invoice-header-bar{width:210mm;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1.25rem;border-bottom:1px solid #ddd;box-shadow:0 1px 4px #0000001a;margin-bottom:1rem;z-index:10}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;color:#444}.back-btn:hover{background:#f9f9f9}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#a62232;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.print-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--pi-green);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.invoice-document.a4-page{background:#fff;width:210mm;min-height:297mm;display:flex;flex-direction:column;border:1.5px solid #000;box-sizing:border-box;font-family:var(--pi-font);color:var(--pi-black);margin-bottom:2.5rem;overflow:hidden;padding:8mm}.invoice-document.a4-page>*{break-inside:avoid}.invoice-document.a4-page .sigs-strip,.invoice-document.a4-page .clean-footer{break-inside:avoid-page;break-before:avoid-page}.doc-top{display:flex;justify-content:space-between;align-items:center;padding:4px 16px}.doc-logo-left{display:flex;align-items:center;flex-shrink:0}.doc-logo-right{display:flex;align-items:center;flex-shrink:0;overflow:hidden}.brand-logo-img{height:55px;object-fit:contain;display:block}.cert-logos{display:flex;align-items:center;gap:10px}.cert-logo-img{height:28px;display:block;object-fit:contain}.doc-title-bar{border-top:var(--pi-border);border-bottom:var(--pi-border);text-align:center;padding:2px 0}.doc-title-bar h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.5px}.company-meta-table{width:100%;border-collapse:collapse;border:var(--pi-border)}.cell-company{width:50%;padding:6px 10px;border-right:var(--pi-border);vertical-align:top}.cell-meta{width:50%;padding:0;vertical-align:top}.company-name{font-weight:700;font-size:11px;margin-bottom:2px}.company-addr{font-size:10px;line-height:1.4}.meta-header-box{padding:4px 10px;border-bottom:var(--pi-border-thin)}.meta-title{font-size:12px;font-weight:600;margin-bottom:2px}.meta-data-line{display:flex;align-items:baseline;font-size:12px}.meta-id-large{font-weight:700;font-size:12px}.meta-date-large{margin-left:auto}.meta-small-rows{padding:3px 0}.meta-small-row{display:flex;font-size:12px;min-height:22px;align-items:center}.meta-key-sm{width:140px;padding:0 12px;font-weight:600}.meta-val-sm{flex:1;padding:0 8px}.m-colon{font-weight:700;margin-right:5px}.consignee-notify-table{width:100%;border-collapse:collapse;border:var(--pi-border)}.half-cell{width:50%;padding:4px 8px;vertical-align:top}.consignee-notify-table td:first-child{border-right:var(--pi-border)}.cn-label{font-weight:700;font-size:10px;text-decoration:underline;margin-bottom:3px}.cn-body{font-size:10px;line-height:1.3}.shipment-grid{width:100%;border-collapse:collapse}.sh-cell{border:var(--pi-border-thin);padding:3px 6px;vertical-align:top}.w-25{width:25%}.w-50{width:50%}.border-center{border-right:var(--pi-border)}.sh-label{font-size:11px;font-weight:600;color:#333;margin-bottom:2px}.sh-data{font-size:12px;font-weight:700}.sh-terms-row{display:flex;font-size:12px;margin-bottom:2px}.sh-term-label{width:120px;font-weight:600}.sh-term-val{font-weight:700}.items-section{border-top:var(--pi-border);border-bottom:var(--pi-border)}.items-table{width:100%;border-collapse:collapse;table-layout:fixed}.items-table th{border:var(--pi-border-thin);padding:2px 3px;font-size:9px;text-align:center;vertical-align:middle}.items-table td{border:var(--pi-border-thin);padding:2px 4px;font-size:9px}.col-sno{width:6%;text-align:center}.col-marks{width:8%}.col-can,.col-carton{width:6.5%}.col-kind{width:7%}.col-nopkg{width:6%}.col-type{width:5%}.col-desc{width:17%}.col-hs{width:8%;word-break:break-all;overflow-wrap:break-word}.col-qty{width:8%}.col-uom{width:5%}.col-rate{width:8%}.col-amt{width:12%}.border-right-center{border-right:var(--pi-border)!important}.no-bottom-border-group td:nth-child(-n+4){border-bottom:none}.item-row:last-child td:nth-child(-n+4){border-bottom:var(--pi-border-thin)}.category-row td{padding:3px 8px;border-bottom:none;border-top:none}.totals-row td{font-size:12px;border-top:1.5px solid #000;padding:6px 8px}.lower-info-strip{padding:8px 16px}.words-line{font-size:11px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #e0e0e0}.weights-area{margin-bottom:6px}.w-row{display:flex;font-size:11px;margin-bottom:2px;align-items:baseline}.w-key{width:150px;font-weight:700}.w-val{width:110px}.w-note{margin-left:15px;font-weight:600;font-size:12px}.w-ship{margin-left:auto;font-weight:700}.side-by-side-grid{display:flex;width:100%;align-items:flex-start}.bank-col{width:55%;padding-right:20px}.docs-col{width:45%}.subtitle{font-weight:700;margin-bottom:5px;font-size:12px}.underline{text-decoration:underline}.b-line{display:flex;margin-bottom:2px;font-size:12px}.b-key{width:130px;font-weight:700}.b-val{font-weight:700;flex:1;white-space:pre-wrap;word-break:break-word}.docs-list{font-size:12px;line-height:1.5}.sigs-spacer-block{height:100px}.sigs-strip{display:flex;width:100%;margin-top:auto}.sig-half{width:50%;min-height:80px;border:var(--pi-border-thin);display:flex;flex-direction:column;padding:8px}.border-left{border-left:var(--pi-border)}.sig-space{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:50px}.sig-text{text-align:center;font-weight:700;font-size:12px;padding-top:4px}.sig-title{text-align:center;font-weight:700;font-size:12px;margin-bottom:8px}.stamp-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.stamp-company{color:#03c;font-size:12px;font-weight:700;margin-bottom:12px}.stamp-role{color:#03c;font-size:12px;font-weight:700;text-align:right;width:100%}.clean-footer{padding:10px 0 15px;background:#fff;text-align:center;margin-top:auto}.clean-footer>*{break-inside:avoid;break-before:avoid}.f-main-name{font-size:16px;font-weight:700;color:var(--pi-green);margin-bottom:2px}.f-cin{font-size:11px;color:#666;font-weight:600;margin-bottom:8px}.f-locations{display:flex;justify-content:center;padding:0 30px;margin-bottom:10px}.f-loc-item{flex:1;padding:0 15px}.loc-title{color:var(--pi-green);font-size:12px;font-weight:700;text-decoration:underline;margin-bottom:3px}.loc-addr{font-size:10px;line-height:1.4;color:#444;font-weight:600}.border-left-green{border-left:1.5px solid var(--pi-green)}.f-contact-strip{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--pi-green);font-weight:600;border-top:1.5px solid var(--pi-green);margin:5px 60px 0;padding-top:10px}.invoice-document .col-sno{width:5%}.invoice-document .col-marks{width:6%}.invoice-document .col-nopkg{width:10%}.invoice-document .col-carton{width:7%}.invoice-document .col-desc{width:25%}.invoice-document .col-hs{width:13%;word-break:break-all;overflow-wrap:break-word}.invoice-document .col-qty{width:10%}.invoice-document .col-rate{width:11%}.invoice-document .col-amt{width:13%}.ta-center{text-align:center}.ta-right{text-align:right}.ta-left{text-align:left}.fw-bold{font-weight:700}@media print{.proforma-view-container{padding:0;background:none;min-height:0}.invoice-header-bar{display:none!important}.invoice-document.a4-page{border:1.5px solid #000;box-shadow:none;margin:0;min-height:0;padding:8mm}@page{size:A4;margin:0}}:root{--invoice-border: #000;--invoice-text: #000;--invoice-bg: #fff;--divider-pos: 55%;--primary-green: #53631e;--primary-dark-green: #3f4b17;--white: #ffffff;--border-color: #e5e7eb;--text-primary: #111827}.invoice-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;background-color:var(--white);padding:1.25rem 2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a;max-width:210mm;margin-left:auto;margin-right:auto;box-sizing:border-box;width:100%}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--border-color);background-color:var(--white);color:var(--text-primary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.back-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:var(--primary-green)}.invoice-actions{display:flex;gap:.75rem;align-items:center}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;color:#fff;font-size:.9rem}.print-btn{background-color:#1f2937}.print-btn:hover{background-color:#111827;transform:translateY(-1px)}.download-btn{background-color:#a62232}.download-btn:hover{background-color:#8c1c2a;transform:translateY(-1px)}.invoice-view-container{background-color:#f3f4f6;padding:2rem;min-height:100vh}.pixel-invoice{background-color:var(--invoice-bg);width:210mm;min-height:297mm;margin:0 auto;padding:8mm;color:var(--invoice-text);font-family:Calibri,Calibri Light,Arial,sans-serif;font-size:10pt;border:1.5px solid #000;box-shadow:0 0 20px #0000001a;box-sizing:border-box}.pixel-invoice div,.pixel-invoice table,.pixel-invoice th,.pixel-invoice td{box-sizing:border-box}.u-border-b{border-bottom:1px solid var(--invoice-border)}.u-border-t{border-top:1px solid var(--invoice-border)}.u-border-r{border-right:1px solid var(--invoice-border)}.u-border-l{border-left:1px solid var(--invoice-border)}.main-header{text-align:center;padding:4px 0;border-bottom:1px solid var(--invoice-border)}.main-header h1{font-size:14pt;margin:0;font-weight:700;letter-spacing:1px}.grid-row{display:flex;width:100%}.col-left{width:var(--divider-pos)}.col-right{width:calc(100% - var(--divider-pos));border:1px solid var(--invoice-border);border-left:none;box-sizing:border-box}.grid-cell{padding:6px 10px;min-height:24px;border:1px solid var(--invoice-border);box-sizing:border-box}.cell-label{font-size:7.5pt;font-weight:600;text-decoration:underline;margin-bottom:2px}.cell-content{line-height:1.3}.bold-text{font-weight:700}.small-text{font-size:8pt}.flex-split{display:flex;width:100%}.half-width{width:50%}.registration-list{padding:8px 12px}.reg-row{display:flex;font-size:8.5pt;line-height:1.4;padding:2px 0}.reg-label{width:105px;flex-shrink:0}.reg-sep{width:12px;flex-shrink:0}.reg-val{flex:1;overflow:hidden;text-overflow:ellipsis}.logistics-grid{display:flex;flex-wrap:wrap;width:100%}.log-item{width:25%;min-height:40px;padding:6px 8px}.log-item.half{width:50%}.label-inline-val{display:flex;align-items:flex-start}.pixel-table{width:100%;border-collapse:collapse;margin-top:-1px}.pixel-table th,.pixel-table td{border:1px solid var(--invoice-border);padding:7px 8px;vertical-align:top;font-size:10pt;overflow-wrap:break-word;word-break:break-word}.pixel-table thead th{font-weight:600;text-align:center;background-color:#fff}.item-row td,.filler-row td{border-top:none;border-bottom:none}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.hs-code-wrap{margin-top:40px;text-align:center;font-weight:700;word-break:break-all;overflow-wrap:break-word}.total-row td{font-weight:700;border-top:1px solid var(--invoice-border);padding:8px 6px}.amount-row{padding:10px}.bottom-blocks{display:flex;width:100%;justify-content:space-between}.weights-pane{display:flex;gap:40px;padding:10px;flex-shrink:0}.fcl-pane{padding:10px;text-align:right;flex-shrink:0}.row-space-between{display:flex;justify-content:space-between;margin-bottom:4px}.bank-section{padding:8px 10px}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;margin-top:5px}.sig-pane{width:45%;border-left:1px solid #000}.epcg-pane{width:55%;padding:10px}.signature-space{height:80px}.declaration{padding:10px;line-height:1.4}.final-footer{padding:15px 25px;text-align:right}.for-fre{font-weight:700;font-size:11pt;color:#1e3a8a}@media print{body{background:none;padding:0;margin:0}.invoice-view-container{background:none;padding:0;min-height:0}.no-print{display:none!important}.pixel-invoice{border:1.5px solid #000;box-shadow:none;min-height:0;padding:8mm}@page{size:A4;margin:0}}.form-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-modal{background-color:var(--white);border-radius:8px;box-shadow:0 20px 60px #00000026;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:#fafafa}.form-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:var(--text-primary)}.invoice-form{padding:0}.form-container{padding:1.5rem}.form-section{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-green);display:inline-block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group label:after{content:""}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease;background-color:var(--white)}.form-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}.form-input:hover{border-color:var(--primary-green)}.form-input.disabled{background-color:#f3f4f6;color:var(--text-secondary);cursor:not-allowed}.form-input.error{border-color:#ef4444;background-color:#fef2f2}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a;border-color:#ef4444}.highlighted-field{background-color:#fffbeb;padding:1.25rem;border-radius:8px;border:1px dashed #fbbf24;margin-top:1rem}.highlighted-field label{color:#92400e!important;font-weight:700!important}.highlighted-field .form-input{border-color:#fbbf24;background-color:#fff}.highlighted-field .form-input:focus{box-shadow:0 0 0 3px #fbbf2433}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}select.form-input{cursor:pointer;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M1 4l5 4 5-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:block}.required-star{color:#ef4444;font-weight:700;margin-left:2px}.form-input.error{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color);background-color:#fafafa}.form-actions .btn{min-width:140px;justify-content:center}.invoice-form-wrapper{background:var(--white)}@media(max-width:768px){.form-modal{max-height:100vh;border-radius:8px 8px 0 0}.form-grid{grid-template-columns:1fr}.form-container{padding:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.form-modal::-webkit-scrollbar{width:6px}.form-modal::-webkit-scrollbar-track{background:transparent}.form-modal::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px}.form-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-dark-green)}.table-container::-webkit-scrollbar{height:12px!important;display:block!important}.table-container::-webkit-scrollbar-track{background:#f8fafc!important;border-radius:6px!important;border:1px solid #e2e8f0!important}.table-container::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:6px!important;border:2px solid #f8fafc!important}.table-container::-webkit-scrollbar-thumb:hover{background:#475569!important}.table-container{scrollbar-width:auto!important;scrollbar-color:#64748b #f8fafc!important;overflow-x:auto!important;overflow-y:visible!important;padding-bottom:12px!important;max-width:100%}.form-input:focus,.close-btn:focus{outline:none;box-shadow:0 0 0 3px #53631e33}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #53631e4d}.preview-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-modal-container{background-color:#f3f4f6;width:90%;height:95vh;max-width:1000px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.preview-modal-header{padding:1.25rem 2rem;background:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.preview-modal-header h2{margin:0;font-size:1.5rem;color:var(--primary-dark-green)}.preview-modal-content{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}@media print{.preview-modal-overlay,.form-modal-overlay{display:none!important}}.invoice-summary-container{display:flex;justify-content:flex-end;margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.summary-box{width:320px;display:flex;flex-direction:column;gap:.85rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#64748b}.tax-input-group{display:flex;align-items:center;gap:.75rem}.tax-input-group span{white-space:nowrap}.tax-input{width:70px;padding:6px 10px;border:1.5px solid #e2e8f0;border-radius:6px;text-align:right;font-weight:600;color:#1e293b;background-color:#fff!important;outline:none}.tax-input:focus{border-color:var(--primary-green);background-color:#f0fdf4}.grand-total{margin-top:.5rem;padding-top:.85rem;border-top:2px solid #e2e8f0;font-weight:800;font-size:1.2rem;color:#1e293b}.grand-total span:last-child{color:#059669}.invoice-page{position:relative;padding:0}.invoice-page .breadcrumb{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;display:flex;align-items:center}.invoice-page .breadcrumb-separator{margin:0 .5rem;color:var(--text-secondary)}.invoice-page .breadcrumb-active{color:var(--text-primary);font-weight:500}.invoice-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.invoice-page .page-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.invoice-page .subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.header-titles{flex:1}.header-actions{display:flex;gap:1rem;align-items:center}.btn{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border:none;transition:all .2s ease}.btn-primary{background-color:var(--primary-green);color:#fff}.btn-primary:hover{background-color:var(--primary-dark-green);transform:translateY(-1px);box-shadow:0 4px 12px #53631e40}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-light);border-color:var(--primary-green)}.content-card{background-color:var(--white);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px #0000000d}.filters-bar{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;align-items:center;background-color:#fafafa}.search-filter{position:relative;flex:1;max-width:400px}.search-icon-small{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.filter-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #53631e1a}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background-color:#fafafa}.data-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);background-color:#fafafa}.th-content{display:flex;align-items:center;gap:.5rem}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f9fafb}.empty-state-row{text-align:center}.empty-state{padding:3rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.filter-icon-placeholder{margin-bottom:1rem;opacity:.5}.empty-state p{color:var(--text-secondary);margin:.5rem 0;font-size:.9rem}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.paid{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.overdue{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem;align-items:center}.icon-btn-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--white);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.icon-btn-small:hover{background-color:var(--bg-light);border-color:var(--primary-green);color:var(--primary-green)}.icon-btn-small.delete:hover{background-color:#fee2e2;border-color:#ef4444;color:#ef4444}.icon-btn-small.view:hover{background-color:#d1fae5;border-color:#10b981;color:#10b981}.icon-btn-small.print:hover{background-color:#dbeafe;border-color:#3b82f6;color:#3b82f6}.icon-btn-small.history{min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.history-row td{background:#fbfbfc;padding:.5rem 1.25rem}.history-panel{display:flex;flex-direction:column;gap:.75rem}.history-header{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--white)}.history-meta{display:flex;flex-direction:column;gap:.25rem}.version-tag{display:flex;align-items:center;gap:.75rem}.version-remark{font-size:.8rem;color:var(--text-secondary);font-style:italic;background:#f3f4f6;padding:.1rem .5rem;border-radius:4px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:.75rem;color:#9ca3af}.history-actions{display:flex;gap:.5rem}.version-selector-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.version-selector-modal{background:#fff;width:90%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.selector-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.selector-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.selector-content{padding:1.5rem}.selector-instruction{font-size:.875rem;color:#4b5563;margin-bottom:1.25rem}.version-options-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:4px}.version-option-item{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.version-option-item:hover{border-color:var(--primary-green);background:#f0fdf4;transform:translateY(-1px)}.option-primary{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.v-label{font-weight:700;color:var(--primary-dark-green);font-size:1rem}.v-date{font-size:.75rem;color:#6b7280}.option-remarks{font-size:.8125rem;color:#4b5563;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-badge{display:inline-block;padding:.375rem .75rem;background-color:#e8f5e9;color:#2e7d32;border-radius:4px;font-size:.8rem;font-weight:500}@media(max-width:1024px){.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.btn{flex:1;justify-content:center}}@media(max-width:768px){.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}.filters-bar{flex-direction:column}.search-filter{max-width:100%}}@media print{.filters-bar,.header-actions{display:none}.content-card{box-shadow:none;border:none}}.um-section-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;border-radius:10px;padding:.375rem;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000a;width:fit-content}.um-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;position:relative}.um-tab:hover:not(.active){background-color:#f3f4f6;color:var(--text-primary)}.um-tab.active{background-color:var(--primary-dark-green);color:#fff;box-shadow:0 2px 6px #3d4a1640}.um-tab-count{font-size:.7rem;font-weight:700;background:#fff3;padding:.1rem .45rem;border-radius:9999px;min-width:18px;text-align:center}.um-tab:not(.active) .um-tab-count{background:#e5e7eb;color:var(--text-secondary)}.um-user-cell{display:flex;align-items:center;gap:.75rem}.um-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.um-role-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:6px;font-size:.78rem;font-weight:600;letter-spacing:.01em}.um-status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;padding:.3rem .7rem;border-radius:9999px}.um-status-badge.active{background-color:#f0fdf4;color:#15803d}.um-status-badge.inactive{background-color:#fef2f2;color:#b91c1c}.um-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.um-status-badge.active .um-status-dot{background-color:#22c55e;box-shadow:0 0 0 3px #22c55e26;animation:um-pulse 2s infinite}.um-status-badge.inactive .um-status-dot{background-color:#ef4444}@keyframes um-pulse{0%,to{box-shadow:0 0 0 3px #22c55e26}50%{box-shadow:0 0 0 6px #22c55e0d}}.um-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.um-role-card{background:#fff;border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;box-shadow:0 1px 3px #0000000f;transition:all .25s ease;display:flex;flex-direction:column}.um-role-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);border-color:#cbd5e1}.um-role-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.um-role-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-role-card-info h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.um-role-user-count{font-size:.78rem;color:var(--text-secondary);font-weight:500}.um-role-description{font-size:.84rem;color:var(--text-secondary);line-height:1.55;margin:0 0 1rem;flex-grow:1}.um-role-card-footer{padding-top:.875rem;border-top:1px solid #f1f5f9}.um-role-permissions-summary{display:flex;gap:.4rem;flex-wrap:wrap}.um-perm-dot{font-size:.85rem;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.um-perm-dot.granted{background-color:#f0fdf4;border:1px solid #bbf7d0}.um-perm-dot.denied{background-color:#fef2f2;border:1px solid #fecaca;opacity:.5;filter:grayscale(.8)}.um-role-card-users{margin-top:1rem;padding-top:.875rem;border-top:1px solid #f1f5f9}.um-mini-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.um-role-avatars{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.um-mini-avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:default;transition:transform .15s}.um-mini-avatar:hover{transform:scale(1.15)}.um-access-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.um-access-legend{display:flex;gap:1rem;align-items:center}.um-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary);font-weight:500}.um-check-on{width:18px;height:18px;border-radius:4px;background-color:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.um-check-off{width:18px;height:18px;border-radius:4px;background-color:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center}.um-access-table th{font-size:.7rem!important;padding:.5rem .375rem!important}.um-role-col-header{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.78rem;font-weight:700;text-transform:none;letter-spacing:0}.um-role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.um-perm-header-row th{background-color:#f1f5f9!important;font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:center!important;padding:.35rem .25rem!important;color:#64748b!important;border-bottom:2px solid var(--border-color)!important}.um-perm-th{min-width:52px}.um-module-cell{display:flex;align-items:center;gap:.5rem}.um-mod-icon{font-size:1rem}.um-perm-cell{text-align:center!important;padding:.5rem .25rem!important}.um-toggle-btn{width:26px;height:26px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.um-toggle-btn.on{background-color:#dcfce7;color:#16a34a;border-color:#bbf7d0}.um-toggle-btn.on:hover:not(.locked){background-color:#bbf7d0;border-color:#86efac;transform:scale(1.1)}.um-toggle-btn.off{background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.um-toggle-btn.off:hover:not(.locked){background-color:#fecaca;border-color:#fca5a5;transform:scale(1.1)}.um-toggle-btn.locked{opacity:.6;cursor:not-allowed}.icon-btn-small.activate{color:#16a34a;border-color:#bbf7d0}.icon-btn-small.activate:hover{background-color:#f0fdf4;color:#15803d;border-color:#86efac}@media(max-width:768px){.um-section-tabs{width:100%;overflow-x:auto}.um-roles-grid{grid-template-columns:1fr}.um-access-header{flex-direction:column;gap:.75rem;align-items:flex-start}}:root{--primary-green: #53631e;--primary-dark-green: #3d4a16;--secondary-green: #d9e89e;--bg-light: #f8f9fa;--text-primary: #1a1c1d;--text-secondary: #5a5e62;--border-color: #e2e8f0;--white: #ffffff;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--header-height: 70px;--transition-speed: .3s}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-primary)}.dashboard-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;transition:width var(--transition-speed) cubic-bezier(.4,0,.2,1);position:relative;z-index:1000}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-container{width:auto;height:100%;flex-shrink:0;order:-1}.logo-container{height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 1.5rem;border-bottom:1px solid var(--border-color);gap:.75rem;transition:padding var(--transition-speed)}.collapsed .logo-container{padding:0}.logo-image{width:140px;height:auto;object-fit:contain;transition:opacity var(--transition-speed)}.logo-image-small{width:42px;height:42px;object-fit:contain;transition:transform .3s ease}.collapsed .logo-image-small{transform:scale(1.1)}.branding-cursive{font-family:Pacifico,cursive;font-weight:400!important}.chevron-right{margin-left:auto;font-size:1.25rem;color:var(--text-secondary)}.sidebar-menu{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background-color:var(--primary-green);border-radius:4px}.menu-item,.menu-item-header{display:flex;align-items:center;padding:.85rem 1.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s;justify-content:space-between;white-space:nowrap;background:transparent;border:none;width:100%;text-align:left;font-family:inherit;font-size:inherit}.menu-item:focus-visible,.menu-item-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#eff6ff;color:var(--primary-dark-green)}.collapsed .menu-item,.collapsed .menu-item-header{padding:.85rem 0;justify-content:center;position:relative;display:flex;align-items:center}.menu-label{display:flex;align-items:center;gap:.75rem;font-weight:500;width:100%}.collapsed .sidebar-menu{overflow:visible!important}.collapsed .menu-item.active,.collapsed .menu-item-header.active{border-right:none;position:relative}.collapsed .menu-item.active:before{content:"";position:absolute;inset:5px 15px;background:#f1f5e9;border-radius:10px;z-index:-1;border-right:3px solid var(--primary-green)}.menu-label span{transition:opacity .2s,transform .2s,width .2s;display:inline-block}.collapsed .menu-label{justify-content:center;width:60px;margin:0 auto}.collapsed .menu-label span{opacity:0;width:0;padding:0;margin:0;pointer-events:none;transform:translate(-10px);overflow:hidden}.menu-label svg{flex-shrink:0;transition:transform .2s}.collapsed .menu-label svg{margin:0 auto}.menu-item:hover,.menu-item-header:hover{background-color:#f9fafb;color:var(--primary-green)}.collapsed .menu-item:hover,.collapsed .menu-item-header:hover{background-color:#f1f5e9}.menu-item.active{background-color:#f1f5e9;color:var(--primary-dark-green);border-right:3px solid var(--primary-dark-green)}.expanded-bg{background-color:#f7fee7;color:var(--primary-dark-green)}.submenu{background-color:#f9fafb;padding:.5rem 0;transition:all .3s ease}.collapsed .menu-group{position:relative}.collapsed .submenu{display:none;position:absolute;left:calc(var(--sidebar-collapsed-width) - 5px);top:0;width:200px;background:var(--white);border-radius:0 10px 10px 0;box-shadow:10px 0 30px #0000001a;border:1px solid var(--border-color);border-left:none;padding:.75rem 0;z-index:2000}.collapsed .menu-group:hover .submenu,.collapsed .menu-group:focus-within .submenu{display:block;animation:slideInRight .2s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.submenu-item{padding:.65rem 1.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s;background:transparent;border:none;width:100%;text-align:left;font-family:inherit}.collapsed .submenu-item{padding-left:1.25rem}.submenu-item:hover{color:var(--primary-green);background:#f1f5e9}.submenu-item:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#eff6ff;color:var(--primary-dark-green)}.submenu-item.active{background-color:var(--primary-green)!important;color:#fff!important;margin:0 .5rem;border-radius:6px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f3f4f6;min-width:0;position:relative;z-index:10}.top-header{height:var(--header-height);background-color:var(--white);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding:0;visibility:visible!important;opacity:1!important}.sidebar-toggle-btn svg{display:block;visibility:visible!important;opacity:1!important}.sidebar-toggle-btn:hover{background:#f1f5e9;color:var(--primary-green);border-color:var(--primary-green);transform:scale(1.05)}.sidebar-toggle-btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px;background:#f1f5e9;color:var(--primary-green);border-color:var(--primary-green)}.sidebar-toggle-btn.collapsed{background:var(--primary-green);color:var(--white);border-color:var(--primary-green)}.search-bar{display:flex;align-items:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;width:400px}.search-icon{color:var(--text-secondary);margin-right:.75rem}.search-input{border:none;background:transparent;outline:none;width:100%;font-size:.9rem}.search-input{color:var(--text-primary)}.search-input::placeholder{color:#9ca3af;opacity:1}.header-actions{display:flex;align-items:center;gap:1.5rem}.notification-icon{position:relative;cursor:pointer;color:var(--text-secondary)}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer}.avatar-initials{width:32px;height:32px;background-color:var(--primary-dark-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary)}.user-chevron{color:var(--text-secondary)}.content-wrapper.no-padding{padding:0}.empty-state-container{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;background:transparent}.empty-state-content{text-align:center;max-width:400px;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;border:1px solid var(--border-color)}.empty-state-icon{margin-bottom:2rem;color:#cbd5e1;display:flex;justify-content:center}.empty-state-icon svg{filter:drop-shadow(0 10px 15px rgba(0,0,0,.05))}.empty-state-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.empty-state-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.empty-state-content .btn{border-radius:12px;padding:.75rem 1.5rem}.content-wrapper{flex:1;overflow-y:auto;padding:2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}.login-page{position:relative;min-height:100vh;width:100vw;display:flex;font-family:Inter,sans-serif;background:#1e2e08}.login-page{position:relative;min-height:100vh;width:100vw;display:grid;grid-template-columns:1fr 1fr;font-family:Inter,sans-serif;background:#1e2e08;overflow:hidden}.login-left{grid-column:1;grid-row:1;min-height:100vh;background:#fff;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,3vh,2rem) clamp(1rem,2vw,2.2rem);box-sizing:border-box;clip-path:polygon(0% 0%,100% 0%,94% 100%,0% 100%)}.login-left-inner{width:100%;max-width:clamp(320px,90%,560px);display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vh,1.2rem);box-sizing:border-box}.login-left-header{flex-shrink:0;width:100%;display:flex;justify-content:center;padding-top:clamp(.8rem,2.5vh,1.6rem);padding-bottom:1.4rem;border-bottom:1px solid #f0f0f0;margin-bottom:1.2rem;position:relative;z-index:1}.login-brand-logo{width:clamp(80px,60%,200px);height:auto;object-fit:contain}.login-left-tagline{flex-shrink:0;text-align:center;padding:0 .4rem;margin-bottom:0;position:relative;z-index:1}.login-left-tagline h2{font-size:clamp(1rem,1.4vw,1.3rem);font-weight:800;color:#1e2d08;line-height:1.3;letter-spacing:-.02em;margin-bottom:.3rem}.login-left-tagline h2 span{color:#5a9018}.login-left-tagline p{font-size:clamp(.68rem,.85vw,.78rem);color:#6b7280;line-height:1.5}.login-left-img{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden}.login-basket-img{width:auto;height:auto;max-width:100%;max-height:100%;min-width:70%;object-fit:contain;object-position:center;border-radius:18px}.login-features{flex-shrink:0;display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;margin-top:auto;padding-top:1.2rem;padding-bottom:clamp(.8rem,2vh,1.4rem)}.login-feature-badge{display:flex;align-items:center;gap:.35rem;background:#f0f7e4;border:1px solid #c8e08a;color:#3d5e10;font-size:clamp(.65rem,.9vw,.74rem);font-weight:600;padding:.32rem .65rem;border-radius:50px;white-space:nowrap}.login-feature-badge svg{color:#5a9018;flex-shrink:0}.login-right{grid-column:2;grid-row:1;min-height:100vh;background:#1e2e08;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:clamp(1.2rem,3vh,2.5rem) clamp(1.5rem,4vw,4rem) clamp(1.2rem,3vh,2.5rem) clamp(2rem,6vw,5rem);overflow:hidden}.login-deco-ring{position:absolute;border-radius:50%;pointer-events:none;border:1.5px solid rgba(255,255,255,.05)}.ring-1{width:360px;height:360px;top:-140px;right:-100px}.ring-2{width:220px;height:220px;top:-70px;right:-30px;border-color:#ffffff17}.ring-3{width:300px;height:300px;bottom:-120px;left:90px;border-color:#5a901824}.login-box{width:100%;max-width:380px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.login-heading{margin-bottom:1.8rem}.login-title{font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:.35rem}.login-subtitle{font-size:.85rem;color:#8aaa50}.login-api-error{background:#f871711f;border:1px solid rgba(248,113,113,.35);border-left:3px solid #f87171;color:#fca5a5;font-size:.82rem;padding:.6rem 1rem;border-radius:10px;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.38rem}.login-field label{font-size:.8rem;font-weight:500;color:#a8c06a}.login-input-wrapper{display:flex;align-items:center;background:#131f05;border:1.5px solid #2e4010;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.login-input-wrapper:focus-within{border-color:#6a9e20;box-shadow:0 0 0 3px #6a9e202e}.login-input-wrapper.has-error{border-color:#f87171}.login-input-icon{display:flex;align-items:center;padding:0 .9rem;color:#4a6618;flex-shrink:0}.login-input-wrapper input{flex:1;padding:.85rem .7rem .85rem 0;background:transparent;border:none;outline:none;font-size:.88rem;font-family:Inter,sans-serif;color:#e5e7eb}.login-input-wrapper input::placeholder{color:#384d14}.login-eye-btn{background:none;border:none;padding:0 .9rem;cursor:pointer;color:#4a6618;display:flex;align-items:center;transition:color .2s;flex-shrink:0}.login-eye-btn:hover{color:#8ab82a}.login-error{font-size:.71rem;color:#f87171;font-weight:500;padding-left:.4rem}.login-forgot-row{display:flex;justify-content:flex-end;margin-top:-.2rem}.login-forgot{font-size:.79rem;color:#7ab82a;font-weight:500;text-decoration:none;transition:color .2s}.login-forgot:hover{color:#a0d040;text-decoration:underline}.login-btn-primary{width:100%;padding:.92rem;background:#5a9018;color:#fff;border:none;border-radius:10px;font-size:.96rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:.4rem;box-shadow:0 4px 18px #5a901861;transition:background .2s,box-shadow .2s,transform .15s}.login-btn-primary:hover:not(:disabled){background:#6aaa1e;box-shadow:0 6px 24px #5a901885;transform:translateY(-1px)}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-footer-text{font-size:.7rem;color:#3e5418;text-align:center;margin-top:1.6rem}.login-spinner{width:19px;height:19px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}@media(max-width:1100px){.login-left{padding:clamp(.8rem,2vh,1.5rem) clamp(.8rem,1.5vw,1.5rem)}.login-right{padding:clamp(1rem,2.5vh,2rem) clamp(1.2rem,3vw,2.5rem) clamp(1rem,2.5vh,2rem) clamp(1.5rem,4vw,3rem)}}@media(max-width:960px){.login-left{padding:clamp(.7rem,1.8vh,1.3rem) clamp(.7rem,1.3vw,1.3rem)}.login-right{padding:clamp(1rem,2vh,2rem) clamp(1rem,2.5vw,2rem) clamp(1rem,2vh,2rem) clamp(1.3rem,3.5vw,2.5rem)}}@media(max-width:768px){.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{padding:2rem;justify-content:center;align-items:center}.login-box{max-width:420px;width:100%}}@media(max-width:480px){.login-right{padding:0 1.5rem}.login-title{font-size:1.85rem}.login-box{max-width:100%}}#root{width:100%;padding:0;margin:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}