@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-hover: #1a1a24;--color-border: #25252f;--color-border-hover: #35354a;--color-text: #ffffff;--color-text-muted: #8888a0;--color-text-dim: #55556a;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-success: #10b981;--color-pdf: #ef4444;--color-docx: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.container{width:100%;max-width:580px}.header{text-align:center;margin-bottom:2rem}.header__logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border-radius:var(--radius-lg);color:#fff;margin-bottom:1rem;box-shadow:0 8px 32px #6366f14d}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.header__subtitle{color:var(--color-text-muted);font-size:1rem;margin-bottom:.75rem}.header__badge{display:inline-block;font-size:.75rem;color:var(--color-success);background:#10b9811a;padding:.375rem .75rem;border-radius:9999px;font-weight:500}.dropzone{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:3rem 2rem;cursor:pointer;transition:all .15s ease;margin-bottom:1.5rem}.dropzone:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.dropzone--active{border-color:var(--color-primary);background:#6366f10d}.dropzone--processing{pointer-events:none;opacity:.7}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone__icons{display:flex;gap:.5rem}.dropzone__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);color:var(--color-text-muted)}.dropzone__icon--pdf{background:#ef44441a;color:var(--color-pdf)}.dropzone__icon--docx{background:#3b82f61a;color:var(--color-docx)}.dropzone__icon--dragging{background:#6366f126;color:var(--color-primary)}.dropzone__icon--processing{background:#6366f126;color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropzone__text{text-align:center}.dropzone__text h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.dropzone__text p{font-size:.875rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface-hover);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-border);color:var(--color-text)}.file-list{margin-top:1.5rem}.file-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.file-list__header h2{font-size:1rem;font-weight:600;color:var(--color-text-muted)}.file-list__items{display:flex;flex-direction:column;gap:.75rem}.file-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease}.file-card:hover{border-color:var(--color-border-hover)}.file-card__main{display:flex;align-items:center;gap:1rem;padding:1rem}.file-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);flex-shrink:0}.file-card__icon--pdf{background:#ef44441a;color:var(--color-pdf)}.file-card__icon--docx{background:#3b82f61a;color:var(--color-docx)}.file-card__info{flex:1;min-width:0}.file-card__info h4{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-card__status{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.file-card__check{display:flex;align-items:center;gap:.25rem;color:var(--color-success)}.file-card__toggle{display:flex;align-items:center;gap:.25rem;color:var(--color-text-dim);background:none;border:none;font-family:inherit;font-size:.75rem;cursor:pointer;padding:0}.file-card__toggle:hover{color:var(--color-text-muted)}.file-card__metadata{padding:0 1rem 1rem}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;background:var(--color-bg);padding:.75rem;border-radius:var(--radius-sm)}.metadata-item{display:flex;flex-direction:column;gap:.125rem;font-size:.6875rem;overflow:hidden}.metadata-key{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.metadata-value{color:var(--color-pdf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-more{color:var(--color-text-dim)}.metadata-empty{font-size:.75rem;color:var(--color-text-dim);font-style:italic}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-dim)}.footer__status{display:flex;align-items:center;gap:.375rem}.footer__status svg{color:var(--color-success)}.footer__link{display:flex;align-items:center;gap:.375rem;color:inherit;text-decoration:none;transition:color .15s ease}.footer__link:hover{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.field-selector{margin-bottom:1rem}.field-selector__toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .15s ease}.field-selector__toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.field-selector__count{margin-left:auto;font-size:.75rem;color:var(--color-text-dim);background:var(--color-bg);padding:.125rem .5rem;border-radius:9999px}.field-selector__content{margin-top:.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.field-group{margin-bottom:1rem}.field-group:last-child{margin-bottom:0}.field-group__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.field-group__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.field-group__actions{display:flex;gap:.25rem}.field-group__btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-family:inherit;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;transition:all .15s ease}.field-group__btn:hover{background:var(--color-border);color:var(--color-text-muted)}.field-group__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.field-group__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}.field-checkbox{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease}.field-checkbox:hover{background:var(--color-bg)}.field-checkbox input{display:none}.field-checkbox__box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:transparent;transition:all .1s ease}.field-checkbox input:checked+.field-checkbox__box{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.field-checkbox__label{font-size:.75rem;color:var(--color-text-muted)}