:root{--bg: #f6f3ef;--card: #ffffff;--line: #e6e0d8;--line-strong: #d5cec4;--text: #29241d;--muted: #857b6d;--green: #1f9d55;--green-bg: #ddf2e4;--green-text: #1b6b3d;--amber-bg: #f7e6b5;--amber-text: #7a5b12;--blue-bg: #dde9fb;--blue-text: #2456a6;--blue-line: #8fb3e8;--red: #b3372c;--red-bg: #fbe7e4;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:14px;line-height:1.45}.app-shell{min-height:100vh}.app-header{background:var(--card);border-bottom:1px solid var(--line)}.app-header-inner{max-width:860px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-title{font-size:18px;font-weight:700;margin:0}.app-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cc-select{min-width:190px}.readonly-note{color:var(--muted);font-size:12.5px}.chip{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12.5px;font-weight:600}.chip-draft{background:var(--amber-bg);color:var(--amber-text)}.chip-submitted{background:var(--green-bg);color:var(--green-text)}.btn{background:var(--card);border:1px solid var(--line-strong);border-radius:8px;padding:8px 16px;font:inherit;font-weight:600;color:var(--text);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-submit{padding:8px 18px}.btn-danger{padding:8px 18px;color:var(--red);border-color:#e2b4af;background:var(--red-bg)}.btn-small{padding:4px 12px;font-size:12.5px;font-weight:600}.btn-quiet{border-color:transparent;color:var(--muted)}.btn-add{font-weight:600}.btn-icon{padding:8px 12px;display:inline-flex;align-items:center;color:var(--text)}.btn-icon-active{border-color:var(--blue-line);color:var(--blue-text)}.input{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px}.input:disabled{background:var(--bg);color:var(--muted)}.input-invalid{border-color:var(--red);background:var(--red-bg)}.app-main{max-width:860px;margin:0 auto;padding:0 20px 40px}.section{margin-top:26px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.section-head h2{font-size:15px;font-weight:700;margin:0}.section-note{color:var(--muted);font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.empty-state,.loading-state{background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:22px;color:var(--muted);text-align:center}.loading-state{border-style:solid;margin-top:26px}.sign-in-panel{max-width:420px;margin:72px auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-align:center}.sign-in-panel .app-title{margin-bottom:8px}.sign-in-panel p{color:var(--muted);margin:0 0 20px}.btn-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-primary:hover:not(:disabled){border-color:var(--text);opacity:.92}.target-bar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin-top:18px}.target-bar-row,.target-bar-notarget{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.target-bar-label{color:var(--muted);font-weight:600}.target-bar-muted{color:var(--muted)}.target-over{color:var(--red);font-weight:600}.target-track{margin-top:10px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.target-fill{height:100%;border-radius:999px;background:var(--green)}.target-fill-over{background:var(--red)}.vendor-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.vendor-card-new{border-color:var(--blue-line);box-shadow:0 0 0 1px var(--blue-line)}.vendor-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.vendor-card-id{min-width:200px;flex:1}.vendor-card-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vendor-name{font-size:15px;font-weight:700}.vendor-card-meta{color:var(--muted);font-size:12.5px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.vendor-card-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prefill-note{color:var(--muted);font-size:12.5px}.select-spendtype{min-width:104px}.money-input-wrap{position:relative}.money-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.money-input{width:120px;padding-left:22px;text-align:right}.vendor-card-row2{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.justification-input{flex:1;min-width:220px}.amort-control{display:flex;gap:8px}.amort-select{min-width:110px}.vendor-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;min-height:18px}.vendor-card-annual-echo{color:var(--muted);font-size:12px;white-space:nowrap}.vendor-card-total{text-align:right;display:flex;flex-direction:column;gap:1px}.vendor-card-total-label{color:var(--muted);font-size:11.5px}.vendor-card-total strong{font-size:16px}.vendor-card-total-note{color:var(--muted);font-size:11.5px}.account-rows{margin-top:12px;display:flex;flex-direction:column;gap:10px}.account-row{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--bg)}.account-row-pending{border-style:dashed;border-color:var(--blue-line)}.account-row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-row-second{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.account-select{min-width:240px;max-width:100%;flex:1}.account-row-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;min-height:16px}.account-row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-row-annual{color:var(--muted);font-size:12px;white-space:nowrap}.account-row-confirm-actions{display:flex;gap:8px;white-space:nowrap}.picker-provenance{color:var(--muted);font-size:12.5px;margin-bottom:10px}.picker-provenance-fallback{color:var(--amber-text);font-weight:600}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700}.badge-matched{background:var(--green-bg);color:var(--green-text)}.badge-new{background:var(--blue-bg);color:var(--blue-text)}.badge-other{background:var(--amber-bg);color:var(--amber-text)}.monthly-editor{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.monthly-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media(max-width:700px){.monthly-grid{grid-template-columns:repeat(3,1fr)}}.monthly-cell{display:flex;flex-direction:column;gap:3px}.monthly-label{font-size:11px;color:var(--muted)}.monthly-cell .input{padding:6px 8px;font-size:13px;text-align:right;width:100%}.monthly-footer{margin-top:8px;color:var(--muted);font-size:12.5px}.monthly-invalid{color:var(--red)}.add-vendor{position:relative;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.add-vendor-input{min-width:260px}.add-vendor-busy{color:var(--muted);padding:8px 0}.add-vendor-list{list-style:none;margin:0;padding:4px;background:var(--card);border:1px solid var(--line-strong);border-radius:8px;position:absolute;top:42px;left:0;min-width:340px;z-index:20;box-shadow:0 6px 18px #29241d1f}.add-vendor-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:6px;padding:8px 10px;font:inherit;cursor:pointer}.add-vendor-option:hover{background:var(--bg)}.add-vendor-create{border-top:1px solid var(--line);border-radius:0 0 6px 6px}.add-vendor-dup{color:var(--muted);font-size:11.5px;margin-left:auto}.category-table{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.category-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"desc mid amount" "status status status";align-items:center;gap:4px 16px;padding:12px 16px;border-bottom:1px solid var(--line)}.category-row:last-child{border-bottom:none}.category-desc{grid-area:desc;font-weight:600}.category-expense-tag{margin-left:8px;padding:1px 7px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:500;vertical-align:middle}.category-mid{grid-area:mid;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.category-amount{grid-area:amount;font-weight:700;min-width:90px;text-align:right}.category-status{grid-area:status}.count-input{width:76px;text-align:right}.count-static{padding:0 6px;font-weight:600}.count-warning{color:var(--amber-text);background:var(--amber-bg);font-size:11.5px;padding:2px 8px;border-radius:6px}.category-rate{color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:5px}.category-orphan-note{color:var(--muted);font-size:11.5px;font-style:italic}.lock-glyph{color:var(--muted)}.headcount-row{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.headcount-row:last-child{border-bottom:none}.headcount-row .row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.headcount-row .headcount-desc{font-weight:600}.headcount-row .acct-meta{color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.headcount-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.layer-badge{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 10px;flex:1 1 100px}.layer-badge .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:block}.layer-badge .val{font-weight:700;font-variant-numeric:tabular-nums;font-size:13.5px;display:inline-flex;align-items:center;gap:4px}.layer-badge.actual-hint{background:transparent;border-style:dashed}.layer-badge.actual-hint .val{font-weight:500;color:var(--muted)}.headcount-row .monthly-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.headcount-row .monthly-grid{grid-template-columns:repeat(2,1fr)}}.headcount-row .monthly-cell{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:6px 7px;gap:4px}.hc-freq-pair{display:flex;gap:4px}.hc-freq-pair .input{padding:3px 4px;font-size:12px;text-align:center;width:100%}.hc-freq-pair .input.blocked{border-color:var(--red)!important;background:var(--red-bg);color:var(--red);font-weight:700}.mini-lbl{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.month-amount{font-size:11.5px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.block-msg{color:#fff;background:var(--red);font-size:11px;font-weight:600;padding:4px 7px;border-radius:6px}.flat-monthly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:700px){.flat-monthly-grid{grid-template-columns:repeat(2,1fr)}}.flat-monthly-cell{display:flex;flex-direction:column;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:6px 7px}.flat-monthly-cell .input{padding:3px 5px;font-size:12px;text-align:right}.mandatory-label{font-size:11.5px;color:var(--muted);display:block;margin-bottom:3px}.mandatory-label .req{color:var(--red)}.mandatory-field{margin-top:4px}.mandatory-field.err .input{border-color:var(--red);background:var(--red-bg)}.mandatory-field .err-msg{display:none;color:var(--red);font-size:11px;margin-top:3px}.mandatory-field.err .err-msg{display:block}.add-custom-btn{background:none;border:1.5px dashed var(--line-strong);border-radius:var(--radius);color:var(--text);font:inherit;font-weight:600;padding:12px 16px;width:100%;cursor:pointer}.add-custom-btn:hover{border-color:var(--text)}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line)}.summary-table thead th{color:var(--muted);font-size:12px;font-weight:600}.summary-table tfoot td{border-bottom:none;border-top:1px solid var(--line-strong)}.summary-table .col-amount{text-align:right;white-space:nowrap}.summary-table .col-code{width:70px;color:var(--muted)}.summary-row{cursor:pointer}.summary-row:hover td{background:#faf7f2}.summary-expand-btn{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:left}.summary-row-total .summary-expand-btn{font-weight:700}.summary-chevron{color:var(--muted);font-size:12px;width:.9em}.summary-months-row td{background:#faf7f2;border-bottom:1px solid var(--line)}.summary-table tfoot .summary-months-row td{border-top:none}.summary-months{display:grid;grid-template-columns:repeat(6,1fr);gap:8px 12px;padding:4px 2px 8px}@media(max-width:700px){.summary-months{grid-template-columns:repeat(3,1fr)}}.summary-month{display:flex;flex-direction:column;gap:2px}.summary-month-label{font-size:11px;color:var(--muted)}.summary-month-amt{font-variant-numeric:tabular-nums;text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.line-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;border-radius:8px;flex:1}.line-strip-quiet{color:var(--muted)}.line-strip-error{background:var(--red-bg);color:var(--red);padding:8px 12px}.line-strip-conflict{background:var(--amber-bg);color:var(--amber-text);padding:8px 12px}.line-strip-invalid{color:var(--red)}.line-strip-cid{opacity:.8}.banner-stack{position:sticky;top:0;z-index:50;max-width:860px;margin:0 auto;padding:8px 20px 0;display:flex;flex-direction:column;gap:8px}.banner{display:flex;align-items:flex-start;gap:12px;border-radius:8px;padding:10px 14px;border:1px solid;background:var(--card);box-shadow:0 4px 14px #29241d1a}.banner-error{border-color:var(--red);background:var(--red-bg);color:var(--red)}.banner-warning{border-color:var(--amber-text);background:var(--amber-bg);color:var(--amber-text)}.banner-info{border-color:var(--green-text);background:var(--green-bg);color:var(--green-text)}.banner-body{display:flex;flex-direction:column;gap:2px;flex:1}.banner-title{font-weight:700}.banner-detail{font-size:12.5px}.banner-cid{font-size:11.5px;opacity:.8}.banner-dismiss{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:inherit;padding:0 2px}.error-panel{max-width:640px;margin:40px auto;background:var(--card);border:1px solid var(--red);border-radius:var(--radius);padding:20px 24px}.error-panel h3{margin-top:0;color:var(--red)}.error-panel-cid{color:var(--muted);font-size:12.5px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#29241d59;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.dialog{background:var(--card);border-radius:var(--radius);padding:22px 26px;max-width:480px;box-shadow:0 12px 40px #29241d40}.dialog h3{margin-top:0}.dialog-flow{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.app-footer{margin-top:30px;color:var(--muted);font-size:12.5px;text-align:center}.data-asof{margin-top:4px}