body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f4f7f9;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3{color:#1c3d5a;margin-top:0}.rfp-list{display:grid;grid-template-columns:1fr;gap:15px}.rfp-card{background-color:#fff;border:1px solid #e0e7ef;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:space-between;align-items:center}.rfp-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.rfp-card.selected{border-left:5px solid #0077c8;box-shadow:0 4px 12px #00000014}.rfp-card-info h3{margin:0 0 5px;font-size:1.1em}.rfp-card-info p{margin:0;color:#667;font-size:.9em}.badge{padding:5px 12px;border-radius:20px;font-size:.8em;font-weight:600;color:#fff}.badge-pending{background-color:#f40c0c}.details-section{margin-top:30px;background-color:#cad1ec;border:1px solid #e0e7ef;border-radius:8px;padding:25px}.details-grid{display:flex;gap:25px}.recommendations{flex:2}.pricing{flex:1}.recommendations h4,.pricing h4{margin-top:0;margin-bottom:15px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.sku-item{margin-bottom:15px}.sku-item h5{margin:0 0 10px}.spec-match-bar{background-color:#e0e7ef;border-radius:5px;height:8px;width:100%}.spec-match-fill{height:100%;border-radius:5px;transition:width .5s ease-in-out}.pricing-list{list-style:none;padding:0;margin:0}.pricing-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.pricing-list li:last-child{border-bottom:none}.total-price{margin-top:15px;padding-top:15px;border-top:2px solid #1c3d5a;font-size:1.2em;font-weight:700;display:flex;justify-content:space-between}.final-response-container{text-align:center;margin-top:30px}.final-response-box{background-color:#eaf6ff;border:1px solid #bde0fe;color:#0d47a1;border-radius:8px;padding:20px;margin-top:20px}.final-response-box h3{color:#0d47a1}.btn-primary{background-color:#0077c8;color:#fff;border:none;padding:12px 25px;font-size:1em;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#005a9a}.loader-container{text-align:center;padding:40px}.loader{border:5px solid #f3f3f3;border-top:5px solid #0077c8;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-pending{background-color:#f59e0b}.badge-completed{background-color:#22c55e}.rfp-card.completed{cursor:default;background-color:#f8f9fa}#root{display:flex}.main-content{flex-grow:1;padding:30px;height:100vh;overflow-y:auto}.sidebar{width:250px;flex-shrink:0;background-color:#fff;border-right:1px solid #e0e7ef;display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:20px;border-bottom:1px solid #e0e7ef}.sidebar-header h3{margin:0;color:#1c3d5a}.sidebar-menu{list-style:none;padding:20px 0;margin:0;flex-grow:1}.sidebar-menu li a{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:#556;font-weight:500;transition:all .2s}.sidebar-menu li a:hover{background-color:#f4f7f9;color:#0077c8}.sidebar-footer{padding:20px;border-top:1px solid #e0e7ef}.theme-toggle,.signin-link{display:flex;align-items:center;gap:15px;cursor:pointer;padding:10px;border-radius:6px;transition:all .2s}.theme-toggle:hover{background-color:#f4f7f9}.signin-link a{text-decoration:none;color:#556}body.dark-mode{background-color:#1e1f25;color:#e6e8ef}.dark-mode .sidebar{background-color:#23242b;border-right-color:#3e404f}.dark-mode .sidebar-header,.dark-mode .sidebar-footer{border-color:#4a5568}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode .sidebar-header h3{color:#fff}.dark-mode .sidebar-menu li a,.dark-mode .signin-link a{color:#cbd5e0}.dark-mode .sidebar-menu li a:hover,.dark-mode .theme-toggle:hover{background-color:#2e303f;color:#fff}.dark-mode .rfp-card,.dark-mode .details-section{background-color:#2a2d3e;border-color:#3e404f}.dark-mode .rfp-card.selected{border-left-color:#4299e1}.dark-mode .rfp-card-info p{color:#a0aec0}
