.fin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.fin-tabs button{padding:10px 16px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer}.fin-tabs button.on{background:var(--brand);color:var(--on-brand,var(--card));border-color:var(--brand)}.fin-tabs b{margin-left:5px}.fin-filter{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:16px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.fin-filter label{display:grid;gap:8px;font-size:13px}.fin-filter .flow-actions{align-self:end;gap:10px}.fin-filter button{white-space:nowrap}.fin-filter .flow-input,.fin-filter .flow-select{width:100%;min-width:0}.fin-table-wrap{overflow:auto}.fin-table th,.fin-table td{padding:17px 15px;vertical-align:middle;text-align:left;line-height:22px;font-size:13px}.fin-table small{display:block;color:var(--ink-2);font-size:12px}.fin-table{width:100%;border-collapse:collapse;min-width:820px}.fin-table th{background:var(--bg);font-weight:500}.fin-table td{border-bottom:1px solid var(--line)}.fin-table a{font-weight:600;color:var(--brand);text-decoration:none;white-space:nowrap}.fin-pages{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:20px;font-size:12px}.fin-pages span{margin-right:auto}.fin-pages button{padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink)}.fin-pages button:disabled{opacity:.4}.fin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fin-summary p{font-size:12px;color:var(--ink-2);line-height:24px}.fin-summary strong{display:block;font-size:14px;color:var(--ink)}.fin-badge{display:inline-flex;padding:4px 10px;font-size:12px;border-radius:5px;font-weight:600;white-space:nowrap}.fin-badge.green{color:var(--state-green,#16834a);background:var(--state-green-bg,#e7f7ee)}.fin-badge.red{color:var(--state-red,#bd343b);background:var(--state-red-bg,#fff0f0)}.fin-badge.purple{color:var(--state-purple,#7652b3);background:var(--state-purple-bg,#f4edff)}.fin-badge.cyan{color:var(--state-cyan,#087f8c);background:var(--state-cyan-bg,#e5f8fa)}.fin-badge.orange{color:var(--state-orange,#a3610a);background:var(--state-orange-bg,#fff3df)}.fin-note{font-size:13px;color:var(--ink-2);line-height:24px}.fin-empty{text-align:center!important;padding:40px!important;color:var(--ink-2)}.fin-history{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.fin-dialog{border:1px solid var(--line);border-radius:8px;max-width:900px;width:85%;max-height:90vh;background:var(--card);color:var(--ink)}.fin-dialog::backdrop{background:var(--overlay,rgba(0,0,0,.4))}.fin-dialog header{display:flex;justify-content:space-between;padding:15px}.fin-dialog img{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}.fin-dialog button{padding:7px 14px}.fin-dialog .flow-btn{display:block;margin:15px}@media(max-width:1000px){.fin-filter{grid-template-columns:repeat(2,minmax(150px,1fr))}.fin-summary{grid-template-columns:repeat(2,1fr)}}