:root{--primary: #002DA8;--primary-hover: #033CDB;--dark-blue: #182D87;--background: #F7F8FA;--surface: #FFFFFF;--text-main: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--border-light: #E5E7EB;--border-medium: #D1D5DB;--success: #16A34A;--warning: #F59E0B;--error: #DC2626;--success-bg: #DCFCE7;--success-text: #15803D;--warning-bg: #FEF3C7;--warning-text: #B45309;--error-bg: #FEE2E2;--error-text: #B91C1C;--primary-bg: #EFF6FF;--primary-text: #1E40AF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-main);font-size:14px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--dark-blue)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;height:42px;padding:0 16px;white-space:nowrap}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface);border-color:var(--border-medium);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--background);border-color:var(--text-muted)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 12px;font-size:13px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:6px;color:var(--text-main)}.form-label span.required{color:var(--error);margin-left:2px}.form-help{font-size:12px;color:var(--text-secondary);margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;height:42px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--surface);transition:border-color .2s,box-shadow .2s;outline:none}.form-textarea{height:100px;padding:10px 12px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #002da81a}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}.option-card{border:1px solid var(--border-light);background-color:var(--surface);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.option-card:hover{border-color:var(--border-medium);background-color:var(--background)}.option-card.selected{border-color:var(--primary);background-color:var(--primary-bg)}.option-card input[type=radio],.option-card input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.option-card-label{font-weight:500;color:var(--text-main);flex:1}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;border-radius:9999px;text-transform:uppercase;white-space:nowrap}.badge-primary{background-color:var(--primary-bg);color:var(--primary-text)}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-error{background-color:var(--error-bg);color:var(--error-text)}.badge-gray{background-color:var(--border-light);color:var(--text-secondary)}.app-container{min-height:100vh;display:flex;flex-direction:column}.card{background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px}.card-title{font-size:16px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.options-grid{grid-template-columns:1fr}}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.upload-dropzone{border:2px dashed var(--border-medium);background-color:var(--background);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;min-height:120px}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--primary);background-color:var(--primary-bg)}.upload-dropzone-icon{color:var(--primary);opacity:.7;transition:transform .2s ease,opacity .2s ease}.upload-dropzone:hover .upload-dropzone-icon,.upload-dropzone.dragging .upload-dropzone-icon{transform:translateY(-2px) scale(1.1);opacity:1}.upload-dropzone-text{font-size:13px;font-weight:600;color:var(--text-main)}.upload-dropzone-subtext{font-size:11px;color:var(--text-muted);margin-top:2px}.upload-error-text{font-size:12px;color:var(--error);font-weight:600;margin-top:4px}.upload-preview-container{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface);margin-top:8px}.upload-preview-image{max-width:80px;max-height:50px;object-fit:contain;border-radius:var(--radius-sm);background-color:#fafafa;border:1px solid var(--border-light);padding:3px}.upload-preview-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.upload-preview-name{font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview-status{font-size:11px;font-weight:700;color:var(--success-text);display:inline-flex;align-items:center;gap:4px}.upload-preview-actions{display:flex;align-items:center;gap:8px}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:12px;width:100%}.upload-grid-item{position:relative;aspect-ratio:1;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background-color:#fafafa;display:flex;align-items:center;justify-content:center}.upload-grid-item img{width:100%;height:100%;object-fit:cover}.upload-grid-item-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background-color:#dc2626d9;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;z-index:2}.upload-grid-item:hover .upload-grid-item-remove{opacity:1}.upload-grid-item-remove:hover{background-color:var(--error);transform:scale(1.1)}