.finance-page{max-width:1440px;margin:0 auto;color:var(--text);--fin-muted:color-mix(in srgb,var(--text) 72%,var(--surface));--fin-accent:color-mix(in srgb,var(--accent) 85%,var(--text))}
.fin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.fin-heading h1{font-size:26px;letter-spacing:-.025em;margin:0 0 6px}.fin-heading p{font-size:13px;color:var(--fin-muted);margin:0;line-height:1.6}.fin-help{position:relative;max-width:360px;font-size:12px}.fin-help summary{cursor:pointer;color:var(--fin-muted);padding:7px 0;white-space:nowrap}.fin-help[open]{flex:1}.fin-help p{padding-top:8px;font-size:12px}
.fin-period{display:flex;gap:10px 16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.fin-period label{color:var(--fin-muted);font-size:12px}.fin-period select,.fin-period input{margin-top:5px;font-size:13px;min-height:38px}.fin-period select{min-width:160px}.fin-period>button{min-height:38px;font-size:13px}.fin-custom{display:flex;gap:10px}.fin-custom[hidden]{display:none}.fin-custom input{width:155px}.fin-range{font-size:12px;color:var(--fin-muted);padding-bottom:11px}.fin-period .form-error{flex-basis:100%;margin:0}.fin-period .form-error:empty{display:none}
.fin-summary{display:flex;gap:32px;padding:17px 0 20px;margin:0 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.fin-summary>div{min-width:110px}.fin-summary>div:first-child{min-width:230px}.fin-summary dt{font-size:12px;color:var(--fin-muted);margin-bottom:6px}.fin-summary dd{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em;line-height:1.3}.fin-summary>div:first-child dd{color:var(--text)}
.fin-ledger{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.fin-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.fin-tabs{display:flex;gap:4px;flex-shrink:0}.fin-tabs button{font-size:12px;border:0;background:transparent;color:var(--fin-muted);min-height:38px;padding:8px 12px}.fin-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--fin-accent);font-weight:650}.fin-search{display:flex;gap:6px;max-width:360px;flex:1;min-width:0}.fin-search input{font-size:13px;min-height:38px}.fin-search button{font-size:12px;min-height:38px}.fin-selection{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 16px;background:var(--subtle);font-size:12px}.fin-selection strong{overflow-wrap:anywhere}.fin-selection button{font-size:12px;min-height:34px}
.fin-table{overflow:auto;scrollbar-color:var(--line) var(--surface)}.finance-page table{width:100%;font-size:13px;white-space:normal}.finance-page th{font-size:11px;font-weight:500;letter-spacing:0;padding:11px 16px;color:var(--fin-muted);text-align:left}.finance-page td{padding:11px 16px;max-width:none;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-page th:first-child,.finance-page td:first-child{padding-left:16px}.finance-page tbody tr:hover{background:var(--subtle)}.finance-page .fin-num{text-align:right;white-space:nowrap}.finance-page .fin-amount{font-weight:650}.fin-link{border:0;padding:3px 0;min-height:28px;color:var(--fin-accent);font-size:inherit;background:transparent;text-decoration:underline;text-underline-offset:3px;text-align:left;white-space:nowrap}.fin-person{white-space:normal;text-decoration:none;font-weight:550;line-height:1.5}.fin-link:hover{text-decoration:underline;background:transparent}.fin-employees td:first-child{width:40%}.fin-operations{min-width:810px}.fin-operations td:first-child{white-space:nowrap;width:115px}.fin-worker{min-width:120px;max-width:180px}.fin-work{width:28%;min-width:180px}.fin-work>span{display:block;line-height:1.4}.finance-page td small{display:block;font-size:11px;margin-top:4px;color:var(--fin-muted);line-height:1.3}.fin-last{color:var(--fin-muted);white-space:nowrap}
.fin-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);color:var(--fin-muted);font-size:12px}.fin-paging{display:flex;align-items:center;gap:12px;white-space:nowrap}.fin-paging button{font-size:12px;min-height:36px}.fin-paging button:disabled{cursor:default}.fin-empty{text-align:center;padding:40px 20px}.fin-empty h2{font-size:16px;margin-bottom:10px}.fin-empty p{font-size:13px;color:var(--fin-muted);line-height:1.6}.fin-empty button{font-size:12px}.finance-page :is(button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.finance-page input{caret-color:var(--accent)}.finance-page ::selection{background:var(--accent-soft);color:var(--text)}.fin-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){.fin-toolbar{flex-wrap:wrap}.fin-search{max-width:none}.fin-summary{gap:24px}.fin-summary>div:first-child{min-width:210px}}
@media(max-width:600px){.fin-heading{gap:10px;margin-bottom:16px;flex-wrap:wrap}.fin-heading h1{font-size:23px}.fin-heading p{font-size:12px}.fin-help{max-width:none;width:100%}.fin-help summary{padding:0}.fin-period{gap:10px}.fin-period>label{flex:1}.fin-period select{min-width:0;width:100%}.fin-custom{order:2;width:100%}.fin-custom>label{flex:1;min-width:0}.fin-custom input{width:100%;font-size:16px}.fin-range{order:3;padding-bottom:0;flex-basis:100%;line-height:1.5}.fin-period .form-error{order:4}.fin-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px 0}.fin-summary>div{min-width:0}.fin-summary>div:first-child{min-width:0;grid-column:1/-1}.fin-summary dd{font-size:20px}.fin-summary>div:first-child dd{font-size:25px}.fin-toolbar{padding:10px;gap:10px}.fin-tabs{width:100%}.fin-tabs button{flex:1;min-height:44px}.fin-search{flex-basis:100%;max-width:none}.fin-search input{font-size:16px}.fin-search button{min-height:44px}.finance-page .fin-orders,.finance-page .fin-last{display:none}.finance-page th,.finance-page td{padding:10px;font-size:12px}.finance-page th:first-child,.finance-page td:first-child{padding-left:12px}.fin-employees td:first-child{width:46%}.fin-person{min-height:44px}.fin-footer{padding:12px;flex-wrap:wrap;font-size:11px}.fin-paging{margin-left:auto}.fin-paging button{min-height:44px}.fin-selection{padding:10px 12px}.fin-selection button{min-height:44px}.fin-table:focus-visible{outline-offset:-3px}}

.finance-page input::placeholder{color:var(--fin-muted);opacity:1}
