.finance-cash-frame,.finance-cash-reference{position:relative;width:100%;overflow:hidden;background:#001824;color:#e4e7e9;font-family:"Segoe UI",sans-serif;box-sizing:border-box}
:is(#detail,.finance-team-shell) :is(.finance-cash-frame,.finance-cash-reference) *{box-sizing:border-box;font-family:"Segoe UI",sans-serif}
:is(#detail,.finance-team-shell) .cash-board{position:relative;width:1280px;height:555px;overflow:hidden;margin:0;padding:0;background:radial-gradient(ellipse at 60% -25%,#06374755,transparent 60%),linear-gradient(120deg,#001823,#001a26 70%,#00131e);color:#e4e7e9}
:is(#detail,.finance-team-shell) .cash-board :is(h1,h2,p,small,sub,em,strong,button,span,aside,header,footer){margin:0;letter-spacing:normal;text-transform:none}
:is(#detail,.finance-team-shell) .cash-board :where(button){cursor:pointer;color:inherit;background:none;border:0;border-radius:0;box-shadow:none;padding:0;line-height:normal;text-align:inherit;font-size:12px;min-height:0;min-width:0;appearance:none;transition:background .16s,border-color .16s,box-shadow .16s}
:is(#detail,.finance-team-shell) .cash-board button:focus-visible{outline:2px solid #edce80;outline-offset:-2px}
:is(#detail,.finance-team-shell) .cash-heading{position:relative;height:80px;padding:11px 37px 0;display:flex;align-items:flex-start;justify-content:space-between;border:0;background:none;gap:15px}
:is(#detail,.finance-team-shell) .cash-heading h1{font:600 32px/1.2 "Segoe UI",sans-serif;color:#efe9db;margin:0 0 3px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-heading p{font:13px/1.4 "Segoe UI",sans-serif;color:#c4ccd3;margin:0}
:is(#detail,.finance-team-shell) .cash-heading aside{border:1px solid #184b63;box-shadow:inset 0 0 8px #17465844;background:#05253480;border-radius:6px;padding:9px 12px;margin-top:4px;width:175px;height:51px;flex:none}
:is(#detail,.finance-team-shell) .cash-heading aside b{display:block;font-size:10px;font-weight:500;color:#92d5ed;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-heading aside small{display:block;font-size:8px;color:#a3bdc9;margin-top:3px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 27px 10px;height:84px}
:is(#detail,.finance-team-shell) .cash-metrics>button{display:flex;align-items:center;gap:25px;padding:12px 16px;border:1px solid #235568;border-radius:8px;background:linear-gradient(110deg,#062d3d,#062331);box-shadow:inset 0 0 7px #39889a10}
:is(#detail,.finance-team-shell) .cash-metrics>button.green{border-color:#38635d;background:linear-gradient(110deg,#063336,#032a37)}
:is(#detail,.finance-team-shell) .cash-metrics>button.red{border-color:#4b4656;background:linear-gradient(110deg,#192c3a,#092633)}
:is(#detail,.finance-team-shell) .cash-metrics>button:last-child{border-color:#5a513c;background:linear-gradient(110deg,#30382e,#092735)}
:is(#detail,.finance-team-shell) .cash-metrics i{display:grid;place-items:center;width:56px;height:56px;border-radius:6px;background:linear-gradient(135deg,#174b5d,#0b3040);box-shadow:inset 0 0 9px #79c0c720,0 0 12px #009bc50a;color:#f0d28b;flex:none}
:is(#detail,.finance-team-shell) .cash-metrics svg{width:31px;height:31px}
:is(#detail,.finance-team-shell) .cash-metrics .green i{background:linear-gradient(135deg,#104e45,#073a3a);color:#9be3b7}
:is(#detail,.finance-team-shell) .cash-metrics .red i{background:linear-gradient(135deg,#3d3c4a,#342d3a);color:#ed8c8e}
:is(#detail,.finance-team-shell) .cash-metrics span{display:block}
:is(#detail,.finance-team-shell) .cash-metrics small{font-size:12px;display:block;color:#e3e3e2;line-height:17px}
:is(#detail,.finance-team-shell) .cash-metrics strong{font-size:27px;line-height:30px;display:block;color:#efce84;font-weight:600}
:is(#detail,.finance-team-shell) .cash-metrics em{font-style:normal;font-size:20px;font-weight:400}
:is(#detail,.finance-team-shell) .cash-metrics .green strong{color:#a9dfaf}
:is(#detail,.finance-team-shell) .cash-metrics .red strong{color:#f1a2a3}
:is(#detail,.finance-team-shell) .cash-metrics sub{display:block;position:static;font-size:9px;color:#b3c4cb;line-height:12px}
:is(#detail,.finance-team-shell) .cash-middle{display:grid;grid-template-columns:678px 540px;gap:10px;margin:0 27px 8px;height:193px}
:is(#detail,.finance-team-shell) .cash-card{border:1px solid #1c495c;border-radius:8px;background:linear-gradient(130deg,#062837aa,#00212d66);overflow:hidden;padding:8px 11px;box-shadow:inset 0 -4px 10px #16445422}
:is(#detail,.finance-team-shell) .cash-card h2{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#e2e3df;height:18px;line-height:18px;padding:0;background:none;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-card h2 svg{width:18px;height:18px;color:#ecd082;flex:none}
:is(#detail,.finance-team-shell) .cash-unit{font-size:9px;line-height:16px;margin-left:32px;color:#a7bdc8}
:is(#detail,.finance-team-shell) .cash-waterfall{display:block;width:650px;height:134px;margin-top:2px;font-family:"Segoe UI",sans-serif;overflow:visible}
:is(#detail,.finance-team-shell) .cash-account-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:7px 0 8px;height:79px}
:is(#detail,.finance-team-shell) .cash-account-list button{border:1px solid #1b4b5e;background:linear-gradient(130deg,#0c3343,#042735);border-radius:7px;display:flex;align-items:flex-start;gap:12px;padding:12px 11px}
:is(#detail,.finance-team-shell) .cash-account-list i{display:grid;place-items:center;background:#0d4351;box-shadow:inset 0 0 8px #7bd8dc22;width:36px;height:36px;border-radius:7px;color:#9bddd3;flex:none}
:is(#detail,.finance-team-shell) .cash-account-list button:not(:first-child) i{background:#0b3b54;color:#9ac4dc}
:is(#detail,.finance-team-shell) .cash-account-list svg{width:24px;height:24px}
:is(#detail,.finance-team-shell) .cash-account-list small{font-size:10px;line-height:15px;display:block;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-account-list strong{font-size:21px;font-weight:600;line-height:25px;display:block;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-account-list em{font-size:14px;font-style:normal;font-weight:400}
:is(#detail,.finance-team-shell) .cash-account-list sub{font-size:8px;line-height:12px;display:block;position:static;color:#adc5d1}
:is(#detail,.finance-team-shell) .cash-account-total{border:1px solid #28566a;border-radius:6px;width:100%;height:44px;display:flex;align-items:center;padding:0 12px;gap:12px;background:linear-gradient(100deg,#002531,#082b39)}
:is(#detail,.finance-team-shell) .cash-account-total b{font-size:12px;font-weight:600;margin-right:auto}
:is(#detail,.finance-team-shell) .cash-account-total strong{color:#ecc76f;font-size:21px;font-weight:600}
:is(#detail,.finance-team-shell) .cash-account-total em{font-size:14px;font-style:normal;font-weight:400}
:is(#detail,.finance-team-shell) .cash-account-total small{font-size:8px;color:#a9bdc9}
:is(#detail,.finance-team-shell) .cash-bottom{display:grid;grid-template-columns:746px 472px;gap:10px;margin:0 27px;height:154px}
:is(#detail,.finance-team-shell) .cash-bottom .cash-card{padding:7px 10px 10px}
:is(#detail,.finance-team-shell) .cash-board table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:10px/1.25 "Segoe UI",sans-serif;color:#e5e8eb;border:1px solid #1a4355;border-radius:6px;overflow:hidden;margin:7px 0 0;background:#001d29}
:is(#detail,.finance-team-shell) .cash-board th{background:linear-gradient(#10384a,#0b2e40);font-weight:400;text-align:left;height:25px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-board :is(td,th){padding:5px 12px;border-right:1px solid #183a4c;border-bottom:1px solid #16384a;vertical-align:middle;font-size:10px;line-height:1.25;color:#e0e7ec}
:is(#detail,.finance-team-shell) .cash-board tr:last-child td{border-bottom:0}
:is(#detail,.finance-team-shell) .cash-board :is(td,th):last-child{border-right:0}
:is(#detail,.finance-team-shell) .cash-board td{height:27px}
:is(#detail,.finance-team-shell) .cash-board tbody tr{cursor:pointer}
:is(#detail,.finance-team-shell) .cash-board tbody tr:hover{background:#12445666}
:is(#detail,.finance-team-shell) .cash-board tbody tr:focus-visible{outline:1px solid #e5c880;outline-offset:-2px}
:is(#detail,.finance-team-shell) .cash-board td button{font-size:10px;white-space:nowrap;line-height:normal}
:is(#detail,.finance-team-shell) .cash-reconciliation :is(td,th):nth-child(n+4){text-align:center;padding-left:5px;padding-right:5px}
:is(#detail,.finance-team-shell) .cash-payments :is(td,th){padding:5px 10px;font-size:9px}
:is(#detail,.finance-team-shell) .cash-payments :is(td,th):nth-child(3){text-align:center}
:is(#detail,.finance-team-shell) .cash-bottom td{padding-top:3px;padding-bottom:3px}
:is(#detail,.finance-team-shell) .cash-badge{display:inline-flex;justify-content:center;align-items:center;min-height:19px;line-height:13px;font-size:9px;border:1px solid #448b73;background:#0b4a40;color:#c7ead1;border-radius:5px;padding:2px 7px;white-space:nowrap;box-shadow:inset 0 0 6px #77b7a220}
:is(#detail,.finance-team-shell) .cash-badge.waiting{border-color:#877745;color:#f5dc9a;background:linear-gradient(#4d4a2f,#393b2b);box-shadow:inset 0 0 5px #d5b45e33}
:is(#detail,.finance-team-shell) .cash-footer{display:flex;justify-content:space-between;margin:10px 30px 0;color:#8fa7b3;font-size:8px;line-height:12px;background:none;padding:0;border:0}
:is(#detail,.finance-team-shell) .cash-metrics>button:hover,:is(#detail,.finance-team-shell) .cash-account-list button:hover,:is(#detail,.finance-team-shell) .cash-account-total:hover{border-color:#83a4a8;box-shadow:inset 0 0 15px #b9e0d81a}
/* The scenic board is decoration plus sharp native labels, never a screenshot. */
:is(#detail,.finance-team-shell) .finance-cash-reference .cash-heading{z-index:2}
:is(#detail,.finance-team-shell) .cash-scene{position:absolute;inset:0;pointer-events:none}
:is(#detail,.finance-team-shell) .cash-scene button{pointer-events:auto}
:is(#detail,.finance-team-shell) .cash-office{position:absolute;inset:80px 0 83px;opacity:.65;background:linear-gradient(90deg,transparent 5%,#0e607526 6%,transparent 7%,transparent 14%,#14687b33 16%,transparent 18%,transparent 48%,#0b506644 51%,transparent 54%,transparent 79%,#28616a33 81%,transparent 83%,transparent 92%,#13667933 94%,transparent 96%),radial-gradient(ellipse at 0 65%,#007b9c33,transparent 60%)}
:is(#detail,.finance-team-shell) .cash-floor{position:absolute;left:0;right:0;top:365px;height:88px;background:repeating-linear-gradient(176deg,transparent 0 28px,#48bfd314 29px,transparent 30px),radial-gradient(ellipse at 16% 10%,#2bd9e93b,transparent 26%),radial-gradient(ellipse at 60% 10%,#20a6bc4d,transparent 30%),radial-gradient(ellipse at 91% 20%,#a3b4843d,transparent 24%);border-bottom:1px solid #24586b44}
:is(#detail,.finance-team-shell) .cash-steps{position:absolute;top:112px;left:73px;right:62px;display:grid;grid-template-columns:270px 203px 243px 278px;gap:43px}
:is(#detail,.finance-team-shell) .cash-steps button{position:relative;height:35px;border:1px solid #bca76b;border-radius:6px;background:linear-gradient(110deg,#142b33,#182e32 65%,#062936);color:#f4dea0;box-shadow:inset 0 1px 4px #e8d79f33,0 2px 5px #0008;text-align:center;font-size:15px;font-weight:600}
:is(#detail,.finance-team-shell) .cash-steps button:nth-child(2){margin-left:28px;width:203px}
:is(#detail,.finance-team-shell) .cash-steps button:nth-child(3){margin-left:19px;width:243px}
:is(#detail,.finance-team-shell) .cash-steps button:nth-child(4){margin-left:20px;width:278px}
:is(#detail,.finance-team-shell) .cash-steps button>span{position:absolute;left:-9px;top:-2px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:2px solid #edcb79;background:radial-gradient(circle at 35% 25%,#234e55,#001927 70%);box-shadow:0 0 0 2px #152e3b,0 0 5px #d6b66866;color:#fff3ce;font-size:23px;font-weight:400}
:is(#detail,.finance-team-shell) .cash-stage{position:absolute}
:is(#detail,.finance-team-shell) .cash-stage img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;max-width:none;user-select:none}
:is(#detail,.finance-team-shell) .cash-stage-one{left:18px;top:159px;width:352px;height:252px}
:is(#detail,.finance-team-shell) .cash-stage-one>img{position:absolute;top:10px;left:0}
:is(#detail,.finance-team-shell) .cash-stage-two{left:378px;top:180px;width:250px;height:229px}
:is(#detail,.finance-team-shell) .cash-art-label{position:absolute;color:#153543;font-size:12px;line-height:15px;font-weight:600;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-receipt-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;font-family:"Segoe UI",sans-serif}
:is(#detail,.finance-team-shell) .voucher-label{left:108px;top:87px;font-size:7.5px;rotate:14deg}
:is(#detail,.finance-team-shell) .cash-object-label{position:absolute;bottom:0;min-width:127px;height:29px;padding:5px 12px;border:1px solid #91c4c9;border-radius:5px;background:linear-gradient(100deg,#235268,#052634 80%);box-shadow:inset 0 0 6px #89ebeb33;color:#f0f2ea;font-size:12px;text-align:center}
:is(#detail,.finance-team-shell) .safe-label{left:37px}
:is(#detail,.finance-team-shell) .bank-label{right:0}
:is(#detail,.finance-team-shell) .cash-stage-three{left:610px;top:172px;width:320px;height:251px}
:is(#detail,.finance-team-shell) .cash-ledger-plinth{position:absolute;left:14px;top:209px;width:306px;height:35px;overflow:visible}
/* These two views use the independent generated prop, never reference pixels.
   Native labels stay outside the transformed image views. */
:is(#detail,.finance-team-shell) .cash-stage-three .cash-ledger-pane{position:absolute;left:-6px;top:-7px;width:350px;height:248px;object-fit:fill}
:is(#detail,.finance-team-shell) .cash-stage-three .ledger-left{clip-path:polygon(13.5% 0,51.5% 0,51.5% 85%,13.5% 85%);transform:skewY(4deg);transform-origin:30% 100%}
:is(#detail,.finance-team-shell) .cash-stage-three .ledger-right{clip-path:polygon(51.5% 1%,87% 1%,87% 85%,51.5% 85%);transform:translate(8px,8px) skewY(-3deg);transform-origin:70% 100%}
:is(#detail,.finance-team-shell) .cash-book-label{position:absolute;top:61px;left:64px;color:#f4eee0;font-size:10.5px;line-height:14px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-book-label.bank-book{top:67px;left:203px;font-size:9px}
:is(#detail,.finance-team-shell) .cash-stage-four{left:927px;top:156px;width:325px;height:266px}
:is(#detail,.finance-team-shell) .cash-reconcile-art{position:absolute;width:100%;height:100%;overflow:visible}
:is(#detail,.finance-team-shell) .cash-statement-label{position:absolute;left:26px;top:22px;color:#173e4f;font-size:10px;font-weight:600;rotate:-5deg}
:is(#detail,.finance-team-shell) .cash-voucher-label{position:absolute;right:14px;top:15px;font-size:9px;color:#f2f1dd;rotate:-7deg}
:is(#detail,.finance-team-shell) .cash-mismatch{position:absolute;top:137px;left:97px;width:132px;height:39px;text-align:center;font-size:10px;border-radius:6px;border:1px solid #d4b66c;background:linear-gradient(#28413c,#132e32);box-shadow:0 0 6px #e6ca7d44;color:#faf2d9;line-height:12px}
:is(#detail,.finance-team-shell) .cash-balance-label{position:absolute;left:53px;top:207px;color:#ecf2e6;font-size:9px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-balance-label.bank-balance{left:218px;top:215px;font-size:8px}
:is(#detail,.finance-team-shell) .cash-flow-arrow{position:absolute;top:257px;font-size:35px;font-weight:300;color:#76c4ca;text-shadow:0 0 9px #39a7b999}
:is(#detail,.finance-team-shell) .arrow-one{left:371px}
:is(#detail,.finance-team-shell) .arrow-two{left:621px}
:is(#detail,.finance-team-shell) .arrow-three{left:910px}
:is(#detail,.finance-team-shell) .cash-benefits{position:absolute;top:445px;left:30px;right:27px;height:90px;display:grid;grid-template-columns:386px 405px 396px;gap:18px}
:is(#detail,.finance-team-shell) .cash-benefits>button{height:90px;display:flex;align-items:center;border:1px solid #254e5d;border-radius:12px;background:linear-gradient(120deg,#001e2d,#001723);padding:14px 23px;gap:21px}
:is(#detail,.finance-team-shell) .cash-benefits i{width:57px;height:57px;flex:none;display:grid;place-items:center;border-radius:16px;background:linear-gradient(120deg,#21526a,#092631);border:1px solid #457583;box-shadow:inset 0 0 7px #bdebec22;color:#e6c783}
:is(#detail,.finance-team-shell) .cash-benefits svg{width:38px;height:38px}
:is(#detail,.finance-team-shell) .cash-benefits>button>div{padding-left:17px;border-left:1px solid #e3c174}
:is(#detail,.finance-team-shell) .cash-benefits h2{font-size:15px;color:#f3dfb0;font-weight:600;line-height:20px;margin:0 0 4px;white-space:nowrap}
:is(#detail,.finance-team-shell) .cash-benefits p{font-size:12px;line-height:17px;color:#e0e4e6;margin:0}
:is(#detail,.finance-team-shell) .cash-steps button:hover,:is(#detail,.finance-team-shell) .cash-benefits>button:hover{box-shadow:inset 0 0 10px #8ddbe722,0 0 9px #30bdd333;border-color:#e6d391}
:is(#detail,.finance-team-shell) .cash-visible .cash-flow-arrow{animation:cash-pulse 4s ease-in-out infinite}
@keyframes cash-pulse{50%{color:#b0f5e9;text-shadow:0 0 12px #82f2dd}}
@media(prefers-reduced-motion:reduce){:is(#detail,.finance-team-shell) .cash-visible .cash-flow-arrow{animation:none}:is(#detail,.finance-team-shell) .cash-board :where(button){transition:none}}
/* Explicit host isolation: dialog rules also win over the full application styles. */
dialog.finance-cash-dialog,#detail dialog.finance-cash-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(520px,calc(100vw - 40px));height:fit-content;min-height:0;max-height:88vh;border:1px solid #74a5b1;border-radius:12px;overflow:auto;background:linear-gradient(135deg,#082f40,#001c2b);color:#e5edf0;box-shadow:0 20px 80px #000a,0 0 18px #34aabc33;font-family:"Segoe UI",sans-serif;z-index:2000}
dialog.finance-cash-dialog::backdrop{background:#001018c9}
#detail dialog.finance-cash-dialog .cash-modal-content,.finance-cash-dialog .cash-modal-content{padding:28px 30px;position:relative;display:block}
#detail dialog.finance-cash-dialog .cash-close,.finance-cash-dialog .cash-close{position:absolute;right:10px;top:7px;width:30px;height:30px;padding:0;border:0;border-radius:4px;color:#e1e9e8;font:25px/25px "Segoe UI";background:transparent;cursor:pointer}
#detail dialog.finance-cash-dialog h2,.finance-cash-dialog h2{font:600 23px/1.3 "Segoe UI";color:#efd6a2;margin:8px 0 20px}
#detail dialog.finance-cash-dialog p,.finance-cash-dialog p{font:14px/1.6 "Segoe UI";color:#cbdde3;margin:16px 0 0}
#detail dialog.finance-cash-dialog .cash-modal-demo,.finance-cash-dialog .cash-modal-demo{font:10px "Segoe UI";color:#7bc9df;letter-spacing:1px}
#detail dialog.finance-cash-dialog .cash-detail-row,.finance-cash-dialog .cash-detail-row{display:flex;align-items:flex-start;gap:25px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #295061;font:14px/1.4 "Segoe UI"}
#detail dialog.finance-cash-dialog .cash-detail-row strong,.finance-cash-dialog .cash-detail-row strong{font-weight:500;color:#f2e3be;text-align:right;max-width:70%}
#detail dialog.finance-cash-dialog .cash-detail-warning,.finance-cash-dialog .cash-detail-warning{color:#f0d07c;padding:12px;background:#715d2022;border:1px solid #a68a5044;border-radius:6px}
#detail dialog.finance-cash-dialog .cash-detail-ok,.finance-cash-dialog .cash-detail-ok{color:#9edabd}
#detail dialog.finance-cash-dialog .cash-confirm,.finance-cash-dialog .cash-confirm{margin-top:20px;border:1px solid #b69752;background:linear-gradient(#f0d28c,#d4ae5e);color:#142b32;font:600 14px "Segoe UI";padding:10px 20px;border-radius:6px;cursor:pointer}
#detail dialog.finance-cash-dialog .cash-confirm:disabled,.finance-cash-dialog .cash-confirm:disabled{opacity:.6;cursor:default}