*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:40px 20px;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none;z-index:0}#root{width:95%;max-width:1400px;min-height:500px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:2.5rem;box-shadow:0 32px 64px #0006,0 0 0 1px #ffffff1a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;position:relative;z-index:1;overflow:visible}#root:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:32px;pointer-events:none}h1{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin:0 0 2rem;background:linear-gradient(135deg,#fff,#a8a8ff,#ff8a80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative;z-index:2}.input-section{flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:2;margin-bottom:1.5rem}.dropzone{border:2px dashed rgba(255,255,255,.3);border-radius:24px;padding:2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff0d,#ffffff05);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;height:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8a8ff1a,#ff8a801a);opacity:0;transition:opacity .4s ease;border-radius:24px}.dropzone:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.dropzone:hover:before,.dropzone.drag-over:before{opacity:1}.dropzone:hover:after,.dropzone.drag-over:after{transform:translate(-50%,-50%) scale(3)}.dropzone:hover{border-color:#a8a8ff99;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #a8a8ff33}.dropzone.drag-over{border-color:#ff8a80cc;border-style:solid;transform:scale(1.05);box-shadow:0 25px 50px #ff8a804d}.dropzone p{margin:0;font-size:1.1rem;color:#fffc;font-weight:500;position:relative;z-index:1;line-height:1.6}.dropzone .file-info{margin:0 auto;padding:1.5rem;background:#ffffff1a;border-radius:16px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:90%;text-align:center}.dropzone .file-info p{color:#fff;font-weight:600;font-size:1rem}.dropzone .file-info span{color:#a8a8ff;font-weight:700}input[type=file]{display:none}button{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;border:none;border-radius:16px;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #667eea66,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;margin-top:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;letter-spacing:.02em}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}button:hover:before{left:100%}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 48px #667eea80,0 0 0 1px #fff3}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.result-section{margin-top:2rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);background:#ffffff1f;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h2{font-size:1.4rem;color:#fff;margin:0 0 1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid transparent;background:linear-gradient(135deg,#a8a8ff,#ff8a80) bottom / 100% 2px no-repeat;position:relative;letter-spacing:-.01em}pre{background:#00000080;border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;line-height:1.6;max-height:300px;overflow-y:auto;box-shadow:inset 0 2px 8px #0006;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error{color:#ff8a80;font-weight:600;padding:1.5rem;background:#ff8a8026;border:1px solid rgba(255,138,128,.4);border-radius:16px;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #ff8a8033}pre::-webkit-scrollbar{width:8px}pre::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}pre::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}pre::-webkit-scrollbar-thumb:hover{background:#ffffff80}.warning,.tabs,.tab,input[type=text]{display:none}.files-section{position:relative;z-index:2;margin:2rem 0}.files-section h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a8a8ff,#ff8a80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.file-item{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.file-item:hover{background:#ffffff1f;transform:translateY(-2px)}.file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-name{font-weight:600;color:#fff;font-size:1rem;flex:1}.remove-btn{background:#ff8a8033;color:#ff8a80;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:1rem}.remove-btn:hover:not(:disabled){background:#ff8a8066;transform:scale(1.1)}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-actions{display:flex;gap:1rem;margin-bottom:1rem}.file-actions button{flex:1;padding:.5rem .75rem;font-size:.8rem;min-height:36px;font-weight:500}.file-actions button.completed{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.file-actions button.completed:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#5cb85c)}.status-indicator{font-size:.85rem;padding:.5rem 1rem;border-radius:12px;text-align:center;font-weight:500;transition:all .3s ease}.status-indicator.pending{background:#a8a8ff33;color:#a8a8ff;border:1px solid rgba(168,168,255,.3)}.status-indicator.processing{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-indicator.ocr-completed{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.status-indicator.completed{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-indicator.error{background:#ff8a8033;color:#ff8a80;border:1px solid rgba(255,138,128,.3)}.extracted-data{margin-top:1rem;background:#ffffff0d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.extracted-data h4{margin:0 0 .5rem;color:#a8a8ff;font-size:.9rem;font-weight:600}.extracted-data pre{font-size:.75rem;background:#0003;padding:.75rem;border-radius:8px;overflow-x:auto;margin:0;color:#fff;max-height:200px;overflow-y:auto}.export-section{position:relative;z-index:2;margin:2rem 0}.export-actions{display:flex;justify-content:center;margin:2rem 0}.export-btn{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;min-width:160px}.editable-table{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.15);overflow:hidden}.editable-table h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#fff,#a8a8ff,#ff8a80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.2)}table{width:100%;border-collapse:collapse;background:#ffffff0d;font-size:.9rem}table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem .75rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:10}table th:first-child{border-top-left-radius:12px}table th:last-child{border-top-right-radius:12px}table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle;min-width:150px}table tbody tr{transition:background-color .3s ease}table tbody tr:hover{background:#ffffff1a}table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.filename-cell{font-weight:600;color:#a8a8ff;min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-input{width:100%;background:#fffffff2;border:1px solid rgba(168,168,255,.3);border-radius:6px;color:#2c3e50;padding:.6rem;font-size:.85rem;transition:all .3s ease;min-width:140px;box-sizing:border-box;font-family:inherit}.table-input:focus{outline:none;background:#fff;border-color:#667eeacc;box-shadow:0 0 0 2px #667eea33}.table-input::placeholder{color:#ffffff80}@media (max-width: 1200px){#root{width:90%;max-width:none}.table-container{font-size:.8rem}.table-input{min-width:120px;padding:.5rem}table th,table td{padding:.5rem}}@media (max-width: 768px){.file-actions{flex-direction:column}.table-actions{flex-direction:column;align-items:center}.table-actions button{width:100%;max-width:300px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#a8a8ff80;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8ffb3}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}