@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1a73e8;--primary-hover:#1557b0;--secondary-color:#5f6368;--background-color:#f0ebf8;--card-background:#fff;--border-color:#dadce0;--text-primary:#202124;--text-secondary:#5f6368;--error-color:#d93025;--success-color:#1e8e3e;--header-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}body{background-color:var(--background-color);min-height:100vh;color:var(--text-primary);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{width:100%;min-height:100vh}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--header-gradient);z-index:100;padding:0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-content{align-items:center;gap:16px;max-width:800px;margin:0 auto;padding:20px 24px;display:flex}.logo{background:#fffffff2;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 2px 8px #00000026}.logo svg{width:36px;height:36px}.header-text h1{color:#fff;text-shadow:0 1px 2px #0000001a;margin-bottom:2px;font-size:1.5rem;font-weight:600}.header-text p{color:#ffffffe6;font-size:.9rem;font-weight:400}.main-content{flex-direction:column;flex:1;align-items:center;gap:24px;padding:32px 16px;display:flex}.page-indicator{align-items:center;gap:0;margin-bottom:8px;display:flex}.page-dot{color:#757575;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.page-dot.active{background:var(--header-gradient);color:#fff;box-shadow:0 2px 8px #667eea66}.page-line{background:#e0e0e0;width:60px;height:3px}.form-card{background:var(--card-background);border-radius:12px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.form-card-header{background:var(--header-gradient);border-bottom:4px solid #764ba2;padding:24px 28px}.form-card-header h2{color:#fff;margin-bottom:8px;font-size:1.75rem;font-weight:600}.form-card-header p{color:#ffffffe6;font-size:.95rem}.form-card-body{padding:28px}.form-group{margin-bottom:28px}.form-group:last-of-type{margin-bottom:0}.form-label{color:var(--text-primary);margin-bottom:10px;font-size:.95rem;font-weight:500;display:block}.required-star{color:var(--error-color);margin-left:4px}.label-description{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-style:italic}.label-description.highlight{color:var(--primary-color);font-weight:500}.form-input{border:2px solid var(--border-color);background:var(--card-background);width:100%;color:var(--text-primary);border-radius:8px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:hover{border-color:#b0b0b0}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1a73e826}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input.error{border-color:var(--error-color)}.form-input.error:focus{box-shadow:0 0 0 3px #d9302526}.fin-input{text-transform:uppercase;letter-spacing:3px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.form-select{border:2px solid var(--border-color);background:var(--card-background);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border-radius:8px;padding:14px 44px 14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-select:hover{border-color:#b0b0b0}.form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1a73e826}.error-message{color:var(--error-color);align-items:center;gap:6px;margin-top:6px;font-size:.85rem;display:flex}.error-message svg{flex-shrink:0;width:16px;height:16px}.helper-text{color:var(--text-secondary);margin-top:6px;font-size:.85rem}.char-counter{text-align:right;color:var(--text-secondary);margin-top:4px;font-size:.8rem}.char-counter.complete{color:var(--success-color);font-weight:500}.info-box{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:.9rem;display:flex}.info-box svg{flex-shrink:0;width:20px;height:20px}.info-box.warning{color:#e65100;background:#fff3e0;border:1px solid #ffb74d}.info-box.reminder{color:#1565c0;background:#e3f2fd;border:1px solid #64b5f6}.terms-box{border:2px solid var(--border-color);background:#fafafa;border-radius:8px;padding:20px}.terms-text{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;font-weight:500;line-height:1.6}.confirm-box{border:2px solid var(--border-color);background:#f5f5f5;border-radius:8px;padding:20px}.radio-label{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.radio-input{display:none}.radio-custom{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.radio-input:checked+.radio-custom{border-color:var(--primary-color)}.radio-input:checked+.radio-custom:after{content:"";background:var(--primary-color);border-radius:50%;width:12px;height:12px}.radio-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.checkbox-label{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.checkbox-input{display:none}.checkbox-custom{border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.checkbox-input:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin-bottom:2px;transform:rotate(45deg)}.checkbox-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.buttons-row{justify-content:space-between;gap:16px;display:flex}.submit-section{justify-content:flex-start;padding:20px 28px 28px;display:flex}.submit-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 32px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.submit-button:hover{background:var(--primary-hover);box-shadow:0 2px 8px #1a73e859}.submit-button:active{transform:scale(.98)}.submit-button:disabled{cursor:not-allowed;box-shadow:none;background:#c4c4c4}.back-button{color:var(--text-secondary);border:2px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:12px 32px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.back-button:hover{color:var(--text-primary);background:#f5f5f5;border-color:#b0b0b0}@media (max-width:640px){.header-content{padding:16px}.header-text h1{font-size:1.25rem}.main-content{padding:16px 12px}.form-card-header{padding:20px}.form-card-header h2{font-size:1.4rem}.form-card-body{padding:20px}.submit-section{padding:16px 20px 24px}.buttons-row{flex-direction:column-reverse}.back-button,.submit-button{text-align:center;width:100%}.terms-box,.confirm-box{padding:16px}.info-box{text-align:center;flex-direction:column}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-secondary);font-size:1rem}.success-card{background:var(--card-background);text-align:center;border-radius:12px;width:100%;max-width:480px;padding:48px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.success-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.success-icon svg{color:#fff;width:40px;height:40px}.success-card h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.success-card p{color:var(--text-secondary);font-size:1rem}.error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.error-box svg{flex-shrink:0;width:20px;height:20px}.admin-header .header-content{justify-content:space-between}.logout-button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.logout-button:hover{background:#ffffff40}.admin-login-card{max-width:400px}.admin-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.admin-tabs{background:var(--card-background);border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px;display:flex;box-shadow:0 1px 3px #0000001a}.tab-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.tab-button:hover{color:var(--text-primary);background:#f5f5f5}.tab-button.active{background:var(--header-gradient);color:#fff}.admin-content{background:var(--card-background);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.admin-content h2{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.admin-table th{color:var(--text-primary);white-space:nowrap;background:#f8f9fa;font-weight:600}.admin-table td{color:var(--text-secondary)}.admin-table tbody tr:hover{background:#f8f9fa}.inactive-row{opacity:.5}.full-row{background:#fef2f2!important}.no-data{text-align:center;color:var(--text-secondary);padding:40px}.status-badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;display:inline-block}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.admin-inline-form{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-title-row h2{margin-bottom:0}.admin-small-input{min-width:140px;padding:8px 10px;font-size:.9rem}.admin-wide-input{min-width:260px}.admin-inline-checkbox{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-action-button{padding:8px 14px;font-size:.9rem}.admin-action-button.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.admin-stats h3{color:var(--text-primary);margin:32px 0 16px;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:24px}.stat-card.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-value{margin-bottom:8px;font-size:2.5rem;font-weight:700}.stat-label{opacity:.9;font-size:.9rem}.progress-bar{vertical-align:middle;background:#e5e7eb;border-radius:4px;width:100px;height:8px;margin-right:8px;display:inline-block;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);font-size:.8rem}@media (max-width:768px){.admin-main{padding:16px}.admin-tabs{flex-direction:column}.tab-button{text-align:center;width:100%}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:8px 12px}}.choice-info-box{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:1px solid #0ea5e9;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;display:flex}.choice-info-box svg{flex-shrink:0;width:24px;height:24px;margin-top:2px}.choice-info-box span{font-size:.95rem;line-height:1.5}.disabled-section{opacity:.5;pointer-events:none;position:relative}.disabled-section:after{content:"";z-index:1;background:#ffffff4d;border-radius:8px;position:absolute;inset:0}.disabled-hint{color:#6b7280;margin-top:8px;font-size:.85rem;font-style:italic}.or-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.or-divider:before,.or-divider:after{content:"";background:linear-gradient(90deg,#0000,#d1d5db,#0000);flex:1;height:2px}.or-divider span{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:1rem;font-weight:600}