.wo-matter-select{--wo-matter-surface:var(--surface,#fff);--wo-matter-soft:var(--surface-soft,#f5f8fa);--wo-matter-border:var(--border,#e0e5e7);--wo-matter-divider:var(--divider,#eaedef);--wo-matter-heading:var(--heading,#1c242b);--wo-matter-text:var(--text,#4c535b);--wo-matter-muted:var(--muted,#6f757c);--wo-matter-muted-light:var(--muted-light,#9aa0a7);--wo-matter-accent:var(--accent,#009ca5);--wo-matter-accent-ink:var(--accent-ink,#005565);--wo-matter-selected:var(--selected-bg,#e3f8f9);--wo-matter-ease:cubic-bezier(.22, 1, .36, 1);min-width:0;color:var(--wo-matter-text);align-items:center;gap:4px;display:flex;position:relative}.wo-matter-select--inline-menu{align-items:stretch;gap:var(--space-3,8px);display:grid}.wo-matter-select--filter{flex-shrink:0}.wo-matter-select--modal{border:1px solid var(--cfm-border,var(--wo-matter-border));border-radius:var(--cfm-radius-md,10px);background:var(--cfm-surface,var(--wo-matter-surface));width:100%;min-height:38px;transition:border-color .15s var(--wo-matter-ease), box-shadow .15s var(--wo-matter-ease), background .15s var(--wo-matter-ease)}.wo-matter-select--modal:hover{background:#fbfdfd;border-color:#cdd4d7}.wo-matter-select--modal.is-open,.wo-matter-select--modal:focus-within{border-color:var(--cfm-accent,var(--wo-matter-accent));background:var(--cfm-surface,var(--wo-matter-surface));box-shadow:0 0 0 3px #009ca521}.cfm-control:not(.cfm-control-picker) .wo-matter-select--modal{border-radius:var(--cfm-radius-md,10px);min-height:36px;box-shadow:none;background:0 0;border:0}.cfm-control:not(.cfm-control-picker) .wo-matter-select--modal:hover,.cfm-control:not(.cfm-control-picker) .wo-matter-select--modal.is-open,.cfm-control:not(.cfm-control-picker) .wo-matter-select--modal:focus-within{box-shadow:none;background:0 0;border-color:#0000}.wo-matter-select__trigger{width:100%;min-width:0;color:var(--wo-matter-heading);font:inherit;cursor:pointer;text-align:left;transition:color .15s var(--wo-matter-ease), background .15s var(--wo-matter-ease), box-shadow .15s var(--wo-matter-ease);background:0 0;border:0;outline:0;align-items:center;gap:8px;display:inline-flex}.wo-matter-select--filter .wo-matter-select__trigger{border-radius:var(--radius-sm,7px);background:var(--wo-matter-surface);border:1px solid var(--wo-matter-border);min-height:26px;color:var(--wo-matter-text);padding:3px 8px;font-size:11.5px;font-weight:600}.wo-matter-select--filter.has-value .wo-matter-select__trigger{background:var(--wo-matter-accent);border-color:var(--wo-matter-accent);color:#fff}.wo-matter-select--modal .wo-matter-select__trigger{border-radius:var(--cfm-radius-sm,7px);min-height:36px;color:var(--cfm-heading,var(--wo-matter-heading));padding:7px 11px;font-size:13px;line-height:1.35}.wo-matter-select--modal .wo-matter-select__trigger:hover{background:#f5f8fab8}.wo-matter-select__trigger:focus-visible{box-shadow:0 0 0 3px #009ca521}.wo-matter-select--modal .wo-matter-select__trigger:focus-visible{box-shadow:none}.wo-matter-select__value,.wo-matter-select__placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wo-matter-select__placeholder{color:var(--cfm-muted-light,var(--wo-matter-muted-light))}.wo-matter-select--filter.has-value .wo-matter-select__placeholder,.wo-matter-select--filter.has-value .wo-matter-select__value{color:#fff}.wo-matter-select__caret{width:18px;height:18px;color:var(--cfm-muted-light,var(--wo-matter-muted-light));transition:color .15s var(--wo-matter-ease), transform .15s var(--wo-matter-ease);flex:none;place-items:center;display:grid}.wo-matter-select--filter.has-value .wo-matter-select__caret{color:#ffffffd6}.wo-matter-select.is-open .wo-matter-select__caret{color:var(--wo-matter-accent);transform:rotate(180deg)}.wo-matter-select--filter.has-value.is-open .wo-matter-select__caret{color:#fff}.wo-matter-select__caret svg{width:13px;height:13px}.wo-matter-select__clear{width:18px;height:18px;color:var(--error,#d14148);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;font-size:15px;line-height:1}.wo-matter-select__clear:hover{background:#d1414814}.wo-matter-select__menu{--wo-matter-surface:#fff;--wo-matter-soft:var(--surface-soft,#f5f8fa);--wo-matter-border:var(--border,#e0e5e7);--wo-matter-divider:var(--divider,#eaedef);--wo-matter-heading:var(--heading,#1c242b);--wo-matter-text:var(--text,#4c535b);--wo-matter-muted:var(--muted,#6f757c);--wo-matter-muted-light:var(--muted-light,#9aa0a7);--wo-matter-accent:var(--accent,#009ca5);--wo-matter-accent-ink:var(--accent-ink,#005565);--wo-matter-selected:var(--selected-bg,#e3f8f9);z-index:calc(var(--z-modal,500) + 80);border:1px solid var(--wo-matter-border);border-radius:var(--radius-md,10px);background:#fff;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 28px #485a6629,0 3px 10px #485a661a}.wo-matter-select__menu--inline{z-index:auto;width:100%;max-height:372px;box-shadow:none;position:static}.wo-matter-select__menu-head{border-bottom:1px solid var(--wo-matter-divider);color:var(--wo-matter-muted);justify-content:space-between;align-items:center;gap:10px;padding:7px 8px 8px;font-size:11.5px;font-weight:700;display:flex}.wo-matter-select__menu-head span:last-child{color:var(--wo-matter-muted-light);font-weight:600}.wo-matter-select__category,.wo-matter-select__template{border-radius:var(--radius-sm,7px);width:100%;min-height:30px;color:var(--wo-matter-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.wo-matter-select__category:hover,.wo-matter-select__template:hover{background:var(--wo-matter-soft)}.wo-matter-select__category{color:var(--wo-matter-heading);margin-top:4px;padding:6px 8px;font-size:12.5px;font-weight:700}.wo-matter-select__category--sub{margin-top:2px;padding-left:24px;font-size:12.2px;font-weight:650}.wo-matter-select__category.is-expanded{background:var(--wo-matter-soft)}.wo-matter-select__twisty{width:12px;color:var(--wo-matter-muted-light);transition:transform .15s var(--wo-matter-ease), color .15s var(--wo-matter-ease);flex:none;font-size:17px;line-height:1}.wo-matter-select__category.is-expanded .wo-matter-select__twisty{color:var(--wo-matter-accent);transform:rotate(90deg)}.wo-matter-select__category-name,.wo-matter-select__template-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wo-matter-select__count{background:var(--wo-matter-surface);min-width:20px;height:18px;color:var(--wo-matter-muted-light);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.wo-matter-select__template{color:var(--wo-matter-text);padding:5px 8px;font-size:12.5px;font-weight:500}.wo-matter-select__template--level-1{padding-left:30px}.wo-matter-select__template--level-2{padding-left:48px}.wo-matter-select__template--clear{color:var(--wo-matter-muted);margin-top:5px}.wo-matter-select__template.is-selected{background:var(--wo-matter-selected);color:var(--wo-matter-accent-ink);font-weight:700}.wo-matter-select__template.is-selected:after{content:"";background:var(--wo-matter-accent);border-radius:999px;flex:none;width:7px;height:7px}.wo-matter-select__group{border-left:1px solid var(--wo-matter-divider);margin-left:14px;padding:2px 0 4px}.wo-matter-select__uncategorized{border-top:1px solid var(--wo-matter-divider);color:var(--wo-matter-muted-light);margin-top:6px;padding:7px 8px 5px;font-size:11.5px;font-weight:700}@media (prefers-reduced-motion:reduce){.wo-matter-select__trigger,.wo-matter-select__caret,.wo-matter-select__twisty{transition:none}}.compact-cost-tab{min-width:0}.compact-cost-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px;display:grid}.compact-cost-summary-item{border:1px solid var(--ddw-border-soft,var(--border));border-radius:var(--ddw-radius-md,var(--radius-md));background:var(--ddw-surface-subtle,var(--surface-soft));text-align:center;min-width:0;padding:10px}.compact-cost-summary-item.is-paid{background:var(--ddw-success-soft,#e7f7ef)}.compact-cost-summary-item.is-unpaid{background:var(--ddw-warning-soft,#fff5d9)}.compact-cost-summary-value{color:var(--ddw-heading,var(--heading));font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.compact-cost-summary-item.is-paid .compact-cost-summary-value{color:var(--ddw-success,var(--success))}.compact-cost-summary-item.is-unpaid .compact-cost-summary-value{color:var(--ddw-warning,var(--warning))}.compact-cost-summary-label{color:var(--ddw-muted,var(--muted));font-size:var(--fs-xs)}.compact-cost-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.compact-cost-toolbar button{min-height:28px;font-size:var(--fs-base);padding:4px 10px}.compact-cost-table-wrap{border-radius:var(--ddw-radius-md,var(--radius-md));max-width:100%;overflow-x:auto}.compact-cost-table{table-layout:fixed;min-width:1120px}.compact-cost-col-name{width:220px}.compact-cost-col-product{width:160px}.compact-cost-col-type{width:112px}.compact-cost-col-supplier{width:160px}.compact-cost-col-money{width:112px}.compact-cost-col-status{width:96px}.compact-cost-col-remark{width:176px}.compact-cost-col-action{width:64px}.compact-cost-table th,.compact-cost-table td{vertical-align:top}.compact-cost-cell-main .link-like,.compact-cost-action .link-like{font-size:var(--fs-base)}.compact-cost-line-clamp{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.compact-cost-type-chip{text-overflow:ellipsis;vertical-align:top;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.compact-cost-money{color:var(--ddw-heading,var(--heading));font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.compact-cost-status{max-width:100%;min-height:22px;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-weight:650;line-height:1.3;display:inline-flex;overflow:hidden}.compact-cost-muted{color:var(--ddw-muted,var(--muted))}.compact-cost-action{text-align:center;white-space:nowrap}@media (width<=760px){.compact-cost-summary{grid-template-columns:1fr}.compact-cost-table{min-width:1040px}}