@import url("design-tokens.css");
.finance-workspace{padding:48px 0 80px}.finance-wrap{width:min(1400px,calc(100% - 64px));margin:auto}.finance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.finance-head h1{font-size:54px;line-height:1;letter-spacing:-.06em;margin:9px 0 8px}.finance-head p{margin:0;color:var(--ws-muted);font-size:15px}.finance-actions{display:flex;gap:10px;flex-wrap:wrap}.finance-button{min-height:46px;border:1px solid var(--ws-line);border-radius:11px;background:var(--ws-surface);color:var(--ws-text);padding:0 15px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.finance-button.primary{background:#17191c;color:#fff;border-color:#17191c}.finance-button.danger{color:var(--ws-danger);border-color:color-mix(in srgb,var(--ws-danger) 28%,var(--ws-line))}.finance-card{background:var(--ws-surface);border:1px solid var(--ws-line);border-radius:17px;box-shadow:0 14px 40px rgba(48,40,32,.05);overflow:hidden}.finance-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--ws-line)}.finance-card-head h2{margin:0;font-size:17px;letter-spacing:-.03em}.finance-card-head p{margin:4px 0 0;color:var(--ws-muted);font-size:11px}.finance-table{width:100%;border-collapse:collapse}.finance-table th{padding:14px 18px;text-align:left;background:var(--ws-surface-soft);border-bottom:1px solid var(--ws-line);color:var(--ws-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.finance-table td{padding:14px 18px;border-bottom:1px solid var(--ws-line);font-size:12px}.finance-table tbody tr:last-child td{border-bottom:0}.finance-table tbody tr:hover{background:color-mix(in srgb,var(--ws-surface-soft) 68%,transparent)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--ws-green-bg);color:var(--ws-green);font-size:10px;font-weight:850}.status-pill.cancelled{background:var(--ws-gray-bg);color:var(--ws-muted)}.invoice-customer{display:grid;gap:3px}.invoice-customer strong{font-size:12px}.invoice-customer span{color:var(--ws-muted);font-size:10px}.empty-finance{padding:54px 20px;text-align:center;color:var(--ws-muted)}.empty-finance strong{display:block;color:var(--ws-text);font-size:15px;margin-bottom:5px}.finance-dialog{width:min(980px,calc(100vw - 32px));max-width:none;border:1px solid var(--ws-line);border-radius:20px;background:var(--ws-surface);color:var(--ws-text);padding:0;box-shadow:var(--ws-shadow-lg)}.finance-dialog::backdrop{background:rgba(20,18,16,.46);backdrop-filter:blur(5px)}.finance-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px;border-bottom:1px solid var(--ws-line)}.finance-dialog-head h2{margin:5px 0 4px;font-size:28px;letter-spacing:-.045em}.finance-dialog-head p{margin:0;color:var(--ws-muted);font-size:11px}.finance-dialog-body{padding:20px 24px;display:grid;gap:15px}.finance-section{border:1px solid var(--ws-line);border-radius:14px;padding:16px;background:var(--ws-surface-soft)}.finance-section-title{font-size:12px;font-weight:900;margin-bottom:12px}.finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.finance-grid .full{grid-column:1/-1}.finance-grid label{display:grid;gap:5px;color:var(--ws-muted);font-size:10px;font-weight:800}.finance-grid input,.finance-grid select,.finance-grid textarea{width:100%;margin:0;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-surface);color:var(--ws-text);font:inherit;padding:0 10px}.finance-grid input,.finance-grid select{height:42px}.finance-grid textarea{padding:10px;resize:vertical;min-height:78px}.finance-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--ws-line)}.finance-dialog-footer>div{display:flex;gap:8px;flex-wrap:wrap}.close-x{width:38px;height:38px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface-soft);color:var(--ws-text);font-size:20px;cursor:pointer}.logo-upload{display:flex;align-items:center;gap:14px}.logo-preview{width:120px;height:70px;border:1px dashed var(--ws-line-strong);border-radius:10px;background:var(--ws-surface);display:grid;place-items:center;overflow:hidden;color:var(--ws-muted);font-size:10px}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.invoice-lines{display:grid;gap:8px}.invoice-line{display:grid;grid-template-columns:minmax(250px,1fr) 80px 115px 95px;gap:8px}.invoice-line input{height:40px;border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-surface);color:var(--ws-text);padding:0 9px}.invoice-total{display:flex;justify-content:flex-end;gap:14px;align-items:baseline;margin-top:10px}.invoice-total span{color:var(--ws-muted);font-size:11px}.invoice-total strong{font-size:22px}.profile-warning{padding:11px 13px;border:1px solid color-mix(in srgb,var(--ws-brown) 30%,var(--ws-line));border-radius:11px;background:var(--ws-brown-bg);color:var(--ws-brown);font-size:11px;line-height:1.45}.profile-warning[hidden]{display:none}.finance-toast{position:fixed;right:24px;bottom:24px;z-index:90;max-width:380px;padding:13px 16px;border-radius:12px;background:#17191c;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.22);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s}.finance-toast.show{opacity:1;transform:none}.finance-toast.error{background:#8b332d}.account-link-active{background:var(--ws-surface-muted);border-radius:10px}.nav-anchor{min-width:92px;text-align:center;text-decoration:none;color:var(--ws-muted);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800}.nav-anchor.active{background:var(--ws-surface);color:var(--ws-text);box-shadow:0 2px 8px rgba(41,34,27,.08)}
html[data-theme="dark"] .finance-card,html[data-theme="dark"] .finance-dialog{box-shadow:none}html[data-theme="dark"] .finance-button.primary{background:#eee8df;color:#171614;border-color:#eee8df}
@media(max-width:850px){.finance-wrap{width:min(100% - 28px,1400px)}.finance-head{align-items:flex-start;flex-direction:column}.finance-head h1{font-size:42px}.finance-grid{grid-template-columns:1fr}.finance-grid .full{grid-column:auto}.invoice-line{grid-template-columns:1fr 70px 95px}.invoice-line input:last-child{grid-column:2/4}.workspace-nav .nav-anchor:nth-last-child(-n+2){display:none}}
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.stats-grid article{min-height:110px;padding:18px 20px;border:1px solid var(--ws-line);border-radius:15px;background:var(--ws-surface);box-shadow:0 12px 34px rgba(48,40,32,.04)}.stats-grid span{font-size:10px;color:var(--ws-muted);font-weight:850;text-transform:uppercase;letter-spacing:.05em}.stats-grid strong{display:block;margin-top:13px;font-size:27px;letter-spacing:-.045em}.stats-grid .result-stat{border-left:3px solid var(--ws-green)}.stats-grid .result-stat strong{color:var(--ws-green)}.analytics-card{margin-bottom:18px}.expense-card{margin-top:18px}.bar-chart{height:230px;padding:24px 22px 12px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--ws-line);background:linear-gradient(180deg,var(--ws-surface),var(--ws-surface-soft))}.bar-month{flex:1;min-width:28px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-stack{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:min(18px,42%);min-height:2px;border-radius:5px 5px 2px 2px;background:var(--ws-brown)}.bar.result{background:var(--ws-green)}.bar.negative{background:var(--ws-danger)}.bar-month small{font-size:9px;color:var(--ws-muted)}.expense-row{cursor:pointer}.expense-row:hover{background:var(--ws-surface-soft)}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.stats-grid{grid-template-columns:1fr 1fr}.bar-chart{overflow-x:auto}.bar-month{min-width:42px}}

/* v0.4.1 invoice clarity + visual analytics */
.field-hint,.section-help{display:block;margin-top:5px;color:var(--ws-muted);font-size:10px;line-height:1.45}.invoice-line-head{display:grid;grid-template-columns:minmax(250px,1fr) 80px 115px 95px;gap:8px;margin:0 0 5px;color:var(--ws-muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.invoice-line input[readonly]{background:var(--ws-surface-muted);color:var(--ws-text)}.discount-box{margin-top:12px;padding:12px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface)}.discount-toggle{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850}.discount-controls{display:grid;grid-template-columns:90px 130px 1fr;gap:8px;align-items:center;margin-top:10px}.discount-controls select,.discount-controls input{height:38px;border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-surface-soft);color:var(--ws-text);padding:0 9px}.invoice-actions{display:flex;gap:6px;justify-content:flex-end}.invoice-actions .recreate{white-space:nowrap}.preview-dialog{width:min(900px,calc(100vw - 32px))}.invoice-preview{background:#e9e5df;padding:22px;border-radius:14px}.preview-paper{background:white;color:#17191d;min-height:650px;padding:40px 46px;border-radius:4px;box-shadow:0 16px 44px rgba(30,25,20,.12)}.preview-top{display:flex;justify-content:space-between;gap:20px}.preview-top>div{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:start}.preview-top img{grid-row:1/4;width:58px;height:58px;object-fit:contain}.preview-top strong{font-size:18px}.preview-top small,.preview-customer small{color:#6e675f}.preview-top h3{font-size:30px;margin:0}.preview-customer{display:grid;gap:4px;margin:55px 0 30px}.preview-customer span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#736c64}.preview-paper table{width:100%;border-collapse:collapse;font-size:11px}.preview-paper th,.preview-paper td{padding:10px;border-bottom:1px solid #ded8d1;text-align:left}.preview-total{width:300px;margin:24px 0 0 auto;display:grid;gap:8px}.preview-total div{display:flex;justify-content:space-between}.preview-total .grand{border-top:2px solid #17191d;padding-top:9px;font-size:14px}.preview-note{display:block;margin-top:46px;white-space:pre-line;color:#56514c}.analytics-visuals{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;padding:18px;border-bottom:1px solid var(--ws-line)}.trend-panel,.items-panel{border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface-soft);padding:15px}.chart-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.chart-title strong{font-size:13px}.chart-title span{font-size:10px;color:var(--ws-muted)}.trend-svg{width:100%;height:250px;overflow:visible}.trend-grid{stroke:var(--ws-line);stroke-width:1}.trend-revenue{fill:none;stroke:var(--ws-brown);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-result{fill:none;stroke:var(--ws-green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-dot-revenue{fill:var(--ws-brown)}.trend-dot-result{fill:var(--ws-green)}.chart-legend{display:flex;gap:14px;margin-top:5px;font-size:10px;color:var(--ws-muted)}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.chart-legend .rev i{background:var(--ws-brown)}.chart-legend .res i{background:var(--ws-green)}.items-bars{height:250px;display:flex;align-items:flex-end;gap:7px}.items-bar{flex:1;display:flex;height:100%;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.items-bar b{width:70%;max-width:24px;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--ws-text);opacity:.78}.items-bar small{font-size:9px;color:var(--ws-muted)}@media(max-width:900px){.analytics-visuals{grid-template-columns:1fr}.invoice-line-head{display:none}.discount-controls{grid-template-columns:90px 1fr}.discount-controls small{grid-column:1/-1}}

/* v0.4.2 invoice replacement, discount clarity and full preview */
.invoice-discount-mini{display:block;margin-top:4px;color:var(--ws-muted);font-size:9px;font-weight:650}
.discount-box{display:grid;gap:10px;padding:14px 15px}
.discount-toggle{display:inline-flex!important;align-items:center;justify-content:flex-start!important;gap:10px;width:max-content;max-width:100%;margin:0;color:var(--ws-text);font-size:11px;font-weight:850;cursor:pointer}
.discount-toggle input{appearance:auto!important;width:17px!important;height:17px!important;min-width:17px;margin:0!important;padding:0!important;accent-color:var(--ws-green)}
.discount-controls{margin:0;grid-template-columns:90px 130px minmax(220px,1fr)}
.discount-controls small{color:var(--ws-muted);line-height:1.45}
.preview-dialog{width:min(980px,calc(100vw - 32px))}
.invoice-preview{background:#e7e2db;padding:24px;border-radius:14px}
.full-invoice-preview{min-height:920px;display:flex;flex-direction:column;padding:44px 48px;border-radius:3px}
.preview-invoice-head{display:flex;justify-content:space-between;gap:36px}
.preview-seller{display:flex;align-items:flex-start;gap:14px;max-width:58%}.preview-seller img{width:62px;height:62px;object-fit:contain}.preview-seller>div{display:grid;gap:5px}.preview-seller strong{font-size:19px}.preview-seller span{font-size:10.5px;line-height:1.5;white-space:pre-line;color:#615b55}
.preview-meta{text-align:right}.preview-meta h3{font-size:30px;margin:0 0 14px;letter-spacing:-.04em}.preview-meta dl{display:grid;gap:5px;margin:0}.preview-meta dl div{display:flex;justify-content:flex-end;gap:16px;font-size:10px}.preview-meta dt{color:#746d65}.preview-meta dd{margin:0;min-width:110px;font-weight:850}
.preview-addresses{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:48px 0 28px;font-size:10.5px}.preview-addresses>div{display:grid;gap:4px}.preview-label{text-transform:uppercase;letter-spacing:.11em;font-size:8.5px;font-weight:850;color:#777067}.preview-addresses strong{font-size:12px}.preview-addresses span{white-space:pre-line}.preview-seller-details{text-align:right;color:#665f58}
.preview-intro{font-size:10.5px;line-height:1.55;white-space:pre-line;margin:0 0 18px}
.full-invoice-preview table{width:100%;border-collapse:collapse;font-size:10px}.full-invoice-preview th{padding:9px 7px;text-align:right;border-bottom:2px solid #1d1e21;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.full-invoice-preview th:nth-child(2){text-align:left}.full-invoice-preview td{padding:11px 7px;border-bottom:1px solid #ded8d1;text-align:right}.full-invoice-preview td:nth-child(2){text-align:left}
.full-invoice-preview .preview-total{width:340px;max-width:100%;margin:24px 0 26px auto}.preview-notes{display:grid;gap:8px;font-size:9.5px;line-height:1.5;white-space:pre-line}.preview-notes p{margin:0}.preview-notes p:empty{display:none}.preview-footer{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:auto;padding-top:18px;border-top:1px solid #d9d3cc;color:#68615a;font-size:8.8px;line-height:1.5;white-space:pre-line}
.stats-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.discount-controls{grid-template-columns:90px 1fr}.discount-controls small{grid-column:1/-1}.preview-invoice-head,.preview-addresses{grid-template-columns:1fr;display:grid}.preview-meta,.preview-seller-details{text-align:left}.preview-meta dl div{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}}


/* v0.4.7 — actionable statistics drill-down */
.active-months-head{padding:22px 22px 12px}.active-months-head h3{margin:6px 0 6px;font-size:20px;letter-spacing:-.035em}.active-months-head p{margin:0;color:var(--ws-muted);font-size:11px;max-width:780px;line-height:1.55}.active-months{display:grid;gap:12px;padding:8px 18px 20px}.month-activity{border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface);overflow:hidden;transition:.18s}.month-activity.pulse{box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-green) 20%,transparent)}.month-activity>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:18px;align-items:center;padding:18px 20px;cursor:pointer;background:var(--ws-surface)}.month-activity>summary::-webkit-details-marker,.day-activity>summary::-webkit-details-marker{display:none}.month-title{display:grid;gap:4px}.month-title>span{font-size:17px;font-weight:900;text-transform:capitalize}.month-title small,.month-money span{color:var(--ws-muted);font-size:10px}.month-money{text-align:right;display:grid;gap:4px}.month-money strong{font-size:18px}.month-chevron,.day-chevron{font-size:20px;color:var(--ws-muted);transition:.18s}.month-activity[open]>.month-activity-body{border-top:1px solid var(--ws-line)}.month-activity[open]>summary .month-chevron,.day-activity[open]>summary .day-chevron{transform:rotate(180deg)}.month-activity-body{padding:16px;background:var(--ws-surface-soft)}.month-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.month-metrics>span{padding:12px 14px;border:1px solid var(--ws-line);border-radius:11px;background:var(--ws-surface);display:grid;gap:5px}.month-metrics small{font-size:9px;color:var(--ws-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:850}.month-metrics strong{font-size:14px}.day-activity{border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-surface);overflow:hidden;margin-top:9px}.day-activity>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:14px;align-items:center;padding:14px 15px;cursor:pointer}.day-activity>summary>div{display:grid;gap:3px}.day-activity>summary>div strong{text-transform:capitalize;font-size:13px}.day-activity>summary>div span{font-size:10px;color:var(--ws-muted)}.day-activity>summary>strong{font-size:14px}.day-sales-list{display:grid;gap:7px;padding:0 10px 10px;border-top:1px solid var(--ws-line);background:color-mix(in srgb,var(--ws-surface-soft) 50%,var(--ws-surface))}.stat-sale-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 22px;gap:12px;align-items:center;width:100%;padding:11px 10px;border:0;border-bottom:1px solid var(--ws-line);background:transparent;color:var(--ws-text);font:inherit;text-align:left;cursor:pointer}.stat-sale-row:last-child{border-bottom:0}.stat-sale-row:hover{background:var(--ws-surface-soft);border-radius:9px}.stat-sale-thumb{width:48px;height:48px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-surface);display:grid;place-items:center;overflow:hidden}.stat-sale-thumb img,.sale-detail-thumb img{width:100%;height:100%;object-fit:contain}.sale-thumb-empty{color:var(--ws-muted)}.stat-sale-copy{display:grid;gap:4px;min-width:0}.stat-sale-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-sale-copy small,.stat-sale-amount small{color:var(--ws-muted);font-size:9.5px}.stat-sale-amount{text-align:right;display:grid;gap:4px}.stat-sale-amount strong{font-size:13px}.stat-sale-arrow{font-size:19px;color:var(--ws-muted)}.month-no-sales{padding:22px;text-align:center;color:var(--ws-muted);font-size:11px}.items-bar{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.chart-jump{cursor:pointer}.sale-stat-dialog{width:min(820px,calc(100vw - 32px))}.sale-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sale-detail-summary article{padding:13px 14px;border:1px solid var(--ws-line);border-radius:11px;background:var(--ws-surface-soft);display:grid;gap:5px}.sale-detail-summary small{font-size:9px;color:var(--ws-muted);font-weight:850;text-transform:uppercase;letter-spacing:.05em}.sale-detail-summary strong{font-size:15px}.sale-detail-summary .sale-detail-net strong{color:var(--ws-green)}.sale-detail-items{display:grid;gap:8px}.sale-detail-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface)}.sale-detail-thumb{width:54px;height:54px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-surface-soft);display:grid;place-items:center;overflow:hidden}.sale-detail-item>div:nth-child(2){display:grid;gap:4px;min-width:0}.sale-detail-item>div:nth-child(2) strong{font-size:12px}.sale-detail-item>div:nth-child(2) span{font-size:9.5px;color:var(--ws-muted)}.sale-detail-item>div:last-child{display:grid;gap:4px;text-align:right}.sale-detail-item>div:last-child small{font-size:9px;color:var(--ws-muted)}.sale-invoice-link{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:800px){.month-metrics{grid-template-columns:1fr 1fr}.sale-detail-summary{grid-template-columns:1fr 1fr}.month-activity>summary{grid-template-columns:minmax(0,1fr) auto 22px}.stat-sale-row{grid-template-columns:42px minmax(0,1fr) 18px}.stat-sale-amount{grid-column:2/3;text-align:left}.stat-sale-arrow{grid-column:3;grid-row:1/3}.sale-detail-item{grid-template-columns:48px minmax(0,1fr)}.sale-detail-item>div:last-child{grid-column:2;text-align:left}}


/* v0.4.8 — statistics layout refinement */
.stats-head{margin-bottom:18px;align-items:flex-start}.stats-head-copy{max-width:760px}.stats-head p{max-width:720px}
.stats-toolbar-card{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:center;padding:18px 22px;margin-bottom:18px}.stats-toolbar-copy h2{margin:6px 0 6px;font-size:20px;letter-spacing:-.035em}.stats-toolbar-copy p{margin:0;color:var(--ws-muted);font-size:11px;line-height:1.55;max-width:560px}.stats-toolbar-actions{justify-content:flex-end;align-items:center}.stats-toolbar-actions .finance-button{min-width:140px}.stats-toolbar-actions #periodMode{min-width:120px}.stats-toolbar-actions #periodMonth{min-width:180px}.stats-toolbar-actions #periodYear{min-width:120px}.stats-grid{margin-bottom:18px}
@media(max-width:1150px){.stats-toolbar-card{grid-template-columns:1fr}.stats-toolbar-actions{justify-content:flex-start}}
@media(max-width:700px){.stats-toolbar-card{padding:16px}.stats-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.stats-toolbar-actions .finance-button{width:100%;min-width:0}.stats-toolbar-actions #periodMonth,.stats-toolbar-actions #periodYear,.stats-toolbar-actions #periodMode{width:100%;min-width:0}.stats-head{margin-bottom:14px}.stats-grid{margin-bottom:14px}}


/* v0.5.0 — compact analytics controls */
.stats-compact-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:10px 12px;border:1px solid var(--ws-line);border-radius:13px;background:var(--ws-surface);box-shadow:0 8px 26px rgba(48,40,32,.035)}.stats-period-label{padding:0 7px}.stats-period-label span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--ws-muted)}.stats-compact-controls{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.stats-compact-controls .compact-control{min-height:38px;height:38px;min-width:112px;padding:0 11px}.stats-compact-controls .period-value{min-width:175px}.stats-compact-controls .compact-action{min-height:38px;height:38px;padding:0 13px}.toolbar-spacer{flex:1}.analytics-card{margin-top:0}.stats-grid{margin-bottom:16px}
html[data-theme="dark"] .stats-compact-toolbar{box-shadow:none}
@media(max-width:760px){.stats-compact-toolbar{align-items:flex-start;flex-direction:column}.stats-period-label{padding:2px 2px 0}.stats-compact-controls{width:100%;flex-wrap:wrap}.toolbar-spacer{display:none}.stats-compact-controls .compact-control,.stats-compact-controls .period-value{flex:1;min-width:135px}.stats-compact-controls .compact-action{flex:0 0 auto}}

/* v0.5.3 — unified compact finance pages */
.finance-workspace{padding:30px 0 64px}.finance-wrap{width:min(1380px,calc(100% - 48px))}.finance-head{align-items:center;margin-bottom:16px}.finance-head h1{font-size:var(--ins-font-page-title);line-height:1;letter-spacing:-.055em;margin:0 0 7px}.finance-head p{font-size:var(--ins-font-page-subtitle);line-height:1.45}.finance-head>.finance-actions{align-items:center}.finance-button{min-height:40px;height:40px;border-radius:9px;padding:0 13px;font-size:11px}.finance-card{border-radius:14px}.finance-card-head{padding:14px 17px}.finance-card-head h2{font-size:15px}.finance-card-head p{font-size:10px}.finance-table th{padding:11px 15px;font-size:9px}.finance-table td{padding:11px 15px;font-size:11px}
.stats-head{margin-bottom:14px}.stats-summary-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface);overflow:hidden;margin-bottom:12px;box-shadow:0 8px 26px rgba(48,40,32,.035)}.stats-summary-strip>div{padding:12px 14px;border-left:1px solid var(--ws-line);display:grid;gap:4px;align-content:center;min-height:68px}.stats-summary-strip>div:first-child{border-left:0}.stats-summary-strip span{font-size:8.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--ws-muted);font-weight:850}.stats-summary-strip strong{font-size:16px;letter-spacing:-.025em}.stats-summary-strip .result{border-left:2px solid var(--ws-green)}.stats-summary-strip .result strong{color:var(--ws-green)}
.stats-compact-toolbar{margin-bottom:12px;padding:7px 9px;border-radius:11px;box-shadow:none}.stats-period-label{padding:0 5px}.stats-compact-controls{gap:6px}.stats-compact-controls .compact-control,.stats-compact-controls .compact-action{min-height:36px;height:36px}.stats-compact-controls .period-value{min-width:160px}.analytics-card{margin-bottom:14px}.analytics-visuals{padding-top:14px}.active-months-head{padding:18px 18px 8px}.active-months-head .kicker{display:none}.active-months-head h3{margin-top:0}.expense-card{margin-top:14px}
.finance-dialog-head{padding:19px 22px 16px}.finance-dialog-head h2{font-size:24px}.finance-dialog-body{padding:17px 20px}.finance-dialog-footer{padding:13px 20px}
html[data-theme="dark"] .stats-summary-strip{box-shadow:none}
@media(max-width:1150px){.stats-summary-strip{grid-template-columns:repeat(4,1fr)}.stats-summary-strip>div:nth-child(5){border-top:1px solid var(--ws-line)}}
@media(max-width:850px){.finance-wrap{width:min(100% - 28px,1380px)}.finance-workspace{padding-top:22px}.finance-head h1{font-size:36px}.stats-summary-strip{grid-template-columns:repeat(2,1fr)}.stats-summary-strip>div{border-top:1px solid var(--ws-line)}.stats-summary-strip>div:nth-child(-n+2){border-top:0}.stats-compact-toolbar{align-items:flex-start;flex-direction:column}.stats-compact-controls{width:100%;flex-wrap:wrap}.toolbar-spacer{display:none}}
@media(max-width:520px){.stats-summary-strip{grid-template-columns:1fr}.stats-summary-strip>div{border-left:0!important;border-top:1px solid var(--ws-line)!important}.stats-summary-strip>div:first-child{border-top:0!important}}
.finance-button:is(select),.finance-grid select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23716b64' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.finance-button:is(select) option,.finance-grid select option{background:#fffdf9;color:#111418}html[data-theme="dark"] .finance-button:is(select) option,html[data-theme="dark"] .finance-grid select option{background:#211f1c;color:#f5f0e8}