.quote-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.quote-modal.active{opacity:1;visibility:visible}.quote-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.quote-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:translateY(20px);transition:transform 0.3s}.quote-modal.active .quote-modal-content{transform:translateY(0)}.quote-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.quote-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.quote-modal-close{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;line-height:1;transition:color 0.2s}.quote-modal-close:hover{color:#374151}.quote-modal-body{padding:24px;overflow-y:auto;flex:1}.quote-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.quote-form .form-group{margin-bottom:16px}.quote-form .form-row .form-group{margin-bottom:0}.quote-form label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.quote-form input[type="text"],.quote-form input[type="email"],.quote-form input[type="tel"],.quote-form input[type="number"],.quote-form textarea,.quote-form select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color 0.2s,box-shadow 0.2s}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.quote-form textarea{resize:vertical;min-height:100px}.quote-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.selected-skus{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.selected-skus-header{margin-bottom:12px;font-size:.875rem;color:#374151}.selected-skus-table{width:100%;border-collapse:collapse;font-size:.8125rem}.selected-skus-table th,.selected-skus-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.selected-skus-table th{background:#f9fafb;font-weight:500;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.selected-skus-table th:first-child{width:40px}.selected-skus-table th:last-child{width:80px}.selected-skus-table .sku-checkbox{width:16px;height:16px;cursor:pointer}.selected-skus-table .qty-input{width:70px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;text-align:center}.selected-skus-table .qty-input:focus{outline:none;border-color:#06c}.noke-notification{position:fixed;top:20px;right:20px;z-index:10001;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateX(120%);transition:transform 0.3s ease;max-width:400px}.noke-notification.show{transform:translateX(0)}.noke-notification-success{border-left:4px solid #10b981}.noke-notification-success::before{content:'✓';display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;font-size:14px;font-weight:700}.noke-notification-error{border-left:4px solid #ef4444}.noke-notification-error::before{content:'!';display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;font-size:14px;font-weight:700}.noke-notification span{flex:1;font-size:.875rem;color:#374151}.noke-notification-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.noke-notification-close:hover{color:#374151}@media (max-width:640px){.quote-modal-content{width:95%;max-height:95vh;margin:10px}.quote-modal-header{padding:16px 20px}.quote-modal-body{padding:20px}.quote-form .form-row{grid-template-columns:1fr;gap:0}.quote-form .form-row .form-group{margin-bottom:16px}.selected-skus-table{font-size:.75rem}.selected-skus-table th,.selected-skus-table td{padding:6px 8px}.noke-notification{left:10px;right:10px;max-width:none}}