@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overflow-x:hidden}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{-webkit-overflow-scrolling:touch;min-height:100svh;margin:0;overflow-x:hidden}#root{min-height:100svh;overflow-x:hidden}.auth-splash{color:#3d4350;background:#f6f7f9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100svh;font-family:system-ui,sans-serif;display:flex}html[data-theme=dark] .auth-splash{color:#c8ced9;background:#0c0e12}.auth-splash__spinner{border:3px solid #e2e5eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite auth-spin}html[data-theme=dark] .auth-splash__spinner{border-color:#60a5fa #2a3142 #2a3142}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-splash__text{margin:0;font-size:.9rem}.login-page{background:var(--surface-0,#f6f7f9);min-height:100svh;color:var(--text,#3d4350);justify-content:center;align-items:center;padding:1.5rem;font-family:DM Sans,system-ui,sans-serif;display:flex}html[data-theme=dark] .login-page{background:var(--surface-0,#0c0e12);color:var(--text,#c8ced9)}.login-card{background:var(--surface-1,#fff);border:1px solid var(--border,#e2e5eb);border-radius:14px;width:100%;max-width:400px;padding:1.75rem 1.5rem;box-shadow:0 12px 40px #0f172a14}html[data-theme=dark] .login-card{background:var(--surface-1,#141821);border-color:var(--border,#2a3142);box-shadow:0 12px 40px #00000073}.login-card__brand{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.login-card__logo{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:11px;flex-shrink:0;width:44px;height:44px}.login-card__title{letter-spacing:-.02em;color:var(--text-heading,#12151c);margin:0;font-size:1.35rem;font-weight:700}html[data-theme=dark] .login-card__title{color:var(--text-heading,#f1f4fa)}.login-card__subtitle{color:var(--text-muted,#6b7285);margin:.2rem 0 0;font-size:.8rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#6b7285);font-size:.7rem;font-weight:600}.login-input{font:inherit;border:1px solid var(--border,#e2e5eb);background:var(--surface-0,#f6f7f9);color:var(--text-heading,#12151c);border-radius:9px;padding:.6rem .75rem;font-size:.95rem}html[data-theme=dark] .login-input{background:var(--surface-0,#0c0e12);color:var(--text-heading,#f1f4fa)}.login-input:focus{border-color:#2563eb;outline:2px solid #2563eb40}.login-input:disabled{opacity:.65}.login-error{color:#b91c1c;margin:0;font-size:.85rem;line-height:1.35}html[data-theme=dark] .login-error{color:#f87171}.login-submit{font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;margin-top:.25rem;padding:.65rem 1rem;font-size:.95rem;font-weight:700;transition:filter .15s}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-hint{color:var(--text-muted,#6b7285);margin:1.25rem 0 0;font-size:.72rem;line-height:1.45}.login-hint code{background:var(--surface-2,#eef0f4);border-radius:4px;padding:.1rem .25rem;font-size:.68rem}html[data-theme=dark] .login-hint code{background:var(--surface-2,#1c2230)}:root{--surface-0:#f4f6f9;--surface-1:#fff;--surface-2:#edf0f5;--border:#e0e4ec;--border-light:#edf0f5;--text:#3b4252;--text-muted:#7b8494;--text-heading:#1a1e2c;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--radius:12px;--radius-sm:8px;--radius-xs:6px;--font:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--transition:.15s cubic-bezier(.4,0,.2,1)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0b0d11;--surface-1:#12161e;--surface-2:#1a1f2b;--border:#252c3a;--border-light:#1e2433;--text:#c4cbd9;--text-muted:#7e899e;--text-heading:#edf1f7;--accent:#60a5fa;--accent-hover:#3b82f6;--accent-soft:#60a5fa1f;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 40px #00000080}.app-shell{font-family:var(--font);color:var(--text);background:var(--surface-0);-webkit-font-smoothing:antialiased;min-height:100svh;font-size:14px;line-height:1.5}.app-banner{border-bottom:1px solid var(--border);padding:.55rem 1rem;font-size:13px}.app-banner--error{background:color-mix(in srgb, var(--danger) 10%, var(--surface-1))}.table-loading{color:var(--text-muted);text-align:center;padding:1.25rem}.topbar{background:var(--surface-1);border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex;position:sticky;top:0}@media (width>=641px){.topbar{gap:1rem;padding:.65rem 1.25rem}}.topbar__brand{align-items:center;gap:.6rem;display:flex}.topbar__logo{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.topbar__title{letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:.95rem;font-weight:700}@media (width>=641px){.topbar__title{font-size:1.05rem}}.topbar__subtitle{color:var(--text-muted);margin:0;font-size:.65rem;display:none}@media (width>=641px){.topbar__subtitle{display:block}}.topbar__actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.topbar__user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.72rem;display:none;overflow:hidden}@media (width>=768px){.topbar__user{display:block}}.topbar__icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-0);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.topbar__icon-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.topbar__icon-btn--logout:hover{color:var(--danger);border-color:var(--danger);background:#ef444414}.main-grid{grid-template-columns:1fr;gap:0;max-width:1600px;min-height:calc(100svh - 56px);margin:0 auto;display:grid}@media (width>=1101px){.main-grid{grid-template-columns:minmax(0,1fr) 370px}}.main-col{min-width:0;padding:.75rem .5rem 2rem;overflow-x:hidden}@media (width>=641px){.main-col{padding:1rem 1.25rem 2rem}}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}@media (width>=768px){.kpi-grid{grid-template-columns:repeat(6,1fr);gap:.6rem;margin-bottom:1rem}}.kpi-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-xs);padding:.6rem .65rem}.kpi-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.6rem;font-weight:600;display:block}.kpi-card__value{color:var(--text-heading);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1.25rem;font-weight:700;display:block}@media (width>=768px){.kpi-card__value{font-size:1.5rem}}.kpi-card__hint{color:var(--text-muted);margin-top:.2rem;font-size:.6rem;display:none}@media (width>=768px){.kpi-card__hint{display:block}}.filter-bar{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);margin-bottom:.75rem;padding:0;overflow:hidden}.filter-bar__top{align-items:center;gap:.5rem;padding:.5rem;display:flex}@media (width>=641px){.filter-bar__top{padding:.65rem .75rem}}.filter-bar__search{flex:1;min-width:0;margin:0}.filter-bar__search .input{width:100%;padding:.4rem .6rem;font-size:.8rem}.filter-bar__toggle{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-0);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.72rem;font-weight:600;display:flex}.filter-bar__toggle:hover{border-color:var(--accent);color:var(--accent)}.filter-bar__toggle--active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.filter-bar__toggle-label{display:none}@media (width>=480px){.filter-bar__toggle-label{display:inline}}.filter-bar__chevron{transition:transform var(--transition);flex-shrink:0}.filter-bar__chevron--open{transform:rotate(180deg)}.filter-bar__body{border-top:1px solid var(--border-light);background:color-mix(in srgb, var(--surface-0) 50%, var(--surface-1));padding:.5rem .5rem .65rem;animation:.2s ease-out filterSlide}@keyframes filterSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (width>=641px){.filter-bar__body{padding:.65rem .75rem}}.filter-bar__row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.filter-bar__row+.filter-bar__row{border-top:1px solid var(--border-light);margin-top:.5rem;padding-top:.5rem}.field{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}@media (width>=641px){.field{min-width:120px}}.field--narrow{flex:1;min-width:0}@media (width>=641px){.field--narrow{flex:0 0 130px}}.field--inline{flex-direction:row;align-items:center;gap:.5rem}.field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6rem;font-weight:600}.input,.textarea{font:inherit;color:var(--text-heading);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xs);transition:border-color var(--transition), box-shadow var(--transition);padding:.38rem .5rem;font-size:.78rem}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;width:100%}.table-block{min-width:0}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;margin-bottom:.4rem;display:flex}@media (width<=640px){.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar__actions{justify-content:flex-end}}.table-toolbar__meta{color:var(--text-muted);font-size:.72rem}.table-toolbar__dup-hint{color:var(--text-heading);font-weight:600}.table-toolbar__actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.table-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;max-height:min(65vh,560px);box-shadow:var(--shadow-sm);overflow:auto}.table-empty{color:var(--text-muted);text-align:center;margin:0;padding:1.5rem}.data-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.72rem}@media (width<=900px){.data-table{table-layout:auto;min-width:620px}}.data-table col.col-status{width:5.5%}.data-table col.col-source{width:6%}.data-table col.col-rest{width:8%}.data-table col.col-supplier{width:15%}.data-table col.col-nip{width:7.5%}.data-table col.col-invno,.data-table col.col-dates,.data-table col.col-amount{width:9%}.data-table col.col-cat{width:8%}.data-table col.col-type{width:5.5%}.data-table col.col-pay{width:6%}.data-table col.col-dup{width:5%}.data-table col.col-actions{width:5.5%}@media (width<=900px){.data-table col.col-nip,.data-table col.col-rest,.data-table col.col-type,.data-table col.col-dup,.data-table col.col-cat{width:0}.data-table .hide-mobile{display:none}}.data-table thead{z-index:1;background:var(--surface-2);position:sticky;top:0}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .35rem;font-size:.58rem;font-weight:600;line-height:1.2}.data-table th.num{text-align:right}.col-actions-th{padding:.35rem!important}.data-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:.4rem .35rem}.data-table .td-clip{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.data-table .td-dates{white-space:normal;max-width:0;line-height:1.25}.data-table .td-dates__line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.data-table .td-dates__sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;display:block;overflow:hidden}.data-table .td-actions{white-space:nowrap;text-align:right;vertical-align:middle;width:1%;max-width:none}.data-table__row{cursor:pointer;transition:background var(--transition)}.data-table__row:hover{background:var(--accent-soft)}.data-table__row--active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.cell-strong{color:var(--text-heading);font-weight:600}.mono{font-family:var(--font-mono);font-size:.76em}.badge{white-space:nowrap;letter-spacing:.01em;border-radius:5px;align-items:center;padding:.12rem .4rem;font-size:.65rem;font-weight:600;display:inline-flex}.badge--pay-paid{color:#059669;background:#10b9811f}html[data-theme=dark] .badge--pay-paid{color:#34d399;background:#10b98126}.badge--pay-unpaid{color:#d97706;background:#f59e0b1f}html[data-theme=dark] .badge--pay-unpaid{color:#fbbf24;background:#f59e0b26}.badge--review{color:#b45309;background:#f59e0b26}html[data-theme=dark] .badge--review{color:#fcd34d;background:#f59e0b26}.badge--muted{background:var(--surface-2);color:var(--text-muted)}.badge--scope-biz{background:var(--accent-soft);color:var(--accent)}.badge--scope-private{color:#64748b;background:#64748b1f}html[data-theme=dark] .badge--scope-private{color:#94a3b8}.badge--source{background:var(--surface-2);color:var(--text-heading);border:1px solid var(--border)}.badge--dup-hard{color:#7c3aed;background:#8b5cf624;outline:1px solid #7c3aed59}html[data-theme=dark] .badge--dup-hard{color:#c4b5fd}.badge--dup-soft{color:#7c3aed;background:#8b5cf614;outline:1px dashed #7c3aed66}.badge--dup-confirmed{color:#dc2626;background:#ef44441a;outline:2px solid #dc26264d}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);color:var(--text-heading);cursor:pointer;transition:all var(--transition);padding:.42rem .65rem;font-size:.78rem;font-weight:600}.btn:hover{background:var(--surface-2)}.btn--sm{padding:.32rem .55rem;font-size:.72rem}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn--danger-outline{color:#dc2626;border-color:#ef444459}html[data-theme=dark] .btn--danger-outline{color:#f87171}.btn--danger-solid{color:#fff;background:#dc2626;border-color:#dc2626}.btn--danger-solid:hover{filter:brightness(1.08)}.btn--link{color:var(--accent);text-align:left;background:0 0;border:none;padding-left:0;text-decoration:underline}.btn-icon-del{font:inherit;color:#dc2626;cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #ef44444d;border-radius:5px;padding:.18rem .35rem;font-size:.62rem;font-weight:700}html[data-theme=dark] .btn-icon-del{color:#f87171}.btn-icon-del:hover{background:#ef444414}.detail-panel{background:var(--surface-1);border-left:none;border-top:1px solid var(--border);min-height:auto;padding:1rem .75rem 2rem;overflow-y:auto}@media (width>=1101px){.detail-panel{border-left:1px solid var(--border);border-top:none;min-height:calc(100svh - 56px);max-height:calc(100svh - 56px);padding:1.25rem 1.25rem 2rem;position:sticky;top:56px}}.detail-panel--empty{color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;display:flex}.detail-panel__head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.detail-panel__title{color:var(--text-heading);margin:0;font-size:1rem;font-weight:700}.detail-panel__id{color:var(--text-muted);margin:.25rem 0 0;font-size:.68rem}.detail-section{border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding-bottom:.75rem}.detail-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem;font-size:.65rem;font-weight:700}.detail-hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.72rem;line-height:1.35}.detail-dl{grid-template-columns:95px 1fr;gap:.25rem .5rem;margin:0;font-size:.78rem;display:grid}@media (width>=641px){.detail-dl{grid-template-columns:115px 1fr;gap:.3rem .65rem}}.detail-dl dt{color:var(--text-muted);font-weight:500}.detail-dl dd{color:var(--text-heading);word-break:break-word;margin:0}.detail-reason{color:var(--text-muted);margin:.35rem 0 0;font-size:.72rem;line-height:1.4}.wrap{word-break:break-all}.history-list{margin:0;padding:0;font-size:.72rem;list-style:none}.history-list li{border-bottom:1px solid var(--border-light);grid-template-columns:1fr;gap:.1rem;padding:.4rem 0;display:grid}.history-list time{color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem}.history-list__actor{color:var(--accent);font-weight:600}.history-list__detail{color:var(--text-muted)}.action-grid{flex-direction:column;gap:.4rem;display:flex}.doc-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.doc-preview--loading,.doc-preview--error{color:var(--text-muted);padding:1rem;font-size:.85rem}.doc-preview--error{color:var(--text)}.doc-preview__hint{color:var(--text-muted);margin-top:.5rem;font-size:.78rem;line-height:1.4}.doc-preview__toolbar{border-bottom:1px solid var(--border);background:var(--surface-1);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.doc-preview__actions{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.doc-preview__error-actions{gap:.4rem;margin-top:.5rem;display:flex}.doc-preview__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:.72rem;overflow:hidden}.doc-preview__frame{background:var(--surface-1);border:none;width:100%;height:min(50vh,500px);min-height:280px;display:block}@media (width>=641px){.doc-preview__frame{height:min(55vh,560px);min-height:400px}}.doc-preview__img{object-fit:contain;background:var(--surface-1);width:auto;max-width:100%;height:auto;max-height:min(50vh,500px);margin:0 auto;display:block}.doc-preview__fallback{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.upload-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.upload-bar__hidden-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-bar__btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.upload-bar__btn:disabled{opacity:.5;cursor:not-allowed}.upload-bar__btn--camera{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-color:#0000}.upload-bar__btn--camera:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-bar__btn--file{background:var(--surface-1);color:var(--text-heading)}.upload-bar__btn--file:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.upload-bar__status{border-radius:var(--radius-xs);align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;animation:.2s ease-out fadeIn;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.upload-bar__status--loading{background:var(--accent-soft);color:var(--accent)}.upload-bar__status--success{color:#059669;background:#10b9811f}html[data-theme=dark] .upload-bar__status--success{color:#34d399}.upload-bar__status--error{color:#dc2626;background:#ef44441a}html[data-theme=dark] .upload-bar__status--error{color:#f87171}.upload-bar__spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite uploadSpin;display:inline-block}@keyframes uploadSpin{to{transform:rotate(360deg)}}.doc-preview__xml{white-space:pre-wrap;word-break:break-word;background:var(--surface-1);border-radius:var(--radius-xs);border:1px solid var(--border);max-height:380px;margin:0;padding:.6rem .75rem;font-size:11px;line-height:1.4;overflow:auto}