*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.survey-container{max-width:640px;min-height:100vh;margin:0 auto;padding:20px}.survey-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000026}.survey-header{color:#fff;text-align:center;background:linear-gradient(135deg,#036 0%,#059 100%);padding:24px}.survey-header h1{margin-bottom:8px;font-size:22px;font-weight:600}.survey-header p{opacity:.9;font-size:14px}.survey-content{padding:24px}.survey-section{margin-bottom:28px}.section-title{color:#036;border-bottom:2px solid #e0e0e0;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600;display:flex}.section-title:before{content:"";background:#f90;border-radius:2px;width:4px;height:18px}.question{margin-bottom:20px}.question-label{color:#333;margin-bottom:10px;font-size:15px;font-weight:500;display:block}.required{color:#f44;margin-left:2px}.input-field{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;width:100%;padding:12px 14px;font-size:15px;transition:all .2s}.input-field:focus{background:#fff;border-color:#059;outline:none;box-shadow:0 0 0 3px #0055991a}.input-field::placeholder{color:#999}textarea.input-field{resize:vertical;min-height:100px}.options-group{flex-direction:column;gap:10px;display:flex}.option-item{cursor:pointer;background:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.option-item:hover,.option-item.selected{background:#e9f4ff;border-color:#059}.option-item input{accent-color:#059;width:18px;height:18px;margin-right:10px}.option-item label{cursor:pointer;flex:1;font-size:14px}.multi-hint{color:#888;margin-top:-6px;margin-bottom:10px;font-size:12px}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f90 0%,#f60 100%);border:none;border-radius:10px;width:100%;margin-top:20px;padding:16px;font-size:17px;font-weight:600;transition:all .3s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f906}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.progress-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f90,#f60);height:100%;transition:width .3s}.success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.success-card{background:#fff;border-radius:16px;max-width:400px;padding:40px;box-shadow:0 10px 40px #00000026}.success-icon{margin-bottom:20px;font-size:64px}.success-title{color:#036;margin-bottom:12px;font-size:24px;font-weight:600}.success-message{color:#666;margin-bottom:24px;font-size:15px}.back-button{color:#fff;cursor:pointer;background:#036;border:none;border-radius:8px;padding:12px 24px;font-size:15px;transition:all .2s}.back-button:hover{background:#004080}.loading{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#c62828;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.survey-footer{text-align:center;color:#999;padding:20px;font-size:12px}.admin-container{max-width:1200px;margin:0 auto;padding:20px}.admin-header{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.admin-header h1{color:#036}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.stat-number{color:#f90;font-size:36px;font-weight:600}.stat-label{color:#666;font-size:14px}.data-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.data-table table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eee;padding:12px;font-size:14px}.data-table th{color:#fff;background:#036;font-weight:500}.data-table tr:hover{background:#f5f5f5}@media (max-width:480px){.survey-container{padding:12px}.survey-header{padding:20px 16px}.survey-header h1{font-size:20px}.survey-content{padding:20px 16px}}