:root{--hub-color-ink:#172033;--hub-color-muted:#64748b;--hub-color-line:#e2e8f0;--hub-color-background:#f7f9fc;--hub-color-surface:#fff;--hub-color-primary:#1d4ed8;--hub-color-primary-soft:#eff6ff;--hub-color-success:#166534;--hub-color-warning:#9a3412;--hub-color-danger:#b91c1c;--hub-space-1:4px;--hub-space-2:8px;--hub-space-3:12px;--hub-space-4:16px;--hub-space-5:20px;--hub-space-6:24px;--hub-space-8:32px;--hub-radius-sm:6px;--hub-radius-md:10px;--hub-radius-lg:14px;--hub-focus-ring:3px solid #2563eb;--hub-focus-offset:2px;--hub-z-sticky:20;--hub-z-overlay:100;--hub-motion-fast:.15s;--hub-motion-normal:.22s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--ink:var(--hub-color-ink);--muted:var(--hub-color-muted);--line:var(--hub-color-line);--bg:var(--hub-color-background);--blue:var(--hub-color-primary);--light:var(--hub-color-primary-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;margin:0;font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex}#app{flex:1}:focus-visible{outline:var(--hub-focus-ring);outline-offset:var(--hub-focus-offset)}main{max-width:1200px;margin:auto;padding:42px 28px}header,.card-head,.toolbar,.docs{justify-content:space-between;align-items:center;gap:20px;display:flex}header{margin-bottom:34px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700;display:block}h1{margin:4px 0;font-size:34px}h2{margin:5px 0;font-size:28px}h3{margin:0}p{color:var(--muted);margin:4px 0}.profile{text-align:right}.profile small{color:var(--muted);display:block}.toolbar{background:var(--hub-color-surface);border:1px solid var(--line);border-radius:var(--hub-radius-md);padding:16px}.toolbar input{flex:1;min-width:240px}.toolbar input,select,input,textarea{border-radius:var(--hub-radius-sm);font:inherit;background:var(--hub-color-surface);border:1px solid #cbd5e1;padding:10px}.summary{color:var(--muted);margin:18px 0}.table-wrap{background:var(--hub-color-surface);border:1px solid var(--line);border-radius:var(--hub-radius-md);overflow:auto}table{border-collapse:collapse;width:100%;min-width:740px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px}td small,article small{color:var(--muted);margin-top:2px;display:block}.badge{color:var(--hub-color-success);background:#dcfce7;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.muted{color:#475569;background:#e2e8f0}.link,.back{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;font-weight:650}.empty{text-align:center;color:var(--muted);padding:36px}.back{margin-bottom:18px}.card-head{border-bottom:1px solid var(--line);padding-bottom:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0;display:grid}.grid label{gap:6px;font-weight:650;display:grid}.grid .wide{grid-column:1/-1}textarea{resize:vertical;font-weight:400}.actions{align-items:center;gap:15px;display:flex}.primary,.upload{border-radius:var(--hub-radius-sm);background:var(--blue);color:#fff;font:inherit;cursor:pointer;border:0;padding:11px 16px;font-weight:700}.docs{border-top:1px solid var(--line);margin-top:42px;padding-top:25px}.upload{background:var(--light);color:var(--blue)}.documents{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px;display:grid}.documents article{background:var(--hub-color-surface);border:1px solid var(--line);border-radius:var(--hub-radius-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.documents article>div{overflow-wrap:anywhere;min-width:0}.documents article>a{flex-shrink:0}.documents button:disabled{color:#94a3b8;cursor:not-allowed}@media (width<=650px){main{padding:24px 16px}header,.toolbar,.card-head,.docs{flex-direction:column;align-items:stretch}.profile{text-align:left}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}.hub-version-footer{border-top:1px solid var(--line);width:calc(100% - 56px);max-width:1600px;color:var(--muted);text-align:right;margin:0 auto;padding:12px 0 18px;font-size:12px}@media (width<=650px){.hub-version-footer{width:calc(100% - 32px)}}main{max-width:1660px;padding-inline:24px}.code-copy{color:#1d4ed8;font:inherit;letter-spacing:.02em;cursor:copy;-webkit-user-select:all;user-select:all;background:#eff6ff;border:0;border-radius:5px;padding:2px 5px;font-size:12px;font-weight:750}.code-copy:hover,.code-copy:focus-visible{background:#dbeafe}table{table-layout:fixed;min-width:1120px}th,td{vertical-align:top;overflow-wrap:anywhere;padding:13px 7px;font-size:14px}th{letter-spacing:.02em;overflow-wrap:normal;font-size:12px}th:first-child{width:16%}th:nth-child(2){width:13%}th:nth-child(3){width:8%}th:nth-child(4){width:12%}th:nth-child(5){width:10%}th:nth-child(6){width:7%}th:nth-child(7){width:6%}th:nth-child(8){width:8%}th:nth-child(9){width:7%}th:nth-child(10){width:13%}th:nth-child(7),th:nth-child(8),th:nth-child(9){text-transform:none;letter-spacing:0}.company-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.company-stat{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 18px;display:flex}.company-stat strong{color:var(--ink);font-size:23px;font-weight:700}@media (width<=720px){.company-stats{grid-template-columns:1fr}}td.date-cell,.amount-cell{white-space:nowrap}th.date-cell .sort-button{align-items:center}.date-heading{white-space:nowrap}.amount-cell,.vat-cell{font-size:13px}.company-with-role{align-items:center;gap:7px;display:inline-flex}.company-short{white-space:nowrap;font-weight:650}.dot-cell{text-align:center}.dot-with-tip{vertical-align:middle;cursor:help;justify-content:center;align-items:center;min-width:18px;min-height:18px;display:inline-flex}.status-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot-with-tip:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.dot-blue{background:#2563eb}.dot-green{background:#16a34a}.dot-amber{background:#d97706}.dot-red{background:#dc2626}.dot-gray{background:#94a3b8}.floating-tooltip{z-index:1000;color:#fff;text-align:left;pointer-events:none;background:#172033;border-radius:7px;max-width:min(300px,100vw - 16px);padding:7px 10px;font-size:12px;line-height:1.35;position:fixed;box-shadow:0 8px 24px #17203330}.floating-tooltip[hidden],#logoutForm[hidden]{display:none}.sort-button{color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:3px;padding:0;display:inline-flex}.sort-button:hover,.sort-button:focus-visible{color:var(--blue)}.sort-arrow{color:#94a3b8;font-size:10px}.logout-button{border:1px solid var(--line);color:var(--blue);font:inherit;cursor:pointer;background:#fff;border-radius:7px;margin-top:8px;padding:5px 10px;font-size:13px;font-weight:650}.logout-button:hover,.logout-button:focus-visible{background:var(--light)}.contract-link{text-align:left;padding:0;line-height:1.35;display:inline}#cardView,#newView{font-size:16px;line-height:1.5}#newView .grid input,#newView .grid select,#newView .grid textarea{font-size:16px}#newContractButton{white-space:nowrap;flex:none}.intake-modes{border:1px solid var(--line);background:#fff;border-radius:9px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding:13px 16px;display:flex}.intake-modes span{color:var(--muted);font-size:14px}#newMessage{color:var(--muted)}#ocrView{font-size:16px;line-height:1.5}#ocrView .grid input,#ocrView .grid select,#ocrView .grid textarea{font-size:16px}#newOcrButton{white-space:nowrap;flex:none}#ocrReview{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.review-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.ocr-review-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:16px;display:grid}.ocr-document{border:1px solid var(--line);background:#f5f6f8;border-radius:10px;min-width:0;overflow:hidden}.ocr-pane-heading{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px;display:flex}.ocr-pane-heading strong{overflow-wrap:anywhere}.ocr-pane-heading span{color:var(--muted);flex:none}.ocr-page-controls{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:15px;padding:7px 10px;font-size:13px;display:flex}.ocr-page-controls button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:650}.ocr-page-controls button:disabled{color:var(--muted);cursor:default}.ocr-page{text-align:center;height:min(76vh,900px);min-height:500px;overflow:auto}#ocrFilePreview{max-width:100%;height:auto;margin:0 auto;display:block}#ocrFilePreview:not([src]){display:none}.ocr-page.zoomed #ocrFilePreview{max-width:none;margin:0}#ocrPreviewMessage{color:var(--muted);padding:24px}.ocr-review-fields{min-width:0}.ocr-matches{margin:15px 0}.ocr-field-warning{color:#9a4800;margin-top:5px;font-size:13px;font-weight:600;line-height:1.3;display:block}.ocr-field-warning[hidden]{display:none}.ocr-field-needs-review input,.ocr-field-needs-review select,.ocr-field-needs-review textarea{background:#fffaf0;border-color:#d97706}.ocr-confirm{align-items:center;gap:9px;margin:18px 0;font-weight:650;display:flex}.ocr-confirm input{width:18px;height:18px}#ocrMessage,#ocrSaveMessage{color:var(--muted)}@media (width<=1020px){.ocr-review-layout{grid-template-columns:1fr}.ocr-page{height:55vh;min-height:360px}}#cardView .grid input,#cardView .grid select,#cardView .grid textarea{font-size:16px;font-weight:400;line-height:1.45}#cardView #cardNumber,#cardView .documents article small{font-size:13px}.field-note{color:var(--muted);font-size:13px;font-weight:400}@media (width<=650px){main{padding-inline:16px}}
