:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:grid;grid-template-columns:68px 280px minmax(0,1fr);background:#f4f7fa}.icon-rail{background:#05243d;color:#e8f6ff;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 10px}.rail-mark,.rail-button{width:42px;height:42px;border-radius:8px;display:grid;place-items:center}.rail-mark{background:#fff;color:#05243d;margin-bottom:18px}.rail-button{border:0;color:#d8e7f0;background:transparent;cursor:pointer}.rail-button.active,.rail-button:hover{background:#0b8da5;color:#fff}.side-panel{background:#fff;border-right:1px solid #d9e1ea;padding:18px;display:flex;flex-direction:column;gap:18px;min-width:0}.brand strong{display:block;font-size:18px;letter-spacing:0}.brand span,.topbar p,.muted{color:#607086;font-size:13px}.panel-heading{font-size:13px;font-weight:750;color:#172033;margin-bottom:10px}.dropzone{border:1px dashed #aeb9c6;border-radius:8px;min-height:146px;display:grid;place-items:center;gap:8px;text-align:center;color:#58687c;cursor:pointer;padding:16px}.dropzone strong{background:#087f95;color:#fff;border-radius:6px;padding:8px 12px;font-size:13px}.dropzone input{display:none}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d6dee8;border-radius:8px;overflow:hidden;margin-top:12px}.segmented button{border:0;background:#fff;padding:8px;font-size:12px;cursor:pointer}.segmented button.active{background:#e5f6f8;color:#087f95;font-weight:750}.timeline,.compact-list{border-top:1px solid #e0e6ee;padding-top:16px}.timeline-row{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;font-size:13px;padding:8px 0}.timeline-row svg{color:#1fa25b}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.job-meta{border:1px solid #dfe7ef;border-radius:8px;margin:12px 0 0;display:grid;grid-template-columns:70px minmax(0,1fr);font-size:12px;overflow:hidden}.job-meta dt,.job-meta dd{margin:0;padding:8px;border-bottom:1px solid #e8edf3}.job-meta dt{color:#627087}.job-meta dd{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #dfe7ef;border-radius:8px;background:#fff;padding:9px;cursor:pointer;text-align:left;margin-bottom:8px}.invoice-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row small{color:#607086}.invoice-row.active{border-color:#087f95;background:#e7f7fa;box-shadow:inset 3px 0 #087f95}.invoice-row.active small{color:#0b7285;font-weight:800}.workspace{min-width:0;display:flex;flex-direction:column;overflow-x:hidden}.topbar{height:66px;background:#fff;border-bottom:1px solid #d9e1ea;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:18px}h1,h2,p{margin:0}h1{font-size:18px;line-height:1.2}h2{font-size:15px;line-height:1.2}.invoice-focus{background:#fff;border-bottom:1px solid #d9e1ea;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.7fr));gap:0;padding:0 24px}.invoice-focus>div{min-width:0;padding:12px 16px 12px 0;border-right:1px solid #e4eaf1}.invoice-focus>div:last-child{border-right:0}.invoice-focus span{display:block;color:#607086;font-size:11px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.invoice-focus strong{display:block;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-focus .focus-primary strong{color:#0b7285}.muted-strong{color:#607086;font-weight:700}.topbar-actions,.export-actions{display:flex;gap:10px;align-items:center}.primary-button,.ghost-button{border-radius:7px;border:1px solid #cfd9e3;padding:9px 12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-size:13px;font-weight:750;min-width:0;white-space:nowrap}.primary-button{background:#087f95;color:#fff;border-color:#087f95}.ghost-button{background:#fff;color:#23324a}.primary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.wide{width:100%}.content-grid{display:grid;grid-template-columns:minmax(620px,1fr) 380px;gap:18px;padding:18px;min-height:0;min-width:0}.main-column{min-width:0;display:flex;flex-direction:column;gap:18px}.data-section,.inspector-section{background:#fff;border:1px solid #d9e1ea;border-radius:8px;padding:16px;min-width:0}.grow{min-height:420px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title span{color:#607086;font-size:12px}.header-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dfe7ef;border-radius:8px;overflow:hidden}.field{min-height:78px;padding:12px;border-right:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}.field span{display:block;color:#607086;font-size:12px;font-weight:700;margin-bottom:7px}.field strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.field.strong strong{color:#0b7285;font-size:17px}.table-shell{border:1px solid #dfe7ef;border-radius:8px;overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4eaf1;white-space:nowrap}th{color:#607086;font-size:12px;background:#f8fafc}tr{cursor:pointer}tbody tr:hover,tr.selected{background:#edf8fb}.empty-table{padding:28px;color:#607086;text-align:center}.line-items-shell{border:1px solid #dfe7ef;border-radius:8px;max-height:340px;overflow:auto}.line-items-table{min-width:100%;table-layout:fixed}.line-items-table th,.line-items-table td{padding:10px;white-space:normal;overflow-wrap:anywhere}.line-items-table th:nth-child(1),.line-items-table td:nth-child(1){width:104px}.line-items-table th:nth-child(3),.line-items-table td:nth-child(3){width:54px}.line-items-table th:nth-child(4),.line-items-table td:nth-child(4){width:82px}.line-items-table th:nth-child(5),.line-items-table td:nth-child(5){width:58px}.line-items-table th:nth-child(6),.line-items-table td:nth-child(6){width:90px}.line-items-table th:nth-child(3),.line-items-table td:nth-child(3),.line-items-table th:nth-child(4),.line-items-table td:nth-child(4),.line-items-table th:nth-child(5),.line-items-table td:nth-child(5),.line-items-table th:nth-child(6),.line-items-table td:nth-child(6){text-align:right}.severity,.status{display:inline-flex;min-width:58px;justify-content:center;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:800;text-transform:capitalize}.severity.critical{background:#ffe8e8;color:#be1e2d}.severity.warning{background:#fff4db;color:#9a5a00}.severity.info{background:#e9f3ff;color:#1764a5}.status.open{background:#eef3f7;color:#435269}.status.overridden,.status.accepted{background:#e7f7ee;color:#14703e}.inspector{min-width:0;display:flex;flex-direction:column;gap:18px}.delta-detail{display:flex;flex-direction:column;gap:14px}.delta-detail>strong{font-size:14px}.delta-detail p{color:#607086;font-size:13px;line-height:1.45}.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfe7ef;border-radius:8px;overflow:hidden}.note-box{display:flex;flex-direction:column;gap:8px;color:#607086;font-size:12px;font-weight:800}textarea{width:100%;resize:vertical;border:1px solid #cfd9e3;border-radius:8px;padding:10px;color:#172033;min-height:96px}.json-preview{min-height:260px;max-height:360px;overflow:auto;background:#f8fafc;border:1px solid #dfe7ef;border-radius:8px;padding:12px;color:#1d3557;font-size:12px;line-height:1.45}@media (max-width: 1120px){.app-shell{grid-template-columns:56px 1fr}.side-panel{display:none}.content-grid{grid-template-columns:1fr}.invoice-focus{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-focus>div:nth-child(2n){border-right:0}.header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.icon-rail{display:none}.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:16px}.invoice-focus{grid-template-columns:1fr;padding:0 16px}.invoice-focus>div{border-right:0;border-bottom:1px solid #e4eaf1;padding-right:0}.invoice-focus>div:last-child{border-bottom:0}.topbar-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.export-actions{width:100%;flex-wrap:wrap}.topbar-actions>*,.export-actions>*{flex:1}.content-grid{padding:12px}.header-grid,.comparison{grid-template-columns:1fr}table{min-width:100%;font-size:12px}th,td{padding:10px 8px}th:nth-child(5),td:nth-child(5){display:none}.severity{min-width:0}}