#app .finance-work{background:#15333d;color:#e7f5f3;border:1px solid #456972;border-radius:12px;padding:clamp(16px,2vw,28px)}
.finance-work .finance-nav,.finance-work .finance-head,.finance-work .finance-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.finance-work .finance-nav{padding-bottom:16px;border-bottom:1px solid #47646b}
.finance-work button,.finance-work input,.finance-work textarea{font:inherit}
.finance-work button{padding:8px 14px;border:1px solid #51727a;border-radius:6px;background:#173944;color:#e6f4f4;cursor:pointer}
.finance-work button[aria-pressed=true],.finance-work button[type=submit]{background:#97e3d4;color:#102e36;border-color:#97e3d4}
.finance-work button:disabled{opacity:.65;cursor:wait}
.finance-work .finance-head{margin:20px 0;justify-content:space-between}
#app .finance-work h2,#app .finance-work h3{color:#ecf8f6;margin:0}
.finance-work .finance-list{list-style:none;margin:0;padding:0}
.finance-work .finance-list>li{border-top:1px solid #45636b;padding:16px 0}
.finance-work summary{cursor:pointer;font-weight:650;line-height:1.6}
.finance-work summary small{margin-left:14px;color:#afcfcd}
.finance-work p{color:#cae0df;margin:6px 0 12px}
.finance-work textarea,.finance-work input[type=month]{border:1px solid #668187;border-radius:5px;padding:8px;color:#edf7f5;background:#102b35;color-scheme:dark}
.finance-work textarea{display:block;width:100%;margin:5px 0 12px;resize:vertical}
.finance-work .finance-controls{justify-content:space-between}
.finance-work .finance-links{font-size:.86em;margin-top:14px}
.finance-work .finance-links a{color:#a7e8de;margin-right:16px}

#app .finance-work{background:var(--work-surface,#152637);color:var(--work-text,#E7F0FA);border-color:#40586c;padding:clamp(14px,1.6vw,24px);min-width:0;font-variant-numeric:tabular-nums}
.finance-work .finance-nav{flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#668296 transparent}
.finance-work .finance-nav button{white-space:nowrap;flex:0 0 auto;font-size:.88rem;padding:9px 11px;background:transparent;border-color:transparent}
.finance-work .finance-nav button[aria-current=page]{color:var(--work-accent,#76DECE);background:#213C4D;border-color:#668296}
.finance-work .finance-head{margin:16px 0;gap:10px 18px}
.finance-work .finance-head h2{font-size:1.17rem}
.finance-work .finance-head p{font-size:.85rem;margin:5px 0 0}
.finance-work .finance-head label{display:flex;align-items:center;gap:8px;font-size:.88rem}
.finance-work .finance-head input{min-width:0}
.finance-work p,.finance-work summary small{color:var(--work-muted,#AEC3D6)}
.finance-work .finance-list>li{border-color:#40586c;padding:12px 0}
.finance-work button,.finance-work textarea,.finance-work input[type=month]{background:var(--work-bg,#0B1420);color:var(--work-text,#E7F0FA);border-color:#668296}
.finance-work button[type=submit],.finance-work .sf-filters button[aria-pressed=true]{background:var(--work-accent,#76DECE);border-color:var(--work-accent,#76DECE);color:#102B35}
.finance-work :is(button,input,textarea,summary,a):focus-visible{outline:2px solid var(--work-accent,#76DECE);outline-offset:3px}
.finance-work textarea::placeholder{color:var(--work-muted,#AEC3D6);opacity:1}
.finance-work ::selection{background:#76DECE;color:#0B1420}
.finance-work :is(input,textarea){caret-color:#76DECE}
@media(max-width:700px){.finance-work .finance-nav{margin-inline:-2px}.finance-work .finance-head>div{flex-basis:100%;min-width:0}.finance-work .finance-head label{flex:1}.finance-work .finance-head input{width:145px}.finance-work .finance-controls{justify-content:flex-start}.finance-work .finance-controls>label{flex-basis:100%}.finance-work button{min-height:40px}}