#detail .finance-budget-frame,#detail .finance-budget-reference{--fb-font:'Segoe UI',sans-serif;position:relative;width:100%;margin:0;padding:0;overflow:hidden;color:#d7e6ec;background:radial-gradient(ellipse at 62% 5%,#07384b55,transparent 68%),linear-gradient(110deg,#001923,#001521);font-family:var(--fb-font)}
#detail .finance-budget-frame *,#detail .finance-budget-reference *,#detail .finance-budget-dialog *{box-sizing:border-box;font-family:'Segoe UI',sans-serif}
#detail .finance-budget-frame [hidden],#detail .finance-budget-reference [hidden]{display:none!important}
#detail .finance-budget-frame .fb-board,#detail .finance-budget-reference .fb-board{width:1240px;height:540px;padding:12px;position:relative;transform:none;filter:none}
#detail .finance-budget-frame .fb-header,#detail .finance-budget-reference .fb-header{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin:0 0 8px;padding:0;border:0;background:none;box-shadow:none;flex-wrap:nowrap}
#detail .finance-budget-frame .fb-header h2,#detail .finance-budget-reference .fb-header h2{font:700 28px/1.2 'Segoe UI',sans-serif;color:#ecd3a1;margin:0 0 1px;letter-spacing:0;text-shadow:0 1px 2px #0006}
#detail .finance-budget-frame .fb-header p,#detail .finance-budget-reference .fb-header p{font:400 12px/1.4 'Segoe UI',sans-serif;color:#bed1da;margin:0;padding:0;max-width:none}
#detail .finance-budget-frame .fb-header label{display:flex;align-items:center;gap:12px;margin:0;padding:0;font-size:11px;white-space:nowrap}
#detail .finance-budget-frame select{appearance:auto;min-height:0;height:29px;max-width:none;width:122px;margin:0;border:1px solid #225c70;border-radius:5px;padding:4px 8px;color:#dce9ed;background:#032735;font:11px 'Segoe UI',sans-serif}
#detail .finance-budget-frame button{appearance:none;min-height:0;max-width:none;letter-spacing:0;text-transform:none;box-shadow:none;font:inherit;color:inherit;cursor:pointer;text-align:left;background:none;border:0;margin:0;padding:0}
#detail .finance-budget-frame button:hover{color:#fff0ca}
#detail .finance-budget-frame button:focus-visible,#detail .finance-budget-frame tr:focus-visible,#detail .finance-budget-frame g[role=button]:focus-visible{outline:1px solid #dfc288;outline-offset:2px}
#detail .finance-budget-frame .fb-demo{font:400 7px/1.2 'Segoe UI',sans-serif;color:#89a9b8;letter-spacing:.1px;white-space:nowrap;margin-left:6px}
#detail .finance-budget-frame .fb-icon,#detail .finance-budget-reference .fb-icon{display:block;width:24px;height:24px;flex-shrink:0}
#detail .finance-budget-frame .fb-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:76px;margin:0 0 8px}
#detail .finance-budget-frame .fb-metric{display:flex;align-items:center;gap:24px;border:1px solid #16536b;border-radius:7px;padding:8px 19px;background:linear-gradient(120deg,#0a354588,#03233077);box-shadow:inset 0 0 15px #2c869e12}
#detail .finance-budget-frame .fb-orb{display:grid;place-items:center;width:51px;height:51px;border:1px solid #397a7f;border-radius:50%;box-shadow:0 0 14px #2bc9bd44,inset 0 0 13px #1da1a722;color:#ead093}
#detail .finance-budget-frame .fb-orb .fb-icon{width:29px;height:29px;stroke-width:1.4}
#detail .finance-budget-frame .fb-warning .fb-orb{border-color:#b39856;box-shadow:0 0 12px #e0ba6744;color:#efd08c}
#detail .finance-budget-frame .fb-metric>span:last-child{display:flex;flex-direction:column;gap:3px;font-size:11px}
#detail .finance-budget-frame .fb-metric strong{font-size:24px;font-weight:700;line-height:28px;color:#f3e6c9;white-space:nowrap}
#detail .finance-budget-frame .fb-metric .fb-demo{margin:3px 0 0;font-size:7px}
#detail .finance-budget-frame .fb-main{display:grid;grid-template-columns:2.14fr .72fr 1fr;gap:8px;height:210px;margin-bottom:8px}
#detail .finance-budget-frame .fb-card{position:relative;min-width:0;padding:8px 10px;border:1px solid #15516a;border-radius:6px;background:linear-gradient(110deg,#07324466,#03263455);box-shadow:inset 0 0 12px #2d72891a;overflow:visible}
#detail .finance-budget-frame .fb-card h3{display:block;font:600 13px/18px 'Segoe UI',sans-serif;color:#e5edf0;margin:0 0 5px;padding:0;border:0;white-space:nowrap}
#detail .finance-budget-frame .fb-card-heading{display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:5px;gap:8px}
#detail .finance-budget-frame .fb-card-heading h3{margin:0}
#detail .finance-budget-frame .fb-legend{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}
#detail .finance-budget-frame .fb-legend i{width:11px;height:11px;background:#238ab4;display:block}
#detail .finance-budget-frame .fb-legend i:nth-of-type(2){background:#e5c887;margin-left:10px}
#detail .finance-budget-frame .fb-legend small{font-size:8px;margin-left:10px;color:#9bb6c4;border-left:1px solid #285261;padding-left:12px}
#detail .finance-budget-frame .fb-bar-chart{display:block;width:100%;height:174px;overflow:visible;filter:none;transform:none}
#detail .finance-budget-frame .fb-bar-chart text{font:9.6px 'Segoe UI',sans-serif;fill:#d4e4eb}
#detail .finance-budget-frame .fb-bar-chart [data-fb-open]{cursor:pointer}
#detail .finance-budget-frame .fb-bar-chart [data-fb-open]:hover rect{stroke:#b7eaff;stroke-width:.7}
#detail .finance-budget-frame .fb-bar-chart text.fb-bad{fill:#ed7774;font-weight:600}
#detail .finance-budget-frame .fb-usage h3{font-size:12px}
#detail .finance-budget-frame .fb-usage h3 .fb-demo{font-size:6.4px;margin-left:3px}
#detail .finance-budget-frame .fb-donut{position:relative;display:block;width:100%;height:130px;margin:0}
#detail .finance-budget-frame .fb-donut svg{display:block;width:145px;height:145px;position:absolute;left:50%;top:-7px;translate:-50% 0}
#detail .finance-budget-frame .fb-donut>span{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;inset:0;gap:1px;text-align:center}
#detail .finance-budget-frame .fb-donut strong{font-size:22px;color:#f3e3b7;line-height:27px}
#detail .finance-budget-frame .fb-donut b{font-size:11px;font-weight:500}
#detail .finance-budget-frame .fb-donut small{font-size:8px;color:#a9bdc8}
#detail .finance-budget-frame .fb-info{display:flex;gap:9px;align-items:center;height:39px;margin:4px 0 0;padding:5px 8px;border:1px solid #245f74;border-radius:5px;background:#0d405377;font:9px/14px 'Segoe UI',sans-serif;color:#cfe0e6;max-width:none}
#detail .finance-budget-frame .fb-info>b{font-size:18px;color:#77c2e1}
#detail .finance-budget-frame .fb-commitments h3{display:flex;justify-content:space-between}
#detail .finance-budget-frame .fb-commit-total{display:flex;gap:17px;align-items:flex-start;width:100%;height:90px;border:1px solid #204b5d;border-radius:5px;background:#10344655;padding:12px 10px;font-size:10px}
#detail .finance-budget-frame .fb-document-orb{display:grid;place-items:center;width:40px;height:40px;border:1px solid #326b83;border-radius:6px;background:#13546b88;color:#98d7ed}
#detail .finance-budget-frame .fb-commit-total>span:last-child{display:block}
#detail .finance-budget-frame .fb-commit-total strong{display:block;font-size:21px;line-height:26px;color:#e9f1ea}
#detail .finance-budget-frame .fb-commit-total small{display:block;font:9px/14px 'Segoe UI',sans-serif;color:#c4d7e1}
#detail .finance-budget-frame .fb-commit-row{display:flex;align-items:center;gap:12px;height:40px;width:100%;font-size:8.5px;border-bottom:1px solid #315264aa;padding:5px 7px}
#detail .finance-budget-frame .fb-commit-row:last-child{border:0}
#detail .finance-budget-frame .fb-commit-row .fb-icon{width:19px;height:19px;color:#a0d8e7}
#detail .finance-budget-frame .fb-commit-row b{font-size:9px;font-weight:400;margin-left:auto;white-space:nowrap}
#detail .finance-budget-frame .fb-commit-row .fb-demo{font-size:6px;margin-left:auto}
#detail .finance-budget-frame .fb-bottom{display:grid;grid-template-columns:1.92fr 1fr;gap:8px;height:142px}
#detail .finance-budget-frame .fb-bottom .fb-card{padding:7px 9px}
#detail .finance-budget-frame table{width:100%;table-layout:fixed;border-collapse:collapse;background:#00233044;margin:0;font-size:9px;color:#d4e3e9}
#detail .finance-budget-frame th,#detail .finance-budget-frame td{padding:3px 6px;border:1px solid #284e5d88;text-align:left;font:400 9px/14px 'Segoe UI',sans-serif;vertical-align:middle}
#detail .finance-budget-frame th{background:#16435499;white-space:nowrap;color:#dceaf0}
#detail .finance-budget-frame .fb-variance th:nth-child(1){width:11%}#detail .finance-budget-frame .fb-variance th:nth-child(2),#detail .finance-budget-frame .fb-variance th:nth-child(3){width:12%}#detail .finance-budget-frame .fb-variance th:nth-child(4){width:13%}#detail .finance-budget-frame .fb-variance th:nth-child(5){width:23%}#detail .finance-budget-frame .fb-variance th:nth-child(6){width:16%}
#detail .finance-budget-frame .fb-variance td:nth-child(2),#detail .finance-budget-frame .fb-variance td:nth-child(3),#detail .finance-budget-frame .fb-variance td:nth-child(4){text-align:center}
#detail .finance-budget-frame tr[data-fb-row]{cursor:pointer}
#detail .finance-budget-frame tr[data-fb-row]:hover,#detail .finance-budget-frame tr.fb-selected{background:#2a829b22}
#detail .finance-budget-frame .fb-good{color:#74d1a6}#detail .finance-budget-frame .fb-bad{color:#ed7774}
#detail .finance-budget-frame .fb-status{display:inline-flex;gap:6px;align-items:center;padding:1px 6px;border-radius:12px;font-size:8px;white-space:nowrap}
#detail .finance-budget-frame .fb-status.fb-bad{background:#713d3e55;color:#ef8d84}
#detail .finance-budget-frame .fb-status.fb-good{background:#0b655a55;color:#73d8b4}
#detail .finance-budget-frame .fb-status.fb-pending{background:#7c6c2355;color:#edd078}
#detail .finance-budget-frame .fb-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 5px #8cc6bd22}
#detail .finance-budget-frame .fb-approvals th:nth-child(1){width:18%}#detail .finance-budget-frame .fb-approvals th:nth-child(2){width:37%}#detail .finance-budget-frame .fb-approvals th:nth-child(3){width:19%}#detail .finance-budget-frame .fb-approvals th:nth-child(4){width:26%}
#detail .finance-budget-frame .fb-approvals td,#detail .finance-budget-frame .fb-approvals th{font-size:8.5px;padding:4px 6px;line-height:14px}
#detail .finance-budget-frame .fb-approvals td:nth-child(3){text-align:center}
#detail .finance-budget-frame .fb-footer{position:static;height:12px;display:block;padding-top:5px;margin:0;font:7px/10px 'Segoe UI',sans-serif;color:#829ca7;background:none;text-align:left}
#detail .finance-budget-frame [data-fb-empty]{padding:80px;text-align:center;font-size:16px;color:#ead29d}
#detail .finance-budget-reference .fb-story-header{height:70px;display:block;text-align:center;margin:0;padding:0}
#detail .finance-budget-reference .fb-story-header p{font-size:15px;margin-top:3px}
#detail .finance-budget-reference .fb-story-scene{display:block;width:100%;height:358px;margin:0;overflow:visible;transform:none;filter:none}
#detail .finance-budget-reference .fb-story-scene text{font-family:'Segoe UI',sans-serif}
#detail .finance-budget-reference .fb-benefits{display:grid;grid-template-columns:1.05fr 1fr 1.06fr;gap:0;height:64px;margin:24px 0 0;padding:8px 15px;border:1px solid #285361;border-radius:9px;background:linear-gradient(110deg,#042a3655,#001d2944)}
#detail .finance-budget-reference .fb-benefits article{display:flex;align-items:center;gap:16px;padding:0 22px;border-right:1px solid #285362}
#detail .finance-budget-reference .fb-benefits article:first-child{padding-left:12px}#detail .finance-budget-reference .fb-benefits article:last-child{border:0}
#detail .finance-budget-reference .fb-benefits article>span{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid #927a45;border-radius:50%;color:#e3be72;background:#17373566}
#detail .finance-budget-reference .fb-benefits h3{font:600 12px/16px 'Segoe UI',sans-serif;color:#e8d09c;margin:0 0 4px;padding:0}
#detail .finance-budget-reference .fb-benefits p{font:400 9.7px/15px 'Segoe UI',sans-serif;color:#bdcfd8;margin:0;padding:0;max-width:none}
#detail .finance-budget-dialog{position:fixed;inset:0;width:640px;max-width:90vw;height:auto;min-height:0;max-height:88vh;margin:auto;overflow:auto;padding:24px;border:1px solid #6498aa;border-radius:10px;background:#072b3b;color:#e0edf2;box-shadow:0 0 50px #00121dbb;font:13px/1.5 'Segoe UI',sans-serif;transform:none;filter:none}
#detail .finance-budget-dialog::backdrop{background:#00121cbf;backdrop-filter:blur(4px)}
#detail .finance-budget-dialog [data-fb-close]{float:right;border:0;background:none;color:#ead8af;font-size:26px;padding:0 4px;min-height:0;margin:0;cursor:pointer}
#detail .finance-budget-dialog h3{font:600 20px/1.4 'Segoe UI',sans-serif;color:#ecd7ad;margin:0 30px 8px 0}
#detail .finance-budget-dialog p{font:12px/1.6 'Segoe UI',sans-serif;margin:8px 0;color:#c3d9e4;max-width:none}
#detail .finance-budget-dialog .fb-modal-demo{font-size:10px;color:#95bbc9}
#detail .finance-budget-dialog dl{display:grid;grid-template-columns:120px 1fr;border:1px solid #38616f;border-radius:5px;margin:16px 0}
#detail .finance-budget-dialog dt,#detail .finance-budget-dialog dd{margin:0;padding:7px 10px;border-bottom:1px solid #294c5c;font:12px/1.5 'Segoe UI',sans-serif}
#detail .finance-budget-dialog dt{color:#a9c9d8}#detail .finance-budget-dialog dd{color:#e1edf2}
#detail .finance-budget-dialog .fb-dialog-search{display:flex;align-items:center;gap:12px;margin:16px 0 8px;font-size:12px}
#detail .finance-budget-dialog input{width:100%;min-width:0;min-height:0;height:34px;padding:6px 9px;margin:0;border:1px solid #4b7a8b;border-radius:4px;background:#00212e;color:#d9e9f1;font:12px 'Segoe UI',sans-serif}
#detail .finance-budget-dialog .fb-link{color:#8cd1eb;border:0;background:none;text-align:left;padding:4px 0;margin:0;font:12px/1.5 'Segoe UI',sans-serif;cursor:pointer}
#detail .finance-budget-frame .fb-metric,#detail .finance-budget-frame .fb-card{transition:border-color .2s,box-shadow .2s}
#detail .finance-budget-frame .fb-metric:hover,#detail .finance-budget-frame .fb-card:hover{border-color:#44899b;box-shadow:inset 0 1px 0 #79c8d322,0 0 12px #25b2ba12}
@media(prefers-reduced-motion:reduce){#detail .finance-budget-frame *,#detail .finance-budget-reference *{transition:none!important;animation:none!important}}
#detail .finance-budget-frame .fb-board{padding:8px 28px 12px}
#detail .finance-budget-frame .fb-header{margin-bottom:5px}
#detail .finance-budget-frame *,#detail .finance-budget-reference *{font-style:normal}
