.quotation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.quotation-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.quotation-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 1025px){.quotation-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.view-mode-selector{display:flex;align-items:center;background:#f8fafc;border-radius:.5rem;padding:.25rem;border:1px solid #e2e8f0}.view-mode-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.view-mode-button:hover{color:#475569;background:#f1f5f9}.view-mode-button.active{color:#ea580c;background:#fff7ed;box-shadow:0 1px 3px #0000001a}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:2rem}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quotation-card{animation:cardFadeIn .3s ease-out}.quotation-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.action-button{transition:all .2s ease-in-out}.action-button:hover{transform:translateY(-1px)}.status-badge,.type-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.financial-info{background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9);border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.product-item{background:#f8fafc;border-radius:.5rem;padding:.5rem;transition:background-color .2s ease-in-out}.product-item:hover{background:#f1f5f9}.icon-container{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 6px -1px #0000001a}.card-header{background:linear-gradient(135deg,#f8fafc,#fff,#f8fafc);border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}.card-content{padding:1rem 1.5rem}.primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;padding:.625rem 1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.primary-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.secondary-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600;padding:.625rem 1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.secondary-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.success-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;padding:.625rem 1rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.success-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.action-icon-button{padding:.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease-in-out;background:transparent}.action-icon-button:hover{background:#f1f5f9;transform:scale(1.1)}.status-indicator{position:absolute;top:0;left:0;right:0;height:4px;border-radius:.75rem .75rem 0 0}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #ea580c;border-radius:50%;width:3rem;height:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a}.advanced-filters{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.filter-field{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease-in-out}.filter-field:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-in-out}.filter-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.filters-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;cursor:pointer;transition:all .2s ease-in-out;background:#f9fafb}.filters-toggle-button:hover{background:#f3f4f6;border-color:#9ca3af}.filters-toggle-button.active{background:#fff7ed;border-color:#ea580c;color:#ea580c}.active-filters-count{background:#ea580c;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;min-width:1.25rem;text-align:center}.clear-filters-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid #fecaca;cursor:pointer;transition:all .2s ease-in-out;background:#fef2f2;color:#dc2626}.clear-filters-button:hover{background:#fee2e2;border-color:#fca5a5}.saved-filters-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid #dbeafe;cursor:pointer;transition:all .2s ease-in-out;background:#eff6ff;color:#2563eb}.saved-filters-button:hover{background:#dbeafe;border-color:#93c5fd}.history-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid #e9d5ff;cursor:pointer;transition:all .2s ease-in-out;background:#faf5ff;color:#7c3aed}.history-button:hover{background:#f3e8ff;border-color:#c4b5fd}.results-indicator{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.results-text{font-size:.875rem;color:#6b7280}.results-count{font-weight:500;color:#374151}.advanced-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filters-action-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.filters-left-buttons{display:flex;align-items:center;gap:.75rem}.filters-right-info{font-size:.875rem;color:#6b7280}.save-filter-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.save-filter-content{background:#fff;border-radius:.75rem;padding:1.5rem;width:100%;max-width:28rem;box-shadow:0 25px 50px -12px #00000040}.save-filter-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.save-filter-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;transition:all .2s ease-in-out}.save-filter-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.save-filter-actions{display:flex;justify-content:flex-end;gap:.75rem}.save-filter-cancel{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#6b7280;background:#fff;cursor:pointer;transition:all .2s ease-in-out}.save-filter-cancel:hover{background:#f9fafb;border-color:#9ca3af}.save-filter-save{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;background:#ea580c;cursor:pointer;transition:all .2s ease-in-out}.save-filter-save:hover{background:#dc2626}.save-filter-save:disabled{opacity:.5;cursor:not-allowed}.saved-filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.saved-filters-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.saved-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.saved-filter-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:all .2s ease-in-out}.saved-filter-item:hover{background:#f9fafb;border-color:#d1d5db}.saved-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.saved-filter-name{font-weight:500;color:#111827}.saved-filter-delete{color:#dc2626;cursor:pointer;transition:color .2s ease-in-out}.saved-filter-delete:hover{color:#b91c1c}.saved-filter-date{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.saved-filter-apply{width:100%;padding:.5rem;background:#ea580c;color:#fff;font-size:.75rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out}.saved-filter-apply:hover{background:#dc2626}.search-history-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.search-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.search-history-title{font-size:1.125rem;font-weight:600;color:#111827}.search-history-clear{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#fef2f2;color:#dc2626;font-size:.75rem;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.search-history-clear:hover{background:#fee2e2;border-color:#fca5a5}.search-history-list{display:flex;flex-direction:column;gap:.5rem}.search-history-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease-in-out}.search-history-item:hover{background:#f9fafb;border-color:#d1d5db}.search-history-info{flex:1}.search-history-term{font-weight:500;color:#111827}.search-history-meta{font-size:.75rem;color:#6b7280}.search-history-actions{display:flex;align-items:center;gap:.5rem}.search-history-apply{padding:.25rem .75rem;background:#ea580c;color:#fff;font-size:.75rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out}.search-history-apply:hover{background:#dc2626}.search-history-remove{padding:.25rem;color:#9ca3af;cursor:pointer;transition:color .2s ease-in-out}.search-history-remove:hover{color:#dc2626}