.landing-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column;align-items:center;padding:40px 20px}.landing-header{text-align:center;margin-bottom:60px}.landing-header h1{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.landing-header p{font-size:1.2rem;color:#fffc}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:900px;width:100%}.section-card{background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 20px 60px #0000004d;transition:transform .3s,box-shadow .3s}.section-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #0006}.section-icon{font-size:3rem;margin-bottom:20px}.section-card h2{font-size:1.5rem;color:#333;margin-bottom:15px}.section-card p{color:#666;line-height:1.6;margin-bottom:25px}.section-links{display:flex;flex-direction:column;gap:12px}.section-btn{display:block;padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;text-align:center;transition:all .2s}.products-section .section-btn{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.products-section .section-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #11998e66}.camt-section .section-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.camt-section .section-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.landing-footer{margin-top:auto;padding-top:60px;text-align:center}.landing-footer p{color:#ffffff80;font-size:.9rem}@media (max-width: 768px){.landing-header h1{font-size:2.5rem}.sections-grid{grid-template-columns:1fr}.section-card{padding:30px 20px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.login-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0000004d}.login-card h1{margin:0 0 8px;color:#1a1a2e;font-size:2rem;text-align:center}.login-subtitle{margin:0 0 30px;color:#666;text-align:center;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.9rem;font-weight:500;color:#333}.form-group input{padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;text-align:center}.login-btn{background:#4a90d9;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:10px}.login-btn:hover:not(:disabled){background:#3a7bc8}.login-btn:disabled{background:#9ec5eb;cursor:not-allowed}.camt-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;max-height:100vh;overflow-y:auto;position:relative}.camt-header{position:sticky;top:0;background:#fff;z-index:100;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:20px;padding-top:0}.camt-header .header-controls{display:flex;gap:12px;align-items:center}.camt-header h1{font-size:28px;color:#333;margin-bottom:8px}.camt-header p{color:#666;font-size:14px}.loading{text-align:center;padding:60px;font-size:18px;color:#666}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border:1px solid #dee2e6}.stat-card:nth-child(1){border-left:4px solid #495057}.stat-card:nth-child(2){border-left:4px solid #28a745}.stat-card:nth-child(3){border-left:4px solid #dc3545}.stat-number{font-size:36px;font-weight:700;margin-bottom:8px;color:#212529}.stat-label{font-size:14px;color:#495057;font-weight:500}.table-container{overflow-x:auto;margin-bottom:30px;border:1px solid #eee;border-radius:8px;position:relative;max-height:calc(100vh - 350px);overflow-y:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.data-table thead{background-color:#f8f9fa}.data-table th{position:sticky;top:0;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;background-color:#f8f9fa;z-index:10}.data-table td{padding:12px;border-bottom:1px solid #eee}.data-table tbody tr:hover{background-color:#f8f9fa}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-debtor{background-color:#e3f2fd;color:#1976d2}.badge-creditor{background-color:#f3e5f5;color:#7b1fa2}.party-name{font-weight:500;color:#333}.iban{font-family:Courier New,monospace;font-size:13px;color:#666}.category-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.category-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.iban-filter{min-width:220px;padding:10px 14px;border:2px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;background-color:#fff;cursor:pointer;transition:all .2s}.iban-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.iban-filter:hover{border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.chart-page{padding:20px;max-width:100%}.chart-page .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}.chart-page .header h1{font-size:24px;color:#333;margin-bottom:5px}.chart-page .header p{color:#666;font-size:14px}.chart-page .header-controls{display:flex;gap:12px;align-items:center}.split-container{display:flex;gap:20px;height:calc(100vh - 180px)}.chart-pane{flex:1;min-width:0;display:flex;flex-direction:column}.chart-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1}.chart-pane .stats{display:flex;gap:15px;margin-top:15px}.chart-pane .stat-card{flex:1;background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #dee2e6}.chart-pane .stat-card:nth-child(1){border-left:4px solid #495057}.chart-pane .stat-card:nth-child(2){border-left:4px solid #52c41a}.chart-pane .stat-card:nth-child(3){border-left:4px solid #f5222d}.chart-pane .stat-number{font-size:24px;font-weight:700;color:#212529}.chart-pane .stat-label{font-size:12px;color:#495057;margin-top:4px}.transactions-pane{width:400px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden}.transactions-header{padding:15px 20px;border-bottom:2px solid #eee;display:flex;justify-content:space-between;align-items:center}.transactions-header h2{font-size:16px;color:#333;margin:0}.selected-bar-label{background:#e6f7ff;color:#1890ff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;padding:20px;text-align:center}.transactions-list{flex:1;overflow-y:auto;padding:10px}.category-group{margin-bottom:15px;border:1px solid #eee;border-radius:6px;overflow:hidden}.category-header{display:flex;align-items:center;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #eee}.category-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.category-header.clickable:hover{background:#e9ecef}.category-toggle{margin-right:8px;font-size:10px;color:#666}.category-count{color:#888;font-size:12px;margin-left:6px}.category-name{font-weight:600;color:#333;font-size:13px}.category-total{font-weight:600;font-size:13px;margin-left:auto}.category-total.positive{color:#52c41a}.category-total.negative{color:#f5222d}.category-transactions{padding:5px 0}.transaction-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f5f5f5}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{background:#fafafa}.tx-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tx-counterparty{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-date{font-size:11px;color:#999}.tx-amount{font-weight:600;font-size:12px;white-space:nowrap;margin-left:10px}.tx-amount.positive{color:#52c41a}.tx-amount.negative{color:#f5222d}.btn-secondary{background:linear-gradient(135deg,#00b4db,#0083b0);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b4db66}.iban-filter{min-width:150px;padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:13px;font-weight:500;background-color:#fff;cursor:pointer}.iban-filter:focus{outline:none;border-color:#00b4db}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:4px;margin-bottom:15px}.loading{text-align:center;padding:40px;color:#666}.btn-logout{background:#dc3545;color:#fff}.btn-logout:hover{background:#c82333}.client-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px}.upload-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.upload-box{margin-bottom:20px}.file-input{display:none}.file-label{display:block;padding:40px 20px;border:2px dashed #ddd;border-radius:8px;text-align:center;cursor:pointer;color:#666;font-size:16px;transition:all .2s ease}.file-label:hover{border-color:#667eea;color:#667eea;background:#f8f9ff}.selectors{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.selector-group{display:flex;flex-direction:column;gap:6px}.selector-group label{font-weight:500;color:#555;font-size:14px}.selector-group select{padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:14px;min-width:200px;background:#fff;cursor:pointer}.selector-group select:focus{outline:none;border-color:#667eea}.limit-input{width:80px;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:14px}.limit-input:focus{outline:none;border-color:#667eea}.input-value{font-weight:500;color:#333}.match-value{color:#555}.score-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:600;font-size:13px}.score-high{background:#d4edda;color:#155724}.score-medium{background:#fff3cd;color:#856404}.score-low{background:#f8d7da;color:#721c24}.picker-cell{min-width:280px}.alert-success{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #c3e6cb}.product-count{margin-top:16px;color:#666;font-size:14px}.loading-indicator{text-align:center;padding:40px;color:#666;font-size:16px}.no-products{text-align:center;padding:60px 20px;color:#666;font-size:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.unmapped{color:#999;font-style:italic}.alert-error{display:flex;justify-content:space-between;align-items:center}.alert-error button{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7}.alert-error button:hover{opacity:1}.row-manual{background:#f0f9ff}.manual-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#667eea;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.score-manual{background:#667eea;color:#fff}.product-picker{position:fixed;right:50px;top:50%;transform:translateY(-50%);width:400px;max-height:80vh;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;display:flex;flex-direction:column}.picker-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid #eee}.picker-search{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.picker-search:focus{outline:none;border-color:#667eea}.picker-close{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:6px;font-size:18px;cursor:pointer;color:#666}.picker-close:hover{background:#e0e0e0;color:#333}.picker-categories{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid #eee;background:#fafafa}.picker-categories select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;max-width:180px}.picker-categories select:focus{outline:none;border-color:#667eea}.picker-products{flex:1;overflow-y:auto}.picker-product{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.picker-product:hover{background:#f5f7ff}.picker-product-name{font-weight:500;color:#333}.picker-product-name-en{font-size:12px;color:#888}.picker-product-category{font-size:11px;color:#999}.picker-no-results{padding:20px;text-align:center;color:#999;font-size:14px}.btn-small{padding:6px 12px;font-size:13px}.btn-accept{background:#28a745;color:#fff;margin-right:8px}.btn-accept:hover{background:#218838}.row-accepted{background:#d4edda}.accepted-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#28a745;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.save-bar{display:flex;justify-content:space-between;align-items:center;background:#e8f5e9;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #c8e6c9}.pending-count{color:#2e7d32;font-weight:500}.alert-success{display:flex;justify-content:space-between;align-items:center}.alert-success button{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7}.alert-success button:hover{opacity:1}.table-container{max-height:none;overflow-y:visible;overflow-x:auto}.ontology-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.ontology-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:20px;max-width:1400px;margin-left:auto;margin-right:auto}.ontology-header h1{font-size:2rem;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.ontology-header p{opacity:.9}.search-box input{padding:10px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;width:250px}.search-box input:focus{outline:none;border-color:#667eea}.view-toggle{display:flex;gap:5px}.view-toggle button,.expand-controls button{padding:10px 16px;background:#f0f0f0;color:#333;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.view-toggle button:hover,.expand-controls button:hover{background:#e0e0e0}.view-toggle button.active{background:#667eea;color:#fff}.expand-controls{display:flex;gap:10px}.stat-number{font-size:1.5rem;font-weight:700;color:#667eea}.ontology-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px #0003;max-width:1400px;margin-left:auto;margin-right:auto}.tree-view ul{list-style:none;padding-left:25px;margin:0}.tree-view>ul{padding-left:0}.tree-view li{position:relative;padding:5px 0}.tree-view li:before{content:"";position:absolute;left:-20px;top:0;border-left:2px solid #ddd;height:100%}.tree-view li:after{content:"";position:absolute;left:-20px;top:15px;border-top:2px solid #ddd;width:15px}.tree-view li:last-child:before{height:15px}.tree-view>ul>li:before,.tree-view>ul>li:after{display:none}.node{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.node:hover{background:#e9ecef;border-color:#667eea}.node.level-1{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1.1rem}.node.level-2{background:#e8f4fd;color:#1976d2;font-weight:500}.node.level-3{background:#e8f5e9;color:#388e3c}.node.level-4{background:#fff3e0;color:#f57c00}.node.level-5{background:#fce4ec;color:#c2185b}.node.level-6{background:#f3e5f5;color:#7b1fa2}.node-id{font-size:.75rem;opacity:.7;font-family:monospace}.node-name{font-weight:inherit}.name-en{opacity:.7;font-weight:400;font-size:.9em}.toggle-icon{font-size:.8rem;transition:transform .2s}.toggle-icon.collapsed{transform:rotate(-90deg)}.highlight{background:#ff0!important;color:#333!important;border-color:#f0c000!important}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.category-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff}.category-card h3{font-size:1.2rem;margin-bottom:15px}.subcategories{display:flex;flex-wrap:wrap;gap:8px}.subcategory-tag{background:#fff3;padding:5px 12px;border-radius:20px;font-size:.85rem}.node-actions,.card-actions{display:flex;gap:5px;margin-left:auto;visibility:hidden}.node:hover .node-actions,.card-header:hover .card-actions{visibility:visible}.action-btn{background:transparent;border:none;cursor:pointer;padding:2px 6px;font-size:.9rem;opacity:.7;transition:opacity .2s;border-radius:4px}.action-btn:hover{opacity:1;background:#0000001a}.node.level-1 .action-btn:hover{background:#fff3}.toggle-icon-placeholder{width:12px}.edit-input{padding:4px 8px;border:2px solid #667eea;border-radius:4px;font-size:inherit;font-weight:inherit;background:#fff;color:#333;min-width:200px}.edit-input:focus{outline:none}.new-category-input,.new-root-category{margin:10px 0 10px 45px}.new-root-category{margin-left:0;margin-bottom:20px}.new-category-input input,.new-root-category input{padding:8px 15px;border:2px dashed #667eea;border-radius:8px;font-size:1rem;min-width:250px;background:#f8f9ff}.new-category-input input:focus,.new-root-category input:focus{outline:none;border-style:solid;background:#fff}.add-root-btn{white-space:nowrap}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-header h3{margin:0}.card-actions .action-btn{opacity:.8}.card-actions .action-btn:hover{opacity:1;background:#fff3}.modal h3{margin-top:0;color:#333}.modal .warning{color:#dc3545;font-weight:500}@media (max-width: 768px){.controls{flex-direction:column;align-items:stretch}.search-box input{width:100%}.stats{margin-left:0;justify-content:space-around}.ontology-header{flex-direction:column;gap:15px;text-align:center}}.products-container{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px}.products-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:20px;max-width:1400px;margin-left:auto;margin-right:auto}.products-header h1{font-size:2rem;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.products-header p{opacity:.9}.controls{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 10px 40px #0003;display:flex;gap:20px;flex-wrap:wrap;align-items:center;max-width:1400px;margin-left:auto;margin-right:auto}.search-box{display:flex;flex-direction:column;gap:5px}.search-box label{font-weight:600;color:#333}.search-box input{padding:10px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;width:300px}.search-box input:focus{outline:none;border-color:#11998e}.stats{margin-left:auto;display:flex;gap:20px}.stat{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:#11998e}.stat-label{font-size:.8rem;color:#666}.products-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px #0003;max-width:1400px;margin-left:auto;margin-right:auto;overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:15px;text-align:left;border-bottom:1px solid #eee}.products-table th{background:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.products-table tr:hover{background:#f8f9fa}.product-name{font-weight:500;color:#333}.product-name-en{color:#666;font-size:.9rem;font-style:italic}.product-category{color:#666;font-size:.9rem}.product-unit{color:#888;font-size:.9rem}.product-actions{display:flex;gap:8px}.action-btn{background:transparent;border:none;cursor:pointer;padding:5px 8px;font-size:1rem;opacity:.6;transition:opacity .2s,background .2s;border-radius:4px}.action-btn:hover{opacity:1;background:#f0f0f0}.no-results{text-align:center;color:#888;padding:40px!important;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:30px;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-form{max-width:500px}.modal h3{margin-top:0;color:#333;margin-bottom:20px}.modal p{color:#666;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#11998e}.form-group select{background:#fff;cursor:pointer}.cascading-selects{display:flex;flex-direction:column;gap:10px}.cascading-selects select{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s;background:#fff;cursor:pointer}.cascading-selects select:focus{outline:none;border-color:#11998e}.selected-category-path{padding:10px 15px;background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:.9rem;margin-top:5px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #11998e66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert button{background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:.7}.alert button:hover{opacity:1}.loading{text-align:center;padding:50px;color:#fff;font-size:1.2rem}@media (max-width: 768px){.controls{flex-direction:column;align-items:stretch}.search-box input{width:100%}.stats{margin-left:0;justify-content:space-around}.products-header{flex-direction:column;gap:15px;text-align:center}.products-table th,.products-table td{padding:10px;font-size:.9rem}.product-category{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;padding:20px}#root{max-width:1400px;margin:0 auto}