.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.quotation-preview-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.quotation-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (min-width:640px){.quotation-header{padding:1.5rem 0}}@media (min-width:1024px){.quotation-header{padding:2rem 0 1.5rem}}.quotation-header .header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.quotation-header .header-title-section .page-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem 0;line-height:1.2}@media (min-width:640px){.quotation-header .header-title-section .page-title{font-size:1.75rem}}@media (min-width:1024px){.quotation-header .header-title-section .page-title{font-size:2rem}}.quotation-header .header-title-section .page-subtitle{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}@media (min-width:640px){.quotation-header .header-title-section .page-subtitle{font-size:1rem}}.main-content{padding:2rem 0}@media (min-width:640px){.main-content{padding:3rem 0}}.main-content .content-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.main-content .content-grid{grid-template-columns:1fr 2fr;gap:3rem}}.quotation-summary-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);padding:1.5rem;border:1px solid #e5e7eb}@media (min-width:640px){.quotation-summary-card{padding:2rem;border-radius:16px}}.quotation-summary-card .summary-header{margin-bottom:1.5rem}@media (min-width:640px){.quotation-summary-card .summary-header{margin-bottom:2rem}}.quotation-summary-card .summary-header .summary-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.75rem}@media (min-width:640px){.quotation-summary-card .summary-header .summary-title{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.quotation-summary-card .summary-header .summary-title .section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}@media (min-width:640px){.quotation-summary-card .summary-header .summary-title .section-title{font-size:1.5rem}}.quotation-summary-card .status-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:640px){.quotation-summary-card .status-badge{font-size:.875rem}}.quotation-summary-card .status-badge .status-icon{font-size:.75rem}.quotation-summary-card .status-badge.status-pending{background:#fef3c7;color:#92400e}.quotation-summary-card .status-badge.status-approved{background:#d1fae5;color:#065f46}.quotation-summary-card .status-badge.status-rejected{background:#fee2e2;color:#991b1b}.quotation-summary-card .status-badge.status-processing{background:#dbeafe;color:#1e40af}.quotation-summary-card .status-badge.status-default{background:#f3f4f6;color:#374151}.quotation-summary-card .summary-details .detail-grid{display:grid;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.quotation-summary-card .summary-details .detail-grid{gap:1.5rem;margin-bottom:2rem}}.quotation-summary-card .summary-details .detail-item .detail-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width:640px){.quotation-summary-card .summary-details .detail-item .detail-label{font-size:.875rem}}.quotation-summary-card .summary-details .detail-item .detail-label .detail-icon{color:#2563eb;font-size:.75rem}@media (min-width:640px){.quotation-summary-card .summary-details .detail-item .detail-label .detail-icon{font-size:.875rem}}.quotation-summary-card .summary-details .detail-item .detail-value{font-size:.875rem;color:#111827;font-weight:500;line-height:1.4}@media (min-width:640px){.quotation-summary-card .summary-details .detail-item .detail-value{font-size:1rem}}.quotation-summary-card .summary-details .remarks-section{padding:1rem;background:#f9fafb;border-radius:8px;border-left:4px solid #2563eb}@media (min-width:640px){.quotation-summary-card .summary-details .remarks-section{padding:1.5rem;border-radius:12px}}.quotation-summary-card .summary-details .remarks-section .detail-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width:640px){.quotation-summary-card .summary-details .remarks-section .detail-label{font-size:.875rem;margin-bottom:.75rem}}.quotation-summary-card .summary-details .remarks-section .detail-label .detail-icon{color:#2563eb}.quotation-summary-card .summary-details .remarks-section .remarks-content{font-size:.75rem;color:#374151;line-height:1.5;margin:0}@media (min-width:640px){.quotation-summary-card .summary-details .remarks-section .remarks-content{font-size:.875rem;line-height:1.6}}.quotation-summary-card .summary-actions{border-top:1px solid #e5e7eb;padding-top:1rem}@media (min-width:640px){.quotation-summary-card .summary-actions{padding-top:1.5rem}}.quotation-summary-card .summary-actions .reject-btn{width:100%;padding:.75rem 1rem;border:2px solid #dc2626;background:#fff;color:#dc2626;font-weight:600;font-size:.875rem;border-radius:8px;-webkit-transition:all .2s ease;transition:all .2s ease}@media (min-width:640px){.quotation-summary-card .summary-actions .reject-btn{padding:.75rem 1.5rem}}.quotation-summary-card .summary-actions .reject-btn:hover{background:#dc2626;color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(220,38,38,.3);box-shadow:0 4px 12px rgba(220,38,38,.3)}.quotation-summary-card .summary-actions .reject-btn i{margin-right:.5rem}.recommendations-section .section-header{margin-bottom:1rem}@media (min-width:640px){.recommendations-section .section-header{margin-bottom:1.5rem}}@media (min-width:1024px){.recommendations-section .section-header{margin-bottom:2rem}}.recommendations-section .section-header .section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem 0}@media (min-width:640px){.recommendations-section .section-header .section-title{font-size:1.5rem}}@media (min-width:1024px){.recommendations-section .section-header .section-title{font-size:1.75rem}}.recommendations-section .section-header .section-subtitle{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}@media (min-width:640px){.recommendations-section .section-header .section-subtitle{font-size:1rem;line-height:1.6}}.recommendations-section .recommendations-grid{display:grid;gap:1rem;grid-template-columns:1fr;width:100%}@media (min-width:640px){.recommendations-section .recommendations-grid{gap:1.5rem}}@media (min-width:768px){.recommendations-section .recommendations-grid{grid-template-columns:repeat(2,1fr)}}.recommendation-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e5e7eb}@media (min-width:640px){.recommendation-card{border-radius:16px}}.recommendation-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.06);box-shadow:0 8px 20px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.06);border-color:#2563eb}@media (min-width:1024px){.recommendation-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 24px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);box-shadow:0 12px 24px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06)}}.recommendation-card .card-header{padding:1rem;border-bottom:1px solid #f3f4f6}@media (min-width:640px){.recommendation-card .card-header{padding:1.5rem 1.5rem 1rem}}@media (min-width:1024px){.recommendation-card .card-header{padding:2rem 2rem 1rem}}.recommendation-card .card-header .product-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.75rem}@media (min-width:640px){.recommendation-card .card-header .product-info{gap:1rem}}.recommendation-card .card-header .product-info .product-icon{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1rem;-ms-flex-negative:0;flex-shrink:0}@media (min-width:640px){.recommendation-card .card-header .product-info .product-icon{width:48px;height:48px;border-radius:12px;font-size:1.25rem}}.recommendation-card .card-header .product-info .product-details{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.recommendation-card .card-header .product-info .product-details .product-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .5rem 0;line-height:1.3;overflow-wrap:break-word}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .product-name{font-size:1.125rem;margin:0 0 .75rem 0}}@media (min-width:1024px){.recommendation-card .card-header .product-info .product-details .product-name{font-size:1.25rem}}.recommendation-card .card-header .product-info .product-details .recommendation-level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .recommendation-level{gap:.75rem}}.recommendation-card .card-header .product-info .product-details .recommendation-level .level-label{font-size:.75rem;color:#4b5563;font-weight:500}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .recommendation-level .level-label{font-size:.875rem}}.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1px}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating{gap:2px}}.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating .fa-star{font-size:.75rem}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating .fa-star{font-size:.875rem}}.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating .fa-star.filled{color:#fbbf24}.recommendation-card .card-header .product-info .product-details .recommendation-level .star-rating .fa-star.empty{color:#d1d5db}.recommendation-card .card-header .product-info .product-details .recommendation-level .level-text{font-size:.75rem;color:#2563eb;font-weight:600}@media (min-width:640px){.recommendation-card .card-header .product-info .product-details .recommendation-level .level-text{font-size:.875rem}}.recommendation-card .card-body{padding:1rem}@media (min-width:640px){.recommendation-card .card-body{padding:1rem 1.5rem 1.5rem}}@media (min-width:1024px){.recommendation-card .card-body{padding:1rem 2rem 2rem}}.recommendation-card .card-body .premium-highlight{background:linear-gradient(135deg,#f9fafb,#e0f2fe);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center;border:1px solid #e5e7eb}@media (min-width:640px){.recommendation-card .card-body .premium-highlight{border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}}.recommendation-card .card-body .premium-highlight .premium-label{font-size:.75rem;color:#4b5563;font-weight:500;margin-bottom:.25rem}@media (min-width:640px){.recommendation-card .card-body .premium-highlight .premium-label{font-size:.875rem;margin-bottom:.5rem}}.recommendation-card .card-body .premium-highlight .premium-amount{font-size:1.5rem;font-weight:800;color:#2563eb;line-height:1}@media (min-width:640px){.recommendation-card .card-body .premium-highlight .premium-amount{font-size:1.75rem}}.recommendation-card .card-body .recommendation-remarks .remarks-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width:640px){.recommendation-card .card-body .recommendation-remarks .remarks-label{font-size:.875rem}}.recommendation-card .card-body .recommendation-remarks .remarks-text{font-size:.75rem;color:#4b5563;line-height:1.5;margin:0}@media (min-width:640px){.recommendation-card .card-body .recommendation-remarks .remarks-text{font-size:.875rem;line-height:1.6}}.recommendation-card .card-actions{padding:0 1rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:640px){.recommendation-card .card-actions{padding:0 1.5rem 1.5rem}}@media (min-width:1024px){.recommendation-card .card-actions{padding:0 2rem 2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.recommendation-card .card-actions .btn{width:100%;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem}@media (min-width:1024px){.recommendation-card .card-actions .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}}.recommendation-card .card-actions .btn i{font-size:.75rem}.recommendation-card .card-actions .accept-btn{background:#2563eb;border:2px solid #2563eb;color:#fff}.recommendation-card .card-actions .accept-btn:hover{background:#1d4ed8;border-color:#1d4ed8;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(37,99,235,.3);box-shadow:0 4px 12px rgba(37,99,235,.3)}.recommendation-card .card-actions .view-btn{background:#fff;border:2px solid #d1d5db;color:#374151}.recommendation-card .card-actions .view-btn:hover{border-color:#2563eb;color:#2563eb;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.loading-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:150px;padding:2rem;color:#6b7280}.loading-state .loading-spinner{width:40px;height:40px;border:4px solid #d1d5db;border-top-color:#2563eb;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state .loading-text{font-size:1rem;font-weight:500}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(66,153,225,.5);box-shadow:0 0 0 3px rgba(66,153,225,.5)}.btn-primary{background-color:#2563eb;color:#fff;border:1px solid #2563eb}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-outline-danger{background-color:transparent;color:#dc2626;border:1px solid #dc2626}.btn-outline-danger:hover{background-color:#dc2626;color:#fff}.btn-outline-primary{background-color:transparent;color:#2563eb;border:1px solid #2563eb}.btn-outline-primary:hover{background-color:#2563eb;color:#fff}