@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{color:#111827;background-color:#fafafa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:#111827;font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:#6b7280;line-height:1.6}small{color:#9ca3af;font-size:.75rem}code{background:#f3f4f6;border-radius:8px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #11182714}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn--primary{color:#fff;background:#111827}.btn--primary:hover:not(:disabled){background:#202e4b}.btn--primary:active:not(:disabled){background:#090d15}.btn--secondary{color:#111827;background:0 0;border:1px solid #e5e7eb}.btn--secondary:hover:not(:disabled){background:#f3f4f6}.btn--secondary:active:not(:disabled){background:#f0f0f0}.btn--ghost{color:#6b7280;background:0 0}.btn--ghost:hover:not(:disabled){color:#111827;background:#f3f4f6}.btn--danger{color:#fff;background:#ef4444}.btn--danger:hover:not(:disabled){background:#ec1e1e}.btn--sm{padding:6px 12px;font-size:.75rem}.btn--lg{padding:14px 28px;font-size:1rem}.btn--icon{border-radius:8px;padding:8px}.btn--loading{color:#0000;position:relative}.btn--loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#fff;border-radius:12px;padding:24px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 20px #0000000a}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.card{cursor:pointer;position:relative}.card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card__status{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:inline-flex}.card__status-dot{border-radius:50%;width:8px;height:8px}.card__status-dot--pass{background:#10b981}.card__status-dot--fail{background:#ef4444}.card__status-dot--pending{background:#f59e0b}.card__status-dot--processing{background:#3b82f6}.card__meta{color:#9ca3af;align-items:center;gap:4px;font-size:.75rem;display:flex}.card__body{margin-bottom:16px}.card__title{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:1.125rem;font-weight:600;overflow:hidden}.card__subtitle{color:#6b7280;font-size:.875rem}.card__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.card__tag{color:#6b7280;background:#f3f4f6;border-radius:50px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.card__value{color:#111827;font-size:1.5rem;font-weight:700}.card__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}@media (width<=768px){.card-grid{grid-template-columns:1fr}}.search{width:100%;max-width:640px;margin:0 auto;position:relative}.search__wrapper{align-items:center;display:flex;position:relative}.search__icon{color:#9ca3af;pointer-events:none;transition:color .2s ease-in-out;position:absolute;left:20px}.search__icon svg{width:18px;height:18px}.search__input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:50px;width:100%;padding:14px 20px 14px 52px;font-size:.875rem;transition:all .2s ease-in-out;box-shadow:0 4px 20px #0000000a}.search__input::placeholder{color:#9ca3af}.search__input:hover{border-color:#c8ccd5}.search__input:focus{border-color:#111827;outline:none;box-shadow:0 8px 30px #00000014}.search__shortcut{color:#9ca3af;background:#f3f4f6;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;position:absolute;right:16px}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#0003;transition:opacity .2s ease-in-out;position:fixed;inset:0}.search-overlay--active{opacity:1;pointer-events:all}.invoice-table{background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000000a}.invoice-table__header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.invoice-table__title{font-size:1.125rem;font-weight:600}.invoice-table table{border-collapse:collapse;width:100%}.invoice-table thead{background:#fafafa}.invoice-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;font-size:.75rem;font-weight:500}.invoice-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease-in-out}.invoice-table tbody tr:hover{background:#f3f4f6}.invoice-table tbody tr:last-child{border-bottom:none}.invoice-table tbody td{color:#111827;padding:16px 24px;font-size:.875rem}.invoice-table__status{border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.invoice-table__status--pass{color:#10b981;background:#10b9811a}.invoice-table__status--fail{color:#ef4444;background:#ef44441a}.invoice-table__status--pending{color:#f59e0b;background:#f59e0b1a}.invoice-table__status--processing{color:#3b82f6;background:#3b82f61a}.invoice-table__empty{text-align:center;color:#9ca3af;padding:64px}.invoice-table__empty svg{opacity:.3;width:48px;height:48px;margin:0 auto 16px}.upload__zone{cursor:pointer;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 32px;transition:all .2s ease-in-out;display:flex}.upload__zone:hover,.upload__zone--active{background:#f3f4f6;border-color:#111827}.upload__zone svg{color:#9ca3af;width:40px;height:40px}.upload__label{color:#6b7280;text-align:center;font-size:.875rem}.upload__label strong{color:#111827}.upload__formats{color:#9ca3af;font-size:.75rem}.upload__progress{margin-top:24px}.upload__file{background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.upload__file-info{align-items:center;gap:8px;display:flex}.upload__file-info svg{color:#9ca3af;width:20px;height:20px}.upload__file-name{color:#111827;font-size:.875rem;font-weight:500}.upload__file-size{color:#9ca3af;font-size:.75rem}.upload__file-status{font-size:.75rem;font-weight:500}.upload__file-status--uploading{color:#3b82f6}.upload__file-status--processing{color:#f59e0b}.upload__file-status--done{color:#10b981}.upload__file-status--error{color:#ef4444}.upload__bar{background:#f3f4f6;border-radius:2px;width:100%;height:3px;margin-top:8px;overflow:hidden}.upload__bar-fill{background:#111827;border-radius:2px;height:100%;transition:width .3s ease-in-out}.validation__result{background:#fff;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.validation__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.validation__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.validation__badge--pass{color:#10b981;background:#10b9811a}.validation__badge--fail{color:#ef4444;background:#ef44441a}.validation__explanation{color:#6b7280;background:#fafafa;border-left:3px solid #e5e7eb;border-radius:8px;padding:16px;font-size:.875rem;line-height:1.7}.validation__explanation--error{border-left-color:#ef4444}.validation__actions{gap:16px;margin-top:16px;display:flex}.validation__actions a,.validation__actions button{color:#6b7280;align-items:center;gap:4px;font-size:.875rem;transition:color .15s ease-in-out;display:inline-flex}.validation__actions a:hover,.validation__actions button:hover{color:#111827}.validation__actions a svg,.validation__actions button svg{width:14px;height:14px}.validation__anomalies{margin-top:24px}.validation__anomaly{background:#fafafa;border-left:3px solid #f59e0b;border-radius:8px;margin-bottom:8px;padding:16px}.validation__anomaly-title{color:#111827;margin-bottom:4px;font-size:.875rem;font-weight:600}.validation__anomaly-desc{color:#6b7280;font-size:.875rem;line-height:1.6}.sidebar{z-index:100;background:#fff;border-right:1px solid #f3f4f6;flex-direction:column;width:68px;transition:width .2s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:hover{width:260px}.sidebar:hover .sidebar__label,.sidebar:hover .sidebar__logo-text{opacity:1}.sidebar__logo{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;height:72px;padding:24px;display:flex}.sidebar__logo-mark{color:#fff;background:#111827;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.sidebar__logo-text{color:#111827;opacity:0;white-space:nowrap;font-size:1.125rem;font-weight:600;transition:opacity .2s ease-in-out}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:16px 8px;display:flex;overflow-y:auto}.sidebar__link{color:#6b7280;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;transition:all .15s ease-in-out;display:flex}.sidebar__link svg{width:20px;min-width:20px;height:20px}.sidebar__link:hover{color:#111827;background:#f3f4f6}.sidebar__link--active{color:#111827;background:#f0f0f0;font-weight:500}.sidebar__label{opacity:0;font-size:.875rem;transition:opacity .2s ease-in-out}.sidebar__footer{border-top:1px solid #f3f4f6;padding:16px}.sidebar__user{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:background .15s ease-in-out;display:flex;position:relative}.sidebar__user:hover{background:#f3f4f6}.sidebar__avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.sidebar__user-info{opacity:0;white-space:nowrap;transition:opacity .2s ease-in-out}.sidebar:hover .sidebar__user-info{opacity:1}.sidebar__user-name{color:#111827;font-size:.875rem;font-weight:500}.sidebar__user-role{color:#9ca3af;font-size:.75rem}.sidebar__popover{z-index:400;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:180px;margin-bottom:8px;padding:4px;position:absolute;bottom:100%;left:8px;box-shadow:0 8px 30px #00000014}.sidebar__popover-item{color:#6b7280;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.875rem;transition:all .15s ease-in-out;display:flex}.sidebar__popover-item:hover{color:#111827;background:#f3f4f6}.sidebar__popover-item--danger:hover{color:#ef4444}.sidebar__popover-item svg{width:16px;height:16px}.layout{min-height:100vh;display:flex}.layout__main{flex:1;max-width:calc(100vw - 68px);margin-left:68px;padding:32px 48px;transition:margin-left .2s ease-in-out}@media (width<=768px){.layout__main{padding:16px}}.dashboard__header{margin-bottom:48px}.dashboard__greeting{color:#111827;margin-bottom:4px;font-size:2rem;font-weight:700}.dashboard__subtitle{color:#6b7280;font-size:1rem}.dashboard__search,.dashboard__section{margin-bottom:48px}.dashboard__section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard__section-title{font-size:1.25rem;font-weight:600}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}@media (width<=1024px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard__stats{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex;box-shadow:0 4px 20px #0000000a}.stat-card__label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-card__value{color:#111827;font-size:1.5rem;font-weight:700}.stat-card__change{font-size:.75rem;font-weight:500}.stat-card__change--up{color:#10b981}.stat-card__change--down{color:#ef4444}.landing{background:#fafafa;min-height:100vh}.landing__nav{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:24px 48px;display:flex}@media (width<=768px){.landing__nav{padding:16px}}.landing__nav-brand{align-items:center;gap:8px;display:flex}.landing__logo-mark{color:#fff;background:#111827;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.landing__logo-text{color:#111827;font-size:1.25rem;font-weight:700}.landing__nav-actions{align-items:center;gap:8px;display:flex}.landing__hero{border-bottom:1px solid #f3f4f6;padding-bottom:64px}.landing__hero-content{text-align:center;max-width:760px;margin:0 auto;padding:64px 48px 32px}@media (width<=768px){.landing__hero-content{padding:32px 16px}}.landing__hero-badge{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:50px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.landing__hero-title{color:#111827;letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.1}.landing__hero-subtitle{color:#6b7280;max-width:600px;margin:0 auto 32px;font-size:1.125rem;line-height:1.7}.landing__hero-actions{justify-content:center;align-items:center;gap:16px;margin-bottom:64px;display:flex}@media (width<=640px){.landing__hero-actions{flex-direction:column;width:100%}.landing__hero-actions .btn{width:100%}}.landing__pipeline{grid-template-columns:repeat(4,1fr);gap:16px;max-width:700px;margin:0 auto;display:grid}@media (width<=640px){.landing__pipeline{grid-template-columns:repeat(2,1fr)}}.landing__pipeline-step{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.landing__pipeline-num{color:#9ca3af;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}.landing__pipeline-label{color:#111827;font-size:.875rem;font-weight:600}.landing__pipeline-detail{color:#9ca3af;text-align:center;font-size:.75rem}.landing__section-inner{text-align:center;max-width:1280px;margin:0 auto;padding:64px 48px}@media (width<=768px){.landing__section-inner{padding:48px 16px}}.landing__section-title{color:#111827;margin-bottom:8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.landing__section-subtitle{color:#6b7280;margin-bottom:48px;font-size:1rem}.landing__features{background:#fff;border-bottom:1px solid #f3f4f6}.landing__features-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.landing__features-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}}.landing__feature-card{background:#fafafa;border:1px solid #f3f4f6;border-radius:12px;padding:24px;transition:box-shadow .2s ease-in-out}.landing__feature-card:hover{box-shadow:0 4px 20px #0000000a}.landing__feature-icon{color:#fff;background:#111827;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.landing__feature-icon svg{width:20px;height:20px}.landing__feature-title{color:#111827;margin-bottom:8px;font-size:1rem;font-weight:600}.landing__feature-desc{color:#6b7280;font-size:.875rem;line-height:1.7}.landing__cta{background:#fafafa}.landing__cta-title{color:#111827;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.landing__cta-subtitle{color:#6b7280;max-width:500px;margin:0 auto 32px;font-size:1rem;line-height:1.7}.landing__footer{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:24px 48px;font-size:.75rem;display:flex}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=768px){.login{grid-template-columns:1fr}}.login__brand{color:#fff;background:#111827;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:64px;display:flex}@media (width<=768px){.login__brand{display:none}}.login__brand-logo{background:#ffffff26;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.login__brand-name{font-size:2rem;font-weight:700}.login__brand-tagline{opacity:.7;text-align:center;max-width:320px;font-size:1rem;line-height:1.6}.login__form-wrapper{justify-content:center;align-items:center;padding:64px;display:flex}.login__form{width:100%;max-width:380px}.login__title{color:#111827;margin-bottom:4px;font-size:1.5rem;font-weight:700}.login__description{color:#6b7280;margin-bottom:32px;font-size:.875rem}.login__field{margin-bottom:16px}.login__field label{color:#111827;margin-bottom:4px;font-size:.875rem;font-weight:500;display:block}.login__field input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:.875rem;transition:border-color .2s ease-in-out}.login__field input::placeholder{color:#9ca3af}.login__field input:focus{border-color:#111827;outline:none;box-shadow:0 0 0 3px #11182714}.login__error{color:#ef4444;background:#ef44440d;border-radius:8px;margin-bottom:16px;padding:8px 16px;font-size:.75rem}.login__submit{width:100%;margin-top:16px}.document-detail__header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.document-detail__back{color:#6b7280;align-items:center;gap:4px;margin-bottom:16px;font-size:.875rem;transition:color .15s ease-in-out;display:inline-flex}.document-detail__back:hover{color:#111827}.document-detail__back svg{width:16px;height:16px}.document-detail__title-row{justify-content:space-between;align-items:flex-start;display:flex}.document-detail__title{font-size:1.5rem;font-weight:700}.document-detail__meta-row{gap:16px;margin-top:8px;display:flex}.document-detail__meta-item{color:#9ca3af;align-items:center;gap:4px;font-size:.75rem;display:flex}.document-detail__meta-item svg{width:14px;height:14px}.document-detail__grid{grid-template-columns:1fr 400px;gap:32px;display:grid}@media (width<=1024px){.document-detail__grid{grid-template-columns:1fr}}.document-detail__extracted{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000a}.document-detail__extracted-title{margin-bottom:24px;font-size:1.125rem;font-weight:600}.document-detail__field-group{margin-bottom:24px}.document-detail__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:500}.document-detail__field-value{color:#111827;background:#fafafa;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500}.document-detail__sidebar{flex-direction:column;gap:24px;display:flex}.document-detail__json-preview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000a}.document-detail__json-preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.document-detail__json-preview pre{color:#6b7280;background:#fafafa;border-radius:8px;max-height:400px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;overflow:auto}