:root{--header-blue: #333399;--cyan-bg: #00ffff;--tag-blue-bg: #88aaff;--tag-green-bg: #33cc33;--tag-red-bg: #ff0000;--tag-grey-bg: #dddddd;--border-dark: #666;--top-green: #9bae00;--top-dark-green: #5a6b00;--row-hover: #e8f4ff;--panel-bg: #e0e0e0;--text: #1f2933}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Arial,sans-serif;background-color:#f0f0f0;color:var(--text);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background-color:#f0f0f0}.top-header{background-color:var(--top-green);height:36px;display:flex;justify-content:center;gap:1px}.header-tab{width:80px;display:flex;justify-content:center;align-items:center;color:#1f2933;text-decoration:none}.header-tab.active{background-color:var(--top-dark-green);color:#fff;box-shadow:inset 0 -2px 5px #0003}.control-bar{display:flex;align-items:center;flex-wrap:wrap;padding:4px;background-color:var(--panel-bg);gap:6px;border-bottom:1px solid #ccc}.date-input,.text-input,.select-input{height:26px;padding:4px;border:1px solid #999;border-radius:0;background:#fff}.date-input{width:126px}.search-input{width:min(280px,100%)}.toolbar-spacer{flex:1 1 auto}.icon-btn,.action-btn,.add-comp-btn,.mgmt-btn,.btn-save,.btn-del,.plain-btn{min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:0;border:1px solid #999;background:#eee;color:#1f2933;font-weight:700}.icon-btn{width:26px;padding:0;color:var(--header-blue)}.add-comp-btn{background:#e0f7fa;border-color:#00acc1;color:#00838f;padding:4px 8px}.mgmt-btn,.action-btn,.plain-btn{padding:4px 8px}.btn-save{background:#4caf50;border-color:#3f9443;color:#fff;padding:4px 8px}.btn-del{background:#f44336;border-color:#d9342a;color:#fff;padding:4px 8px}.tags-wrapper{background-color:var(--panel-bg);border-bottom:2px solid #ccc}.tags-container,.banks-container{display:flex;flex-wrap:wrap;gap:2px;padding:4px}.banks-container{background-color:#d5d5d5;border-top:1px dashed #aaa;box-shadow:inset 0 2px 4px #0000000d}.tag{width:200px;padding:8px;font-size:13px;border:1px solid #999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .1s;border-radius:0}.tag:hover{filter:brightness(.92)}.tag.active-company,.tag.active-bank{outline:2px solid #000;outline-offset:-2px;font-weight:700}.tag.blue{background-color:var(--tag-blue-bg)}.tag.green{background-color:var(--tag-green-bg)}.tag.red{background-color:var(--tag-red-bg);color:#fff}.tag.grey{background-color:var(--tag-grey-bg)}.empty-tag{color:#666;font-style:italic;padding:8px}.workspace{display:block}.link-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 8px;background:#f7f7f7;border-bottom:1px solid #d4d4d4}.copy-link{font-family:Consolas,monospace;color:#172554;background:#fff;border:1px solid #bbb;padding:4px 6px;max-width:min(520px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-bar{display:flex;background-color:var(--cyan-bg);border-bottom:1px solid var(--border-dark);overflow-x:auto}.summary-item{display:flex;align-items:center}.summary-label{padding:4px 8px;font-weight:700}.summary-value{background-color:#fff;padding:4px 8px;min-width:100px;border:1px solid var(--border-dark);font-weight:700;height:24px;display:flex;align-items:center;justify-content:flex-end}.summary-filler{flex:1;background-color:var(--cyan-bg)}.table-container{width:100%;overflow-x:auto;background-color:#f0f0f0;padding-bottom:50px}.data-table{border-collapse:collapse;font-size:12px;table-layout:fixed;background-color:#fff;min-width:1030px}.data-table th,.data-table td{border:1px solid var(--border-dark);padding:4px 6px;height:28px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th{background-color:var(--header-blue);color:#fff;text-align:left;font-weight:700;font-size:11px;border-bottom:2px solid #222266}.data-table th:nth-child(1),.data-table td:nth-child(1){width:52px;text-align:center;font-weight:700}.data-table th:nth-child(2),.data-table td:nth-child(2){width:350px}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(7),.data-table td:nth-child(7){width:100px;text-align:right}.data-table th:nth-child(5),.data-table td:nth-child(5){width:90px}.data-table th:nth-child(6),.data-table td:nth-child(6){width:120px}.data-table th:nth-child(8),.data-table td:nth-child(8){width:250px}.data-row{cursor:pointer}.data-row:hover{background-color:var(--row-hover)}.row-number{display:grid;grid-template-columns:1fr 20px;align-items:center;gap:3px;min-height:20px}.row-delete-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #c7c7c7;background:#fff;color:#b91c1c;opacity:.72}.row-delete-btn:hover{opacity:1;background:#fee2e2;border-color:#fca5a5}.input-row td{background-color:#fff}.input-row td:first-child{background-color:#e0e0e0}.cell-input{width:100%;height:22px;border:none;padding:0;background:transparent;outline:none}.cell-input:focus{background-color:#ffd}.money-input{text-align:right}.total-row{background-color:#e0e0e0;font-weight:700}.amount-in{color:#065f46;font-weight:700}.amount-out,.danger-text{color:#b91c1c;font-weight:700}.status-pill{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;border:1px solid #999;background:#f5f5f5;font-size:12px;font-weight:700}.status-pill.completed{background:#dcfce7;color:#166534;border-color:#86efac}.status-pill.pending{background:#fef9c3;color:#854d0e;border-color:#fde047}.status-pill.rejected,.status-pill.failed{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.modal-content{background:#fff;padding:20px;width:min(720px,100%);max-height:88vh;overflow:auto;border:1px solid #333;box-shadow:2px 2px 10px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:5px}.close-modal{width:24px;height:24px;border:none;background:transparent;font-weight:700;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-weight:700;color:#3a3a3a}.form-field input,.form-field select,.form-field textarea{min-height:28px;border:1px solid #999;padding:5px;border-radius:0}.form-field textarea{min-height:90px;resize:vertical;font-family:Consolas,monospace}.full-span{grid-column:1 / -1}.bank-edit-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 90px 70px 70px;gap:5px;margin-bottom:5px;align-items:center}.modal-actions,.page-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:14px}.page{padding-bottom:42px}.page-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;background:#e0e0e0;border-bottom:1px solid #ccc}.page-title{font-size:16px;font-weight:700;margin-right:10px}.transactions-table{min-width:1120px}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){width:60px}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){width:190px}.transactions-table th:nth-child(3),.transactions-table td:nth-child(3){width:95px}.transactions-table th:nth-child(4),.transactions-table td:nth-child(4){width:140px}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){width:110px;text-align:right}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){width:130px}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){width:130px;text-align:left}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){width:190px}.transactions-table th:nth-child(9),.transactions-table td:nth-child(9){width:170px}.transactions-table th:nth-child(10),.transactions-table td:nth-child(10){width:160px}.transactions-table th:nth-child(11),.transactions-table td:nth-child(11){width:180px}.assignment-table{min-width:1420px}.assignment-table th:nth-child(1),.assignment-table td:nth-child(1){width:52px}.assignment-table th:nth-child(2),.assignment-table td:nth-child(2){width:170px}.assignment-table th:nth-child(3),.assignment-table td:nth-child(3){width:95px}.assignment-table th:nth-child(4),.assignment-table td:nth-child(4){width:135px}.assignment-table th:nth-child(5),.assignment-table td:nth-child(5){width:110px;text-align:right}.assignment-table th:nth-child(6),.assignment-table td:nth-child(6){width:120px}.assignment-table th:nth-child(7),.assignment-table td:nth-child(7){width:130px}.assignment-table th:nth-child(8),.assignment-table td:nth-child(8){width:170px}.assignment-table th:nth-child(9),.assignment-table td:nth-child(9){width:180px}.assignment-table th:nth-child(10),.assignment-table td:nth-child(10){width:220px}.assignment-table th:nth-child(11),.assignment-table td:nth-child(11){width:220px}.assignment-table th:nth-child(12),.assignment-table td:nth-child(12){width:140px}.inline-select,.inline-input{width:100%;height:24px;border:1px solid #999;border-radius:0;padding:2px 4px}.compact-form{display:grid;grid-template-columns:120px 90px;gap:4px}.assigned-bank{color:#166534;font-weight:700}.count-badge{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;padding:0 5px;border-radius:999px;background:#b91c1c;color:#fff;font-size:11px;font-weight:700;line-height:1}.check-summary{display:grid;grid-template-columns:150px minmax(0,1fr);border-top:1px solid #ddd}.check-summary div{padding:8px 10px;border-bottom:1px solid #ddd}.check-summary div:nth-child(odd){background:#f4f4f4;font-weight:700}.check-found{color:#166534;font-weight:700}.check-missing{color:#991b1b;font-weight:700}.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:12px;padding:12px}.panel{border:1px solid #b8b8b8;background:#fff}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #d4d4d4;background:#eaeaea;font-weight:700}.detail-grid{display:grid;grid-template-columns:160px minmax(0,1fr);border-top:1px solid #ddd}.detail-grid:first-child{border-top:none}.detail-label,.detail-value{padding:8px 10px;border-bottom:1px solid #ddd}.detail-label{background:#f4f4f4;font-weight:700}.detail-value{overflow-wrap:anywhere}.json-box{margin:0;padding:10px;min-height:160px;overflow:auto;background:#0f172a;color:#dbeafe;font:12px Consolas,monospace}.notice{padding:10px;color:#666}.error-box{margin:8px;padding:8px;border:1px solid #fca5a5;background:#fee2e2;color:#991b1b;font-weight:700}.success-box{margin:8px;padding:8px;border:1px solid #86efac;background:#dcfce7;color:#166534;font-weight:700}@media(max-width:760px){.tag{width:calc(50% - 1px)}.form-grid,.detail-layout{grid-template-columns:1fr}.bank-edit-row{grid-template-columns:1fr 80px}.bank-edit-row .btn-save,.bank-edit-row .btn-del{min-width:72px}.detail-grid{grid-template-columns:1fr}}