.customer-feedback{--customer-feedback-bg-primary:#fafbfc;--customer-feedback-text-primary:#1a1a1a;--customer-feedback-accent:#6366f1;--customer-feedback-card-bg:#ffffff;--customer-feedback-border:#e5e7eb;--customer-feedback-star-empty:#d1d5db;--customer-feedback-star-filled:#fbbf24;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:var(--customer-feedback-text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center}.customer-feedback .feedback-card{background:var(--customer-feedback-card-bg);border-radius:24px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.customer-feedback h1{font-weight:700;margin-bottom:.5rem;text-align:center}.customer-feedback .subtitle{color:#6b7280;text-align:center;margin-bottom:3rem;font-size:1rem}.customer-feedback .form-group{margin-bottom:2.5rem}.customer-feedback .form-label{display:block;font-weight:600;margin-bottom:.6rem;color:var(--customer-feedback-text-primary)}.customer-feedback .star-rating{display:flex;flex-direction:row-reverse;justify-content:start;gap:.5rem;font-size:2.5rem}@media (min-width:576px){.customer-feedback .star-rating{font-size:3rem}}.customer-feedback .star-rating input{display:none}.customer-feedback .star-rating label{cursor:pointer;color:var(--customer-feedback-star-empty);transition:.2s;margin:0}.customer-feedback .star-rating label:hover,.customer-feedback .star-rating label:hover~label{color:var(--customer-feedback-star-filled);transform:scale(1.1)}.customer-feedback .star-rating input:checked~label{color:var(--customer-feedback-star-filled)}.customer-feedback .emoji-slider-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.customer-feedback .emoji-display{display:flex;justify-content:space-between;gap:.5rem;width:100%;padding:0 5px}.customer-feedback .emoji-icon{font-size:3rem;opacity:.3;transition:opacity .2s;cursor:pointer}.customer-feedback .emoji-icon:hover{opacity:.6}.customer-feedback .emoji-icon.active{opacity:1}.customer-feedback .emoji-slider{width:92%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bs-secondary-bg-subtle);border-radius:8px;outline:0;cursor:pointer;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.customer-feedback .emoji-slider::-webkit-slider-track{width:100%;height:12px;background:0 0;border-radius:8px}.customer-feedback .emoji-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:3px solid var(--customer-feedback-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.2s}.customer-feedback .emoji-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}.customer-feedback .emoji-labels{display:flex;justify-content:space-between;width:100%;font-size:.7rem;color:#9ca3af}.customer-feedback .emoji-labels span{width:60px;text-align:center}.customer-feedback .notes-field{width:100%;padding:1rem;border:2px solid var(--customer-feedback-border);border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;transition:.2s;background:var(--customer-feedback-card-bg);color:var(--customer-feedback-text-primary);min-height:180px}.customer-feedback .notes-field:focus{outline:0;border-color:var(--customer-feedback-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.customer-feedback .submit-btn{width:100%;padding:1rem 2rem;background:var(--customer-feedback-accent);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 4px 12px rgba(99,102,241,.3)}.customer-feedback .submit-btn:hover{background:var(--customer-feedback-accent);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.customer-feedback .submit-btn:active{transform:translateY(0)}