body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App,body{min-height:100vh}.homepage{margin:0 auto;max-width:1200px;padding:2rem}.hero-section{color:#fff;margin-bottom:3rem;padding:3rem 0;text-align:center}.hero-section h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-section h2{font-size:2rem;font-weight:300;margin-bottom:1rem}.hero-section p{font-size:1.2rem;opacity:.9}.options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.option-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 10px 30px #0000001a;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.option-card:hover{border-color:#667eea;box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.card-icon{font-size:3rem;margin-bottom:1rem}.option-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.option-card p{color:#666;line-height:1.5;margin-bottom:1.5rem}.card-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.card-button:hover{box-shadow:0 5px 15px #667eea66;transform:scale(1.05)}.admin-card{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.admin-card h3,.admin-card p{color:#fff}.admin-card .card-button{background:#fff3;border:2px solid #fff}.feedback-page{background:#fff;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.page-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:2rem;padding-bottom:1rem}.back-button{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;margin-right:1rem;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#5a6fd8;transform:translateX(-2px)}.page-header h1{color:#333;font-size:2rem}.feedback-form{background:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.form-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.form-section h2{border-bottom:2px solid #f0f0f0;color:#667eea;font-size:1.3rem;padding-bottom:.5rem}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-option{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:8px;transition:background-color .3s ease}.radio-option:hover{background-color:#f8f9fa}.radio-option input[type=radio]{margin-right:10px;width:auto}.radio-option span{font-weight:500}.form-actions{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:2rem;text-align:center}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;min-width:200px;padding:15px 40px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.view-page{background:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.admin-section{background:#f8f9fa;border-radius:15px;margin-bottom:2rem;padding:2rem;text-align:center}.password-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.password-input{border:2px solid #e1e5e9;border-radius:25px;font-size:1rem;min-width:250px;padding:12px 20px}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.view-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.view-button:hover:not(:disabled){box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.view-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:1rem;padding:1rem}.feedback-dashboard{background:#f8f9fa;border-radius:15px;overflow:hidden}.dashboard-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:1rem;padding:2rem}.dashboard-title{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.dashboard-title h2{color:#333;font-size:1.8rem;margin:0}.connection-status{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.status-indicator{font-size:1.2rem}.status-indicator.connected{color:#28a745}.status-indicator.checking{color:#ffc107}.status-indicator.disconnected{color:#dc3545}.status-text{color:#666;font-weight:500}.refresh-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.refresh-button:hover{box-shadow:0 5px 15px #667eea4d;transform:rotate(180deg)}.test-button{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.test-button:hover{box-shadow:0 5px 15px #28a7454d;transform:scale(1.1)}.loading-message{background:#f8f9fa;border-radius:10px;color:#667eea;font-size:1.2rem;margin:2rem;padding:3rem;text-align:center}.error-message{background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;margin:2rem;padding:1.5rem;text-align:center}.error-message p{font-size:1.1rem;margin-bottom:1rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.stats-summary{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;min-width:120px;padding:1.5rem;text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.tab-navigation{background:#fff;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 2rem}.tab-button{background:#f8f9fa;border:2px solid #0000;border-radius:25px;color:#666;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#e9ecef;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff}.feedback-list{max-height:600px;overflow-y:auto;padding:2rem}.no-feedback{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.feedback-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;overflow:hidden;transition:transform .3s ease}.feedback-item:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-2px)}.feedback-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.feedback-number{font-size:1.1rem;font-weight:600}.feedback-date{font-size:.9rem;opacity:.9}.feedback-content{padding:1.5rem}.feedback-section{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.feedback-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.feedback-section h4{border-bottom:2px solid #f0f0f0;color:#667eea;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.section-data{grid-gap:.75rem;display:grid;gap:.75rem}.data-row{align-items:flex-start;background:#f8f9fa;border-radius:5px;display:flex;gap:1rem;padding:.5rem}.data-row strong{color:#333;font-weight:600;min-width:150px}.data-row span{color:#666;flex:1 1;line-height:1.4}@media (max-width:768px){.homepage{padding:1rem}.hero-section h1{font-size:2rem}.hero-section h2{font-size:1.5rem}.options-grid{gap:1rem;grid-template-columns:1fr}.feedback-page,.view-page{padding:1rem}.password-form{flex-direction:column}.password-input{min-width:100%}.feedback-header{flex-direction:column;gap:.5rem;text-align:center}.stats-summary{gap:1rem}.stat-card{min-width:100px;padding:1rem}.tab-navigation{justify-content:center;padding:1rem}.tab-button{font-size:.9rem;padding:10px 20px}.data-row{flex-direction:column;gap:.5rem}.data-row strong{min-width:auto}}.password-protection{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.password-form-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.password-form h2{color:#667eea;font-size:1.8rem;margin-bottom:1rem}.password-form p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.password-form .form-group{margin-bottom:1.5rem;text-align:left}.password-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.password-form input[type=password]{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.password-form input[type=password]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-form .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:12px 30px;transition:all .3s ease;width:100%}.password-form .submit-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.password-form .error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem}.password-form .error-message p{font-size:.9rem;margin:0}@media (max-width:768px){.password-form-container{margin:1rem;padding:2rem}.password-form h2{font-size:1.5rem}.password-form p{font-size:1rem}}
/*# sourceMappingURL=main.1217c7a7.css.map*/