.feedback-container{background:#f8fafc;min-height:100vh;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.feedback-content{max-width:800px;margin:0 auto;animation:.5s ease-out fadeInUp}.feedback-header{text-align:center;margin-bottom:2rem}.feedback-title{color:#1e40af;margin:0 0 .5rem;font-size:2rem;font-weight:700}.feedback-subtitle{color:#64748b;margin:0;font-size:1rem;font-weight:400}.privacy-notice{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.privacy-icon{font-size:1.25rem}.privacy-notice p{color:#1e40af;text-align:center;margin:0;font-size:.9rem;font-weight:500}.feedback-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.input-group{margin-bottom:1rem;position:relative}.feedback-textarea{resize:vertical;color:#334155;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-height:100px;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.feedback-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.feedback-textarea::placeholder{color:#94a3b8}.char-counter{color:#64748b;background:#ffffffe6;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:.5rem;right:.75rem}.submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.feedback-suggestions{background:#fef3c7;border-radius:8px;margin-bottom:2rem;padding:1.25rem}.suggestions-title{color:#92400e;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.suggestion-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#92400e;background:#fffc;border:1px solid #92400e33;border-radius:16px;padding:.4rem .75rem;font-size:.85rem;font-weight:500}.recent-feedbacks{margin-top:1rem}.section-title{color:#1f2937;border-bottom:2px solid #fbbf24;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700;display:inline-block}.feedbacks-loading{justify-content:center;padding:2rem 0;display:flex}.preloader{text-align:center}.preloader-ring{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto .75rem;animation:1s linear infinite spin}.preloader p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.spinner-small{border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.no-feedback{text-align:center;color:#64748b;padding:2rem}.no-feedback-icon{opacity:.6;margin-bottom:.75rem;font-size:2.5rem}.no-feedback p{margin:0;font-size:1rem}.feedbacks-list{flex-direction:column;gap:1rem;display:flex}.feedback-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.feedback-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.feedback-content-text p{color:#334155;margin:0 0 .75rem;font-size:.95rem;line-height:1.5}.feedback-meta{justify-content:flex-end;align-items:center;display:flex}.time-ago{color:#64748b;font-size:.8rem;font-weight:500}.loading-more{color:#64748b;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.loading-more p{margin:0;font-size:.9rem;font-weight:500}.end-message{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:1rem;padding:1.5rem 0}.end-message p{margin:0;font-size:.9rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.feedback-container{padding:.75rem}.feedback-title{font-size:1.75rem}.feedback-form{padding:1.25rem}.feedback-suggestions{padding:1rem}.suggestion-tags{gap:.375rem}.tag{padding:.35rem .6rem;font-size:.8rem}.feedback-item{padding:1rem}.feedback-textarea{min-height:80px;padding:.875rem}.submit-btn{width:100%;padding:.875rem}}@media (max-width:480px){.feedback-container{padding:.5rem}.feedback-title{font-size:1.5rem}.feedback-subtitle{font-size:.9rem}.privacy-notice{text-align:center;flex-direction:column;gap:.5rem}.feedback-form{padding:1rem}.feedback-suggestions{padding:.875rem}.suggestions-title{font-size:1rem}.section-title{font-size:1.25rem}}