*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f9fafb;min-height:100vh;padding:16px}@media(min-width:768px){body{padding:24px}}#app{max-width:480px;margin:0 auto}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center}.card-icon svg{width:20px;height:20px;color:#fff}.card-title{font-size:18px;font-weight:600;color:#1f2937}.card-subtitle{font-size:14px;color:#6b7280}.section-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:12px;display:flex;align-items:center;gap:8px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-card:hover{border-color:#93c5fd;background-color:#f0f9ff}.radio-card.selected{border-color:#3b82f6;background-color:#eff6ff}.radio-card input[type=radio]{margin-top:3px;width:16px;height:16px;accent-color:#3b82f6}.radio-card-content{flex:1}.radio-card-label{font-weight:500;color:#1f2937}.radio-card.selected .radio-card-label{color:#1d4ed8}.radio-card-desc{font-size:13px;color:#6b7280;margin-top:4px}.radio-card-check{color:#3b82f6}.time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.time-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;background-color:#f3f4f6;color:#374151}.time-btn:hover{background-color:#e5e7eb}.time-btn.selected{background-color:#3b82f6;color:#fff}.custom-date-section{display:none;margin-top:16px}.custom-date-section.show{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-field label{display:block;font-size:13px;color:#4b5563;margin-bottom:6px}.date-field input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.date-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-submit{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 14px #3b82f64d}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-submit.success{background:#22c55e;box-shadow:0 4px 14px #22c55e4d}.message{padding:14px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:none}.message.show{display:block}.message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.message.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}