:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-secondary-50:#f0f9ff;--color-secondary-100:#e0f2fe;--color-secondary-200:#bae6fd;--color-secondary-300:#7dd3fc;--color-secondary-400:#38bdf8;--color-secondary-500:#0ea5e9;--color-secondary-600:#0284c7;--color-secondary-700:#0369a1;--color-secondary-800:#075985;--color-secondary-900:#0c4a6e;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-200:#bfdbfe;--color-info-300:#93c5fd;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-info-800:#1e40af;--color-info-900:#1e3a8a;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-overlay:#00000080;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-link:#0ea5e9;--color-text-link-hover:#0284c7;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Fira Code","Monaco","Consolas","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--gradient-brand:linear-gradient(135deg,#0ea5e9,#7c3aed);--gradient-brand-hover:linear-gradient(135deg,#0284c7,#6d28d9)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;line-height:var(--line-height-tight);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.btn-primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.btn-secondary{background:var(--color-secondary-500);border-color:var(--color-secondary-500);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-600);box-shadow:var(--shadow-sm)}.btn-outline{background:#0000;border-color:var(--color-primary-300);color:var(--color-primary-600)}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400)}.btn-ghost{background:#0000;border-color:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-danger{background:var(--color-error-500);border-color:var(--color-error-500);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-600);border-color:var(--color-error-600)}.btn-success{background:var(--color-success-500);border-color:var(--color-success-500);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-600);border-color:var(--color-success-600)}.btn-block{width:100%}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-6)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.card-body,.card-footer{padding:var(--spacing-6)}.card-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.card-outlined{border:2px solid var(--color-border-medium);box-shadow:none}.card-elevated{border:none;box-shadow:var(--shadow-base)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.input-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-label-required:after{color:var(--color-error-500);content:" *"}.input{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.input:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--color-text-tertiary)}.input-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.input-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-5)}.input-error{border-color:var(--color-error-400)}.input-error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-100)}.input-success{border-color:var(--color-success-400)}.input-success:focus{border-color:var(--color-success-500);box-shadow:0 0 0 3px var(--color-success-100)}.input-hint{color:var(--color-text-tertiary)}.input-error-message,.input-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.input-error-message{align-items:center;color:var(--color-error-600);display:flex;gap:var(--spacing-1)}.textarea{font-family:var(--font-family-base);min-height:100px;resize:vertical}.badge{align-items:center;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background:var(--color-error-100);color:var(--color-error-700)}.badge-info{background:var(--color-info-100);color:var(--color-info-700)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-700)}.badge-sm{font-size:.65rem;padding:var(--spacing-0) var(--spacing-2)}.badge-lg{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.alert{align-items:flex-start;border-left:4px solid;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-content{flex:1 1}.alert-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.alert-message,.alert-title{font-size:var(--font-size-sm)}.alert-message{line-height:var(--line-height-normal);margin:0}.alert-info{background:var(--color-info-50);border-left-color:var(--color-info-500);color:var(--color-info-900)}.alert-success{background:var(--color-success-50);border-left-color:var(--color-success-500);color:var(--color-success-900)}.alert-warning{background:var(--color-warning-50);border-left-color:var(--color-warning-500);color:var(--color-warning-900)}.alert-error{background:var(--color-error-50);border-left-color:var(--color-error-500);color:var(--color-error-900)}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 0,var(--color-gray-300) 50%,var(--color-gray-200) 100%);background-size:200% 100%;border-radius:var(--radius-base)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--spacing-2)}.skeleton-title{height:1.5rem;margin-bottom:var(--spacing-3);width:60%}.skeleton-card{height:200px}.skeleton-avatar{border-radius:var(--radius-full);height:40px;width:40px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16) var(--spacing-8)}.empty-state-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.empty-state-message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0;max-width:400px}.empty-state-action{margin-top:var(--spacing-4)}.spinner{animation:spinner-rotate .6s linear infinite;border:2px solid var(--color-gray-300);border-radius:var(--radius-full);border-top-color:var(--color-primary-500);display:inline-block;height:20px;width:20px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:3px;height:32px;width:32px}.spinner-white{border-color:#fff #ffffff4d #ffffff4d}.divider{height:1px;margin:var(--spacing-6) 0}.divider,.divider-vertical{background:var(--color-border-light)}.divider-vertical{height:auto;margin:0 var(--spacing-4);width:1px}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success-600)}.text-error{color:var(--color-error-600)}.text-warning{color:var(--color-warning-600)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.p-0{padding:0}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}code{background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.9em;padding:var(--spacing-1) var(--spacing-2)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}p{margin:0 0 var(--spacing-4) 0}p:last-child{margin-bottom:0}ol,ul{margin:0 0 var(--spacing-4) 0;padding-left:var(--spacing-6)}ol:last-child,ul:last-child{margin-bottom:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.navigation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{flex-shrink:0;text-decoration:none}.nav-logo h2{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{border-radius:7px;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link.active,.nav-link:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.nav-link.active{font-weight:600}.user-dropdown{margin-left:8px;position:relative}.user-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:4px;padding:0;transition:opacity var(--transition-fast)}.user-button.open,.user-button:hover{opacity:.8}.user-avatar{align-items:center;background:var(--gradient-brand);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:30px;justify-content:center;width:30px}.dropdown-menu{animation:dropdownFade .15s ease;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:210px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--color-border-light);padding:14px 16px}.dropdown-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:2px;text-transform:capitalize}.dropdown-email{color:var(--color-text-tertiary);font-size:.78rem}.dropdown-divider{background:var(--color-border-light);height:1px}.dropdown-item{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:10px 16px;text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.dropdown-item-danger:hover{background:var(--color-error-50);color:var(--color-error-600)}.mobile-nav{display:none;position:relative}.hamburger{background:none;border:1px solid var(--color-border-light);border-radius:7px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:6px;transition:all var(--transition-fast);width:36px}.hamburger:hover{background:var(--color-gray-100);border-color:var(--color-border-medium)}.hamburger.open{background:var(--color-primary-50);border-color:var(--color-primary-200)}.hamburger-line{background:var(--color-text-secondary);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all var(--transition-fast);width:100%}.hamburger.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{animation:dropdownFade .15s ease;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1100}.mobile-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:11px 18px;text-align:left;text-decoration:none;transition:background var(--transition-fast);width:100%}.mobile-link:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.mobile-link.active{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:600}.mobile-menu-divider{background:var(--color-border-light);height:1px;margin:4px 0}.mobile-user-info{align-items:center;background:var(--color-gray-50);border-bottom:1px solid var(--color-border-light);display:flex;gap:10px;padding:10px 16px}.mobile-user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.mobile-user-email{color:var(--color-text-tertiary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logout{color:var(--color-error-600)}.mobile-logout:hover{background:var(--color-error-50);color:var(--color-error-700)}@media (max-width:640px){.nav-links{display:none}.mobile-nav{display:block}}@media (max-width:480px){.nav-container{height:52px;padding:0 12px}.nav-logo h2{font-size:1.05rem}}.file-upload-container{margin:16px 0}.dropzone{align-items:center;background:#fff;border:2px dashed var(--color-primary-300);border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:180px;padding:36px 20px;transition:all var(--transition-base)}.dropzone:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-400)}.dropzone.active{background-color:var(--color-success-50);border-color:var(--color-success-400)}.dropzone.disabled{background-color:var(--color-gray-50);border-color:var(--color-border-medium);cursor:not-allowed;opacity:.55}.upload-content{text-align:center}.upload-icon{font-size:2.75rem;margin-bottom:12px;opacity:.75}.upload-content p{color:var(--color-text-secondary);font-size:.9rem;margin:6px 0}.supported-formats{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.6;margin-top:4px}.validation-error{align-items:center;background-color:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:7px;color:var(--color-warning-700);display:flex;font-size:.875rem;gap:8px;margin-top:12px;padding:10px 14px}.result-container{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-xs);padding:24px;text-align:left}.result-container.error{background-color:var(--color-error-50);border-left:3px solid var(--color-error-400)}.result-header{margin-bottom:20px;text-align:center}.result-header h3{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.result-header p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.kv-pairs-grid{grid-gap:0;border:1px solid var(--color-border-light);border-radius:8px;display:grid;gap:0;margin-bottom:20px;overflow:hidden}.kv-pair{grid-gap:12px;border-bottom:1px solid var(--color-border-light);display:grid;gap:12px;grid-template-columns:1fr 2fr;padding:12px 16px;transition:background var(--transition-fast)}.kv-pair:last-child{border-bottom:none}.kv-pair:hover{background:var(--color-primary-50)}.key{color:var(--color-text-secondary);font-weight:600}.key,.value{font-size:.875rem;word-break:break-word}.value{color:var(--color-text-primary)}.confidence-score{background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:8px;margin-bottom:16px;padding:9px 14px;text-align:center}.confidence-score span{color:var(--color-primary-700);font-size:.875rem;font-weight:600}.export-options{display:flex;gap:10px;justify-content:center;margin-top:16px}.export-btn{background:var(--color-primary-500);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:9px 18px;transition:background var(--transition-fast)}.export-btn:hover{background:var(--color-primary-600)}.error-message{background:#fff;border-radius:7px;margin-bottom:12px;padding:14px}.error-details{margin:12px 0}.error-details summary{background:var(--color-gray-100);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:8px;padding:9px}.error-details-content{background:#fff;border:1px solid var(--color-border-light);border-radius:6px;font-size:.875rem;padding:14px}.error-details-content p{margin:6px 0}.error-technical{border-top:1px solid var(--color-border-light);margin-top:12px;padding-top:12px}.error-technical code{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:6px;display:block;font-family:var(--font-family-mono);font-size:.75rem;margin-top:4px;overflow-x:auto;padding:10px}.error-suggestions{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:7px;margin-top:12px;padding:14px}.error-suggestions h4{margin-bottom:8px;margin-top:0}.error-suggestions h4,.error-suggestions ul{color:var(--color-warning-700);font-size:.875rem}.error-suggestions ul{margin:0;padding-left:18px}.error-suggestions li{margin-bottom:4px}@media (max-width:768px){.kv-pair{gap:4px;grid-template-columns:1fr;padding:10px 14px}.export-options{flex-direction:column}.error-details-content{padding:10px}.error-technical code{font-size:.7rem}}.homepage{margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.hero-section{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-10);overflow:hidden;padding:var(--spacing-16) var(--spacing-8) var(--spacing-12);position:relative;text-align:center}.hero-section:before{background:radial-gradient(ellipse at center,#0ea5e914 0,#7c3aed0d 50%,#0000 70%);content:"";height:300px;left:50%;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);width:600px}.hero-content{position:relative;z-index:1}.hero-badge{margin-bottom:var(--spacing-4)}.hero-badge .badge{background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-700);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.hero-title{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--spacing-5)}.hero-subtitle{color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-8) auto;max-width:600px}.hero-features{display:flex;flex-wrap:wrap;gap:var(--spacing-6);justify-content:center;margin-top:var(--spacing-6)}.hero-feature{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.feature-icon{font-size:var(--font-size-lg)}.upload-section{margin-bottom:var(--spacing-12)}.section-header{margin-bottom:var(--spacing-6);text-align:center}.section-header h2{color:var(--color-text-primary);font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-2)}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.processing-indicator{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin:var(--spacing-6) 0;padding:var(--spacing-10) var(--spacing-8);text-align:center}.processing-indicator .spinner-lg{margin:0 auto var(--spacing-5)}.processing-text{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.processing-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.result-section{margin:var(--spacing-10) 0}.next-steps{padding:var(--spacing-6) 0;text-align:center}.how-it-works-section{margin-bottom:var(--spacing-12)}.section-title{font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-8);text-align:center}.steps-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);position:relative;text-align:center;transition:all var(--transition-base)}.step-card:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:var(--shadow-base);transform:translateY(-2px)}.step-number{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;position:absolute;right:var(--spacing-4);top:var(--spacing-4);width:24px}.step-icon{font-size:2.5rem;margin-bottom:var(--spacing-3)}.step-card h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.step-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.features-section{margin-bottom:var(--spacing-12)}.features-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-5);text-align:center;transition:all var(--transition-base)}.feature-card:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.feature-card-icon{font-size:2rem;margin-bottom:var(--spacing-3)}.feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (max-width:1024px){.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homepage{padding:var(--spacing-4)}.hero-section{border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);padding:var(--spacing-10) var(--spacing-5) var(--spacing-8)}.hero-features{gap:var(--spacing-2)}.hero-feature{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.section-header h2{font-size:1.375rem}.section-header p{font-size:var(--font-size-base)}.section-title{font-size:1.375rem}.steps-grid{gap:var(--spacing-4);grid-template-columns:1fr}.features-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-section{padding:var(--spacing-8) var(--spacing-4) var(--spacing-6)}.section-header h2{font-size:1.2rem}.features-grid{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(160deg,var(--color-primary-50) 0,#f5f3ff 50%,#fff 100%);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.auth-card{background:#fff;border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 4px 24px #0ea5e91a,0 1px 4px #0000000f;max-width:420px;padding:2.5rem;width:100%}.auth-card h1{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem;text-align:center}.auth-subtitle{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1.75rem;text-align:center}.auth-error{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:8px;color:var(--color-error-700)}.auth-error,.auth-success{font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;padding:.7rem 1rem}.auth-success{background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:8px;color:var(--color-success-700)}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-group label{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.form-group input{background:#fff;border:1.5px solid var(--color-border-medium);border-radius:8px;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:.95rem;padding:.7rem .9rem;transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.auth-button{background:var(--color-primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-top:.25rem;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.auth-button:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.55}.auth-footer{border-top:1px solid var(--color-border-light);margin-top:1.75rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.auth-footer a{color:var(--color-primary-600);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{min-height:calc(100vh - 52px);padding:1.5rem}.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.5rem}.auth-subtitle{font-size:.875rem}}@media (max-width:480px){.auth-container{align-items:flex-start;min-height:calc(100vh - 48px);padding:2rem 1rem 1rem}.auth-card{border-radius:12px;padding:1.5rem 1rem}.auth-card h1{font-size:1.3rem;margin-bottom:.3rem}.auth-subtitle{font-size:.85rem;margin-bottom:1.25rem}.auth-error,.auth-success{font-size:.83rem;margin-bottom:1rem;padding:.6rem .8rem}.auth-form{gap:1rem}.form-group label{font-size:.82rem}.form-group input{font-size:.9rem;padding:.65rem .8rem}.auth-button{font-size:.9rem;padding:.75rem 1.2rem}.auth-footer{margin-top:1.25rem;padding-top:1.25rem}.auth-footer p{font-size:.82rem}}.document-chat{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-sm);height:70vh;overflow:hidden}.chat-container,.document-chat{display:flex;flex-direction:column}.chat-container{height:100%}.chat-messages{background:linear-gradient(to bottom,var(--color-primary-50) 0,#fff 60px);flex:1 1;overflow-y:auto;padding:18px}.date-separator{align-items:center;display:flex;justify-content:center;margin:24px 0 16px}.date-separator span{background:var(--color-gray-100);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 14px;text-transform:uppercase}.load-more-indicator{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.82rem;gap:8px;justify-content:center;padding:12px}.message{display:flex;margin-bottom:16px}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{border-radius:16px;max-width:78%;padding:12px 16px;position:relative;text-align:left}.user-message .message-content{background:var(--color-primary-500);border-bottom-right-radius:4px;color:#fff}.ai-message .message-content{background:#fff;border:1px solid var(--color-border-light);border-bottom-left-radius:4px;box-shadow:var(--shadow-xs);color:var(--color-text-primary)}.message-content p{font-size:.9rem;line-height:1.55;margin:0}.ai-message .message-content h1,.ai-message .message-content h2,.ai-message .message-content h3,.ai-message .message-content h4,.ai-message .message-content h5,.ai-message .message-content h6{color:var(--color-text-primary);font-weight:600;margin:10px 0 6px}.ai-message .message-content h1{font-size:1.4em}.ai-message .message-content h2{font-size:1.2em}.ai-message .message-content h3{font-size:1.05em}.ai-message .message-content p{line-height:1.6;margin:6px 0}.ai-message .message-content ol,.ai-message .message-content ul{margin:6px 0;padding-left:22px}.ai-message .message-content li{line-height:1.5;margin:3px 0}.ai-message .message-content strong{color:var(--color-text-primary);font-weight:600}.ai-message .message-content em{font-style:italic}.ai-message .message-content code{background:var(--color-gray-100);border-radius:4px;font-family:var(--font-family-mono);font-size:.875em;padding:2px 5px}.ai-message .message-content pre{background:var(--color-gray-100);border:1px solid var(--color-border-light);border-radius:6px;margin:6px 0;overflow-x:auto;padding:10px 12px}.ai-message .message-content pre code{background:#0000;padding:0}.ai-message .message-content blockquote{border-left:2px solid var(--color-primary-300);color:var(--color-text-secondary);font-style:italic;margin:6px 0;padding-left:12px}.ai-message .message-content a{border-bottom:1px solid var(--color-primary-200);color:var(--color-primary-600);text-decoration:none}.ai-message .message-content a:hover{border-bottom-color:var(--color-primary-400)}.ai-message .message-content table{border-collapse:collapse;font-size:.875em;margin:6px 0;width:100%}.ai-message .message-content td,.ai-message .message-content th{border:1px solid var(--color-border-light);padding:7px 10px;text-align:left}.ai-message .message-content th{background:var(--color-primary-50);font-weight:600}.ai-message .message-content hr{border:none;border-top:1px solid var(--color-border-light);margin:10px 0}.message-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.suggestion-btn{background:#fff;border:1px solid var(--color-primary-200);border-radius:var(--radius-base);color:var(--color-primary-600);cursor:pointer;font-size:.83rem;padding:8px 14px;text-align:left;transition:all var(--transition-fast)}.suggestion-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.typing{opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typing 1.2s ease-in-out infinite;background:var(--color-primary-400);border-radius:50%;display:inline-block;height:7px;width:7px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-input-container{background:#fff;border-top:1px solid var(--color-border-light);padding:16px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:8px;margin-bottom:8px}.chat-input{background:#fff;border:1.5px solid var(--color-border-medium);border-radius:10px;color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-base);font-size:.9rem;max-height:120px;min-height:42px;outline:none;padding:10px 14px;resize:none;transition:all var(--transition-fast)}.chat-input:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.send-button{align-items:center;background:var(--color-primary-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:42px;justify-content:center;transition:all var(--transition-fast);width:42px}.send-button:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 2px 8px #0ea5e94d}.send-button:disabled{cursor:not-allowed;opacity:.45}.chat-info{text-align:center}.chat-info p{color:var(--color-text-tertiary);font-size:.78rem;margin:0}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width:768px){.document-chat{border-radius:8px;height:calc(100vh - 120px)}.chat-messages{padding:12px}.message{margin-bottom:10px}.message-content{font-size:.875rem;max-width:85%;padding:10px 13px}.chat-input-container{padding:10px 12px}.chat-input{font-size:.875rem;padding:9px 13px}.send-button{font-size:1rem;height:38px;width:38px}.suggestion-btn{font-size:.8rem;padding:7px 11px}.chat-info p{font-size:.72rem}}@media (max-width:480px){.document-chat{border-radius:6px;height:calc(100vh - 100px)}.chat-messages{padding:8px}.message{margin-bottom:8px}.message-content{border-radius:12px;font-size:.85rem;max-width:90%;padding:8px 11px}.message-content p{font-size:.85rem}.chat-input-container{padding:8px}.chat-input-wrapper{gap:6px}.chat-input{font-size:.85rem;min-height:38px;padding:8px 11px}.send-button{font-size:.95rem;height:35px;width:35px}.message-suggestions{gap:5px;margin-top:8px}.suggestion-btn{border-radius:var(--radius-base);font-size:.77rem;padding:6px 10px}.chat-info p{font-size:.68rem}}.documents-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:24px 20px}.error-container button{font-weight:500;padding:9px 18px}.search-section{margin-bottom:20px}.search-wrapper{align-items:center;display:flex;max-width:460px;position:relative}.search-icon{font-size:.9rem;left:12px;line-height:1;opacity:.5;pointer-events:none;position:absolute}.search-input{background:var(--color-gray-50);border:1.5px solid var(--color-border-light);border-radius:10px;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:.875rem;outline:none;padding:10px 36px;transition:all var(--transition-fast);width:100%}.search-input:focus{background:#fff;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.search-clear,.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1;padding:3px 5px;position:absolute;right:10px;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.empty-state{border-radius:12px;padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:8px}.empty-state p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:24px}.upload-first-btn{background:var(--color-primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:background var(--transition-fast)}.upload-first-btn:hover{background:var(--color-primary-600)}.documents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.document-card{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-xs);overflow:hidden;transition:all var(--transition-base)}.document-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-base);transform:translateY(-2px)}.document-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 8px}.file-icon{font-size:1.75rem}.document-actions{display:flex;gap:4px}.delete-btn,.view-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;padding:6px;transition:background var(--transition-fast)}.view-btn:hover{background:var(--color-primary-50)}.delete-btn:hover{background:var(--color-error-50)}.document-content{padding:0 16px 14px}.document-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:5px;word-break:break-word}.document-date{color:var(--color-text-tertiary);font-size:.8rem;margin-bottom:12px}.document-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.stat-item{background:var(--color-gray-100);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;padding:3px 8px}.file-info{margin-bottom:12px}.file-size{background:var(--color-primary-50);border-radius:var(--radius-full);color:var(--color-text-secondary);color:var(--color-primary-700);display:inline-block;font-size:.75rem;padding:3px 8px}.document-preview{background:var(--color-gray-50);border-top:1px solid var(--color-border-light);padding:12px 16px}.preview-field{display:flex;font-size:.8rem;margin-bottom:6px}.preview-key{color:var(--color-text-secondary);flex-shrink:0;font-weight:600;margin-right:8px;min-width:70px}.preview-value{color:var(--color-text-primary);word-break:break-word}.more-fields{color:var(--color-primary-600);cursor:pointer;font-size:.78rem;font-weight:600;margin-top:8px;text-align:center}@media (max-width:1024px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.documents-page{min-height:calc(100vh - 52px);padding:16px 12px}.search-wrapper{max-width:100%}.documents-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.document-stats{flex-direction:row;gap:6px}}@media (max-width:480px){.documents-page{min-height:calc(100vh - 48px);padding:12px 10px}.search-section{margin-bottom:14px}.documents-grid{gap:10px;grid-template-columns:1fr}.document-card{border-radius:8px}.document-header{padding:12px 12px 6px}.file-icon{font-size:1.5rem}.document-content{padding:0 12px 10px}.document-title{font-size:.9rem}.document-date{font-size:.75rem;margin-bottom:10px}.stat-item{font-size:.7rem}.empty-state{padding:48px 14px}}.document-detail-page{margin:0 auto;max-width:960px;min-height:calc(100vh - 60px);padding:24px 20px}.error-container,.loading-container{padding:60px 20px;text-align:center}.loading-container .spinner{animation:spin .8s linear infinite;border-top:3px solid var(--color-gray-200);border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;margin:0 auto 16px;width:40px}.error-container h2{color:var(--color-error-600);margin-bottom:8px}.error-container button{background:var(--color-primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background var(--transition-fast)}.error-container button:hover{background:var(--color-primary-600)}.detail-header{border-bottom:1px solid var(--color-border-light);margin-bottom:28px;padding-bottom:18px}.back-btn{align-items:center;background:none;border:none;color:var(--color-primary-600);display:inline-flex;gap:4px;margin-bottom:16px;padding:6px 0;transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-primary-700)}.document-info h1{color:var(--color-text-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:6px;word-break:break-word}.upload-date{color:var(--color-text-tertiary);font-size:.875rem;margin:0}.detail-content{display:flex;flex-direction:column;gap:20px}.document-metadata,.extracted-data,.extracted-text{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-xs);padding:24px}.document-metadata h3,.extracted-data h3,.extracted-text h3{border-bottom:2px solid var(--color-primary-100);color:var(--color-text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:18px;padding-bottom:10px}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.metadata-item .label{color:var(--color-text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.metadata-item .value{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.kv-pairs-container{display:flex;flex-direction:column;gap:0}.kv-pair-item{grid-gap:16px;border-bottom:1px solid var(--color-border-light);display:grid;gap:16px;grid-template-columns:1fr 2fr;padding:14px 16px;transition:background var(--transition-fast)}.kv-pair-item:last-child{border-bottom:none}.kv-pair-item:hover{background:var(--color-primary-50)}.kv-key{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-weight:600}.kv-key,.kv-value{font-size:.875rem;word-break:break-word}.kv-value{color:var(--color-text-primary);line-height:1.5}.no-data{color:var(--color-text-secondary);font-size:.875rem;padding:32px 20px;text-align:center}.no-data,.text-content{background:var(--color-gray-50);border-radius:8px}.text-content{border:1px solid var(--color-border-light);max-height:380px;overflow-y:auto;padding:18px}.text-content pre{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:.83rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.text-content::-webkit-scrollbar{width:6px}.text-content::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.text-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.text-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width:768px){.document-detail-page{min-height:calc(100vh - 52px);padding:16px 12px}.document-metadata,.extracted-data,.extracted-text{padding:18px}.metadata-grid{gap:10px;grid-template-columns:1fr}.kv-pair-item{gap:4px;grid-template-columns:1fr;padding:12px 14px}.detail-content{gap:16px}}@media (max-width:480px){.document-detail-page{min-height:calc(100vh - 48px);padding:12px 10px}.detail-header{margin-bottom:18px;padding-bottom:14px}.document-metadata,.extracted-data,.extracted-text{border-radius:8px;padding:14px}.document-metadata h3,.extracted-data h3,.extracted-text h3{font-size:.95rem;margin-bottom:14px;padding-bottom:8px}.metadata-item .label{font-size:.68rem}.metadata-item .value{font-size:.875rem}.kv-key,.kv-value{font-size:.82rem}.text-content{max-height:280px;padding:14px}.text-content pre{font-size:.78rem}.detail-content{gap:12px}}.dynamic-form-renderer{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-xs);padding:1.75rem}.form-header{align-items:flex-start;border-bottom:1px solid var(--color-border-light);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.form-title h2{color:var(--color-text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.form-title p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.form-stats{display:flex;flex-shrink:0;gap:1.5rem}.stat{align-items:flex-end;display:flex;flex-direction:column}.stat-label{font-size:.75rem;margin-bottom:.2rem}.stat-value{font-size:1.35rem}.legend{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:8px;margin-bottom:1.5rem;padding:.875rem 1rem}.legend h4{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0 0 .625rem;text-transform:uppercase}.legend-items{display:flex;flex-wrap:wrap;gap:1.25rem}.legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.4rem}.legend-box{border:1.5px solid;border-radius:4px;height:20px;width:20px}.legend-box.auto-filled{background:#f0fdf4;border-color:#86efac}.legend-box.manual{background:#fffbeb;border-color:#fcd34d}.legend-box.needs-review{background:#fff1f2;border-color:#fca5a5}.form-section{margin-bottom:2rem}.section-title{border-bottom:2px solid var(--color-primary-100);color:var(--color-text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 1rem;padding-bottom:.5rem}.section-fields{grid-gap:1rem;display:grid;gap:1rem}.form-field{border:1.5px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:.4rem;padding:.875rem;transition:all var(--transition-fast)}.form-field.auto-filled{background:#f0fdf4;border-color:#86efac}.form-field.manual{background:#fffbeb;border-color:#fcd34d}.form-field.needs-review{background:#fff1f2;border-color:#fca5a5}.form-field.error{background:var(--color-error-50)!important;border-color:var(--color-error-400)!important}.form-field label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.2rem}.required{color:var(--color-error-500);font-size:1rem}.confidence-badge{align-items:center;align-self:flex-start;border-radius:var(--radius-full);display:inline-flex;font-size:.7rem;font-weight:600;gap:.4rem;padding:.2rem .625rem}.confidence-badge.high{background:var(--color-success-100);color:var(--color-success-700)}.confidence-badge.medium{background:var(--color-warning-100);color:var(--color-warning-700)}.confidence-badge.low{background:var(--color-error-100);color:var(--color-error-700)}.confidence-badge .strategy{font-size:.65rem;opacity:.8;text-transform:uppercase}.confidence-badge .review-flag{margin-left:.2rem}.form-control{background:#fff;border:1.5px solid var(--color-border-medium);border-radius:7px;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:.9rem;padding:.65rem .75rem;transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-field.error .form-control{border-color:var(--color-error-400)}textarea.form-control{min-height:90px;resize:vertical}.help-text{color:var(--color-text-tertiary);font-size:.8rem;font-style:italic}.error-text{color:var(--color-error-600);font-size:.8rem;font-weight:600}.source-info{background:#00000008;border-radius:4px;margin-top:.2rem;padding:.35rem .5rem}.source-info small{color:var(--color-text-tertiary);font-size:.75rem}.form-actions{border-top:1px solid var(--color-border-light);display:flex;gap:.875rem;justify-content:flex-end;margin-top:1.75rem;padding-top:1.5rem}.print-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.875rem 1.75rem;transition:all var(--transition-fast)}.print-btn{background:var(--color-gray-100);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.print-btn:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.submit-btn{background:var(--color-success-500);color:#fff}.submit-btn:hover{background:var(--color-success-600);box-shadow:0 2px 8px #22c55e40;transform:translateY(-1px)}@media print{.confidence-badge,.form-actions,.form-header,.legend,.source-info{display:none!important}.dynamic-form-renderer{border:none;box-shadow:none;padding:0}.form-field{background:#fff!important;border:1px solid #ddd!important;page-break-inside:avoid}.form-control{border:none;border-bottom:1px solid #333;padding:.2rem 0}.section-title{page-break-after:avoid}}@media (max-width:768px){.dynamic-form-renderer{padding:1rem}.form-header{flex-direction:column;gap:.875rem}.form-stats{gap:1rem}.form-stats,.stat{align-items:flex-start;flex-direction:row}.stat{align-items:center;gap:.5rem}.legend-items{gap:.875rem}.form-actions{flex-direction:column}.print-btn,.submit-btn{justify-content:center;width:100%}}.form-fill-page{margin:0 auto;max-width:1100px;padding:24px 20px}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{color:var(--color-text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}.page-header p{color:var(--color-text-secondary);font-size:.95rem}.upload-section{grid-gap:1.5rem;display:grid;gap:1.5rem}.upload-card{background:#fff;border:1px solid var(--color-border-light);border-radius:12px;box-shadow:var(--shadow-xs);padding:2.5rem 2rem;text-align:center}.upload-icon{font-size:3rem;margin-bottom:.75rem}.upload-card h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.75rem}.upload-instructions{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;max-width:560px}.file-input-wrapper{margin:1.5rem 0}.file-input{display:none}.file-input-label{background:var(--color-gray-50);border:2px dashed var(--color-border-medium);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.875rem 1.75rem;transition:all var(--transition-fast)}.file-input-label:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.file-info{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:8px;margin:1rem auto;max-width:400px;padding:.875rem;text-align:left}.file-info p{color:var(--color-text-secondary);font-size:.875rem;margin:.4rem 0}.upload-btn{background:var(--color-primary-500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.75rem;padding:.875rem 2.5rem;transition:all var(--transition-fast)}.upload-btn:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 4px 12px #0ea5e940;transform:translateY(-1px)}.upload-btn:disabled{background:var(--color-gray-300);cursor:not-allowed;transform:none}.how-it-works{background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:10px;padding:1.75rem}.how-it-works h3{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step{align-items:flex-start;display:flex;gap:.875rem}.step-number{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-700);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .3rem}.step-content p{color:var(--color-text-secondary);font-size:.83rem;line-height:1.5;margin:0}.supported-formats{padding:1.25rem;text-align:center}.supported-formats h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.875rem}.format-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.4rem}.badge{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);color:var(--color-primary-700);font-size:.8rem;font-weight:600;padding:.35rem .875rem}.format-note{color:var(--color-text-tertiary);font-size:.8rem;margin:.4rem 0 0}.result-section{margin:0 auto;max-width:760px}.back-btn{background:var(--color-gray-100);border:1px solid var(--color-border-light);border-radius:7px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.65rem 1.25rem;transition:all var(--transition-fast)}.back-btn:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.result-summary{background:#fff;border:1px solid var(--color-border-light);border-radius:10px;box-shadow:var(--shadow-xs);margin-bottom:1.5rem;padding:1.75rem}.result-summary h2{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1.25rem}.stats-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-box{display:flex;flex-direction:column;gap:.3rem}.stat-label{color:var(--color-text-tertiary);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.stat-value{color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.stat-value.confidence-high{color:var(--color-success-600)}.stat-value.confidence-medium{color:var(--color-warning-600)}.stat-value.confidence-low{color:var(--color-error-600)}.error-message{background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:8px;color:var(--color-error-700);font-size:.875rem;margin-top:.75rem;padding:1rem}.empty-state{background:var(--color-gray-50);border:1px dashed var(--color-border-medium);border-radius:10px;padding:2.5rem;text-align:center}.retry-btn{background:var(--color-primary-500);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.875rem;padding:.65rem 1.5rem;transition:background var(--transition-fast)}.retry-btn:hover{background:var(--color-primary-600)}@media (max-width:1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.form-fill-page{padding:16px 12px}.upload-card{padding:1.75rem 1rem}.upload-icon{font-size:2.5rem}.steps{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.result-summary{padding:1.25rem}}@media (max-width:480px){.form-fill-page{padding:12px 10px}.page-header{margin-bottom:1.5rem}.upload-card{border-radius:8px;padding:1.25rem .75rem}.upload-icon{font-size:2rem;margin-bottom:.6rem}.upload-card h2{font-size:1.1rem;margin-bottom:.6rem}.upload-instructions{font-size:.85rem;margin-bottom:1.25rem}.file-input-label{font-size:.85rem;padding:.7rem 1.25rem}.file-info{padding:.7rem}.file-info p{font-size:.82rem}.upload-btn{font-size:.9rem;padding:.7rem 1.75rem}.how-it-works{border-radius:8px;padding:1.25rem .875rem}.how-it-works h3{font-size:.9rem;margin-bottom:1.25rem}.steps{gap:1.25rem}.format-badges{gap:.5rem}.badge{font-size:.75rem;padding:.3rem .65rem}.result-summary{border-radius:8px;padding:1rem}.result-summary h2{font-size:1rem;margin-bottom:1rem}.stats-row{gap:.875rem;grid-template-columns:1fr 1fr}.stat-value{font-size:1.4rem}.back-btn,.retry-btn{font-size:.85rem;padding:.6rem 1rem}.empty-state{padding:1.75rem .875rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.App-header{margin-bottom:40px}.App-header h1{color:#333;margin-bottom:10px}.App-header p{color:#666;font-size:16px}.App-main{gap:30px}.App-main,.processing-indicator{display:flex;flex-direction:column}.processing-indicator{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;gap:15px;padding:30px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-indicator p{color:#666;font-size:16px;margin:0}
/*# sourceMappingURL=main.d7f634c8.css.map*/