@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f0eef6,#e8e4f0,#f5f3fa);min-height:100vh;-webkit-tap-highlight-color:transparent}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0eef6,#e8e4f0,#f5f3fa)}.header{background:linear-gradient(135deg,#4a3f8a,#5b4f9e,#7c6bc4);color:#fff;text-align:center;padding:18px 20px;box-shadow:0 4px 24px #4a3f8a59;position:relative;z-index:10}.header h1{font-size:1.5rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.2)}.page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;max-width:950px;margin:0 auto;width:100%}.question{text-align:center;font-size:2.2rem;color:#2d2455;margin-bottom:40px;font-weight:800;letter-spacing:-.5px}.smiley-grid{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;max-width:850px;padding:0 10px}.smiley-btn{flex:1 1 0;max-width:155px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:none;border-radius:28px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a,inset 0 1px #ffffff59,inset 0 -2px #0000001f}.smiley-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:28px 28px 0 0;pointer-events:none}.smiley-btn:hover{transform:translateY(-10px) scale(1.08);box-shadow:0 20px 50px #00000040,0 8px 20px #00000026,inset 0 1px #fff6,inset 0 -2px #0000001f}.smiley-btn:active{transform:scale(.95);box-shadow:0 4px 12px #0003,inset 0 2px 4px #00000026}.smiley-btn .emoji{font-size:4.2rem;line-height:1;margin-bottom:10px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));position:relative;z-index:1}.smiley-btn .label{font-size:.82rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.25);text-align:center;line-height:1.2;letter-spacing:.3px;position:relative;z-index:1}.very-satisfied{background:linear-gradient(145deg,#4caf50,#2e7d32,#1b5e20)}.satisfied{background:linear-gradient(145deg,#8bc34a,#689f38,#4a7c24)}.neutral{background:linear-gradient(145deg,#ffca28,#f9a825,#e08f00)}.unsatisfied{background:linear-gradient(145deg,#ff7043,#e64a19,#bf360c)}.very-unsatisfied{background:linear-gradient(145deg,#ef5350,#c62828,#8e0000)}.back-btn{align-self:flex-start;background:none;border:none;color:#5b4f9e;font-size:.95rem;font-weight:700;cursor:pointer;padding:6px 0;margin-bottom:4px;font-family:inherit;transition:color .2s}.back-btn:hover{color:#7c6bc4}.complaint-content{justify-content:flex-start;padding-top:12px;padding-bottom:12px;max-width:700px}.complaint-content .question{font-size:1.6rem;margin-bottom:6px}.question-sub{text-align:center;font-size:.95rem;color:#777;margin-bottom:14px;font-weight:500}.complaint-content form{width:100%;display:flex;flex-direction:column}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;width:100%}.radio-option{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:2px solid #e0dce8;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:600;color:#2d2455;transition:all .2s ease;box-shadow:0 3px 12px #4a3f8a0f}.radio-option:hover{border-color:#7c6bc4;background:#f5f2ff;box-shadow:0 6px 20px #4a3f8a1f;transform:translateY(-2px)}.radio-option.selected{border-color:#5b4f9e;background:linear-gradient(135deg,#f0edfa,#e8e2f8);box-shadow:0 6px 20px #4a3f8a2e,inset 0 0 0 1px #5b4f9e1a}.radio-option input[type=radio]{width:20px;height:20px;accent-color:#5b4f9e;flex-shrink:0}.others-text{margin-bottom:12px;width:100%}.animate-in{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.others-text textarea{width:100%;padding:12px;background:#fff;border:2px solid #e0dce8;border-radius:14px;font-family:inherit;font-size:.95rem;color:#2d2455;resize:vertical;transition:all .2s;box-shadow:0 3px 12px #4a3f8a0f}.others-text textarea::placeholder{color:#a8a0be}.others-text textarea:focus{outline:none;border-color:#5b4f9e;box-shadow:0 6px 20px #4a3f8a1f}.email-field{margin-bottom:14px;width:100%}.email-field label{display:block;margin-bottom:6px;font-size:.95rem;color:#555;font-weight:600}.email-field input{width:100%;padding:12px;background:#fff;border:2px solid #e0dce8;border-radius:14px;font-family:inherit;font-size:.95rem;color:#2d2455;transition:all .2s;box-shadow:0 3px 12px #4a3f8a0f}.email-field input::placeholder{color:#a8a0be}.email-field input:focus{outline:none;border-color:#5b4f9e;box-shadow:0 6px 20px #4a3f8a1f}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#5b4f9e,#7c6bc4,#6b3fa0);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #5b4f9e59,inset 0 1px #fff3;letter-spacing:.5px;text-transform:uppercase}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #5b4f9e73,inset 0 1px #ffffff4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-msg{background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#c62828;padding:12px 16px;border-radius:12px;margin-bottom:12px;font-size:.9rem;font-weight:600;border:1px solid #ffcdd2;width:100%}.thankyou-content{text-align:center;justify-content:center}.thankyou-icon{font-size:7rem;margin-bottom:28px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.thankyou-content h2{font-size:2.4rem;color:#2d2455;margin-bottom:16px;font-weight:800}.redirect-msg{color:#777;font-size:1.15rem;font-weight:500}.admin-content{justify-content:flex-start;padding-top:30px;max-width:700px}.admin-content h2{font-size:1.8rem;color:#2d2455;margin-bottom:28px;font-weight:800}.admin-section{margin-bottom:28px;width:100%}.admin-section h3{font-size:1.15rem;color:#5b4f9e;margin-bottom:14px;border-bottom:3px solid #5b4f9e;padding-bottom:8px;font-weight:700}.admin-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0dce8;padding:16px 20px;border-radius:16px;margin-bottom:10px;box-shadow:0 3px 12px #4a3f8a0f;transition:all .2s ease}.admin-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #4a3f8a1f}.file-info{display:flex;flex-direction:column;gap:4px}.filename{font-weight:700;color:#2d2455;font-size:.95rem}.modified{font-size:.8rem;color:#999}.download-btn{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#5b4f9e,#7c6bc4);color:#fff;text-decoration:none;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #5b4f9e40}.download-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 28px #5b4f9e59}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.stat-item{background:#fff;border:1px solid #e0dce8;padding:14px 18px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 12px #4a3f8a0f}.stat-label{font-size:.85rem;color:#666;font-weight:600}.stat-count{font-size:1.5rem;font-weight:900;color:#5b4f9e}.footer{text-align:center;padding:14px;color:#aaa;font-size:.8rem;border-top:1px solid #e0dce8;background:#fff;font-weight:600;letter-spacing:.5px}@media(max-width:700px){.header h1{font-size:1.3rem}.question{font-size:1.7rem;margin-bottom:32px}.smiley-grid{gap:12px}.smiley-btn .emoji{font-size:3.2rem}.smiley-btn .label{font-size:.72rem}.radio-group{grid-template-columns:1fr 1fr;gap:6px}.radio-option{padding:11px 12px;font-size:.85rem;gap:8px}.radio-option input[type=radio]{width:18px;height:18px}}@media(max-width:480px){.header{padding:14px 16px}.header h1{font-size:1.1rem}.page-content{padding:20px 14px}.question{font-size:1.4rem;margin-bottom:24px}.smiley-grid{gap:8px;padding:0 4px}.smiley-btn{border-radius:20px}.smiley-btn .emoji{font-size:2.4rem;margin-bottom:6px}.smiley-btn .label{font-size:.6rem}.complaint-content{padding-top:12px}.complaint-content .question{font-size:1.2rem;margin-bottom:10px}.radio-group{grid-template-columns:1fr;gap:5px;margin-bottom:10px}.radio-option{padding:10px 12px;font-size:.85rem;border-radius:10px}.email-field{margin-bottom:10px}.email-field input{padding:10px}.submit-btn{padding:14px;font-size:1rem}.thankyou-icon{font-size:5rem}.thankyou-content h2{font-size:1.6rem}}@media(max-width:360px){.smiley-grid{gap:5px}.smiley-btn .emoji{font-size:1.9rem}.smiley-btn .label{font-size:.5rem}}