.uae-gratuity-calculator{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.calculator-container{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px rgb(0 0 0 / .1);border:1px solid #e2e8f0}.calculator-container h2{color:#1a202c;font-size:28px;margin-bottom:10px;font-weight:600}.calculator-container .description{color:#718096;margin-bottom:30px;font-size:16px}.gratuity-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d3748;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;transition:border-color 0.3s ease;background:#f7fafc}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px rgb(66 153 225 / .1)}.form-group input::placeholder{color:#a0aec0}.calculate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px}.calculate-btn:hover{background:linear-gradient(135deg,#3182ce 0%,#2b6cb0 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(66 153 225 / .3)}.calculate-btn:active{transform:translateY(0)}.calculate-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.gratuity-result{background:#f0fff4;border:2px solid #48bb78;border-radius:8px;padding:25px;margin-top:30px;animation:slideIn 0.5s ease}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gratuity-result h3{color:#22543d;margin-bottom:20px;font-size:22px}.calculation-breakdown{background:#fff;padding:20px;border-radius:6px;margin:20px 0}.calculation-breakdown h4{color:#2d3748;margin-bottom:15px;font-size:18px}.calculation-breakdown p{margin:10px 0;color:#4a5568;font-size:15px;line-height:1.6}.calculation-breakdown .total{font-size:20px;font-weight:700;color:#2b6cb0;margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.calculation-breakdown .reduction{color:#e53e3e;font-weight:500;padding:10px;background:#fff5f5;border-left:4px solid #fc8181;margin:10px 0}.warning{color:#c05621;background:#fffaf0;border-left:4px solid #f6ad55;padding:10px;margin:10px 0}.disclaimer{margin-top:20px;padding:15px;background:ivory;border:1px solid #ecc94b;border-radius:6px;font-size:13px;color:#744210}.disclaimer strong{color:#744210}.calculate-btn.loading{position:relative;color:#fff0}.calculate-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#fff5f5;border:1px solid #fc8181;color:#c53030;padding:12px;border-radius:6px;margin-top:15px}@media (max-width:768px){.calculator-container{padding:20px;margin:10px}.calculator-container h2{font-size:24px}.form-group input,.form-group select{font-size:14px;padding:10px}.calculate-btn{padding:12px;font-size:14px}}