.app-container{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);padding:2rem}.app-content{max-width:800px;margin:0 auto}.header{margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.header-content{display:flex;justify-content:space-between;align-items:start}.header-title{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.header-subtitle{color:#64748b;font-size:1rem}.btn-clear-cache{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-clear-cache:hover{background:#dc2626}.cache-indicator{margin-top:1rem;padding:.75rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;font-size:.875rem;color:#1e40af;display:flex;align-items:center;gap:.5rem}.indicator-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.message{margin-bottom:1.5rem;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem}.message-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.message-success{background:#dcfce7;border:1px solid #86efac;color:#166534}.message-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.section{margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d}.section-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(to bottom,#3b82f6,#2563eb);border-radius:2px;flex-shrink:0}.section-description{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.field-container{display:flex;flex-direction:column}.field-label{font-weight:600;color:#1e293b;margin-bottom:.25rem}.field-description{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.field-error{margin-top:.5rem;color:#dc2626;font-size:.875rem}.checkbox-field{margin-bottom:1rem}.checkbox-container{display:flex;align-items:center;gap:.5rem}.checkbox-input{cursor:pointer;width:18px;height:18px}.checkbox-label{cursor:pointer;font-weight:500;color:#1e293b}.checkbox-description{font-size:.875rem;color:#64748b;margin-top:.25rem;margin-left:1.625rem}.number-field{margin-bottom:1rem}.number-input{display:block;padding:.625rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;outline:none}.number-input:focus{border-color:#3b82f6}.file-field{margin-bottom:1rem}.file-input{display:block;padding:.625rem;border:2px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;cursor:pointer;transition:all .2s}.file-input:hover{border-color:#cbd5e1}.file-selected{margin-top:.5rem;padding:.5rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:.875rem;color:#0c4a6e;display:flex;align-items:center;gap:.5rem}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;font-weight:700}.dynamic-list-field{margin-bottom:1.5rem}.list-header{margin-bottom:.75rem}.list-item{margin-bottom:.5rem}.list-item-row{display:flex;gap:.5rem}.list-input{flex:1;padding:.625rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;outline:none}.list-input:focus{border-color:#3b82f6}.list-input.error{border-color:#dc2626}.list-item-last{margin-bottom:.75rem}.list-input-last{width:100%;padding:.625rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;outline:none;box-sizing:border-box}.list-input-last:focus{border-color:#3b82f6}.list-input-last.error{border-color:#dc2626}.btn-remove{padding:.625rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-remove:hover{background:#b91c1c}.btn-add{padding:.625rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-add:hover{background:#059669}.submit-container{padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d}.btn-submit{padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;font-weight:600;width:100%;transition:all .2s;box-shadow:0 4px 6px #3b82f64d}.btn-submit:hover:not(.loading){background:#2563eb}.btn-submit.loading{background:#94a3b8;cursor:not-allowed;box-shadow:none}.loading-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:2rem;text-align:center;color:#94a3b8;font-size:.875rem}.disclaimer{margin-top:.5rem;font-size:.75rem}.disclaimer a{color:#3b82f6;text-decoration:none}.disclaimer a:hover{text-decoration:underline}