.products-table{width:100%;border-collapse:collapse;margin-top:20px}.products-table th,.products-table td{padding:10px 12px;text-align:left;vertical-align:middle}.products-filters-card{display:flex;flex-direction:column;gap:14px}.products-filters-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.products-filters-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.products-filters-grid>div,.bulk-discount-body>div{display:flex;flex-direction:column;gap:6px}.products-filters-grid input,.bulk-discount-body input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;box-sizing:border-box}.products-filter-checkbox{align-self:end;padding-bottom:8px}.products-filters-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.collapsible-card{padding:0;overflow:hidden}.collapsible-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;cursor:pointer;list-style:none}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary:after{content:"▾";color:var(--color-primary);font-size:1rem;line-height:1;margin-top:6px;transition:transform .2s ease}.collapsible-card[open] .collapsible-summary:after{transform:rotate(180deg)}.collapsible-summary h3{margin:0}.collapsible-summary p{margin:4px 0 0}.collapsible-body{border-top:1px solid var(--color-sand);padding:16px}.bulk-discount-body{display:grid;grid-template-columns:minmax(120px,160px) auto auto;gap:12px;align-items:end}.thumb{width:60px;height:60px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer}.thumb.placeholder,.modal-image.placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;color:#64748b;background:#f8fafc}.link-button{background:none;border:none;color:#0f172a;font-weight:600;cursor:pointer;padding:0}.product-name-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.product-name-cell .link-button{display:block;width:100%;text-align:left}.product-name-meta{display:inline-block;font-size:.88rem}.products-empty-row{text-align:center;padding:18px 10px;color:var(--color-taupe)}.modal-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px;border:1px solid #e5e7eb}.modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(620px,92vw);box-shadow:0 10px 30px #0f172a33;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;margin-top:16px}.modal-card .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;position:sticky;bottom:0;background:#fff;padding-top:12px}.form-grid input,.form-grid select,.modal-form input,.modal-form select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;box-sizing:border-box}.modal-form>div,.form-grid>div{display:flex;flex-direction:column;gap:6px}.modal-form .full-width{grid-column:1 / -1}.variants-section{margin-top:14px}.variants-list{display:flex;flex-direction:column;gap:10px}.variant-row{border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.new-variant-row{background:#f8fafc}.variant-main{display:flex;flex-direction:column;gap:4px}.variant-prices{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.variant-prices input{width:100%;min-width:0;padding:6px 8px;border-radius:8px;border:1px solid #d1d5db;font-size:.9rem}.toggle-row{margin-top:12px}.checkbox-row{display:inline-flex;align-items:center;gap:8px;font-weight:500}.create-variants-section{margin-top:18px}.variants-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.variant-grid>div,.variant-attributes{display:flex;flex-direction:column;gap:6px}.variant-grid input,.variant-attribute-row input{width:100%;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box}.variant-attribute-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.variant-actions{display:flex;justify-content:flex-end}.sync-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:16px}.sync-field-option{display:flex;gap:10px;border:1px solid #e5e7eb;border-radius:12px;padding:12px;align-items:flex-start}.sync-field-option span{display:flex;flex-direction:column;gap:4px}@media(max-width:840px){.products-filters-header{flex-direction:column}.products-filters-grid,.bulk-discount-body,.variant-prices,.variant-attribute-row{grid-template-columns:1fr}.products-filter-checkbox{padding-bottom:0}}.sync-field-option small{color:#64748b;line-height:1.35}@media(max-width:640px){.bulk-discount-card,.bulk-discount-controls,.variant-prices,.variant-attribute-row{grid-template-columns:1fr}}.receive-page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.receive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.receive-grid select,.receive-grid input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box}.notes-block textarea{width:100%;min-height:80px;padding:8px;border-radius:8px;border:1px solid #d1d5db;resize:vertical;box-sizing:border-box}.actions{margin:12px 0;display:flex;gap:12px}.desktop-table{margin-top:12px;overflow-x:auto}.receive-table{width:100%;border-collapse:collapse}.receive-table th,.receive-table td{padding:8px;border-top:1px solid #e5e7eb;vertical-align:top}.receive-table input,.receive-table select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box}.receive-search{position:relative;min-width:260px}.receive-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:280px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 14px 30px #0f172a1f}.receive-suggestion{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:none;border-radius:0;background:transparent;color:#0f172a;text-align:left}.receive-suggestion:hover{background:#f8fafc}.receive-suggestion-copy{min-width:0;display:grid;gap:2px}.receive-suggestion-copy strong,.receive-suggestion-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receive-suggestion-copy small,.receive-selection-hint,.row-count{color:#475569}.receive-empty-suggestions{padding:12px;color:#64748b;font-size:.95rem}.receive-thumb,.receive-suggestion-thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc}.receive-suggestion-thumb{width:44px;height:44px}.receive-thumb.placeholder,.receive-suggestion-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:11px;color:#64748b;text-align:center}.receive-selection-hint{margin-top:6px;font-size:.9rem}.receive-sku{display:inline-block;min-width:72px;color:#0f172a;font-weight:600}.mobile-cards{display:none;gap:12px;margin-top:12px}.receive-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.receive-card-piece{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:12px}.receive-card-piece-main{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.receive-card input,.receive-card select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box}.field-error{color:#b91c1c;font-size:.9rem;margin-top:4px}.save-actions{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.message{padding:10px 12px;border-radius:10px;background:#eef2ff;border:1px solid #c7d2fe;color:#1d4ed8}.mobile-footer{display:none;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px 12px;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 -2px 6px #0000000d}.receive-page button{border-radius:10px;border:1px solid #d1d5db;padding:.6em 1em;font-size:1rem;background-color:var(--color-primary);color:#fff;cursor:pointer}.receive-page button:disabled{opacity:.6;cursor:not-allowed}.receive-page .receive-suggestion{border:none;padding:10px 12px;background:transparent;color:#0f172a}@media(max-width:768px){.desktop-table{display:none}.mobile-cards{display:flex;flex-direction:column}.mobile-footer{display:flex}}.page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a}.muted{color:#6b7280;font-size:.95rem}.form-grid,.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.payment-grid input,.form-grid input,.form-grid select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem}.total{font-size:22px;font-weight:700}.warning{margin-top:4px;color:#b45309;background:#fef3c7;border:1px solid #f59e0b;padding:6px 8px;border-radius:8px;font-size:.9rem}.customer-search{position:relative}.customer-results{position:absolute;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px #0f172a1f;width:100%;max-height:220px;overflow-y:auto;margin-top:6px}.customer-option{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;color:#0f172a;display:flex;flex-direction:column;gap:2px}.customer-option:hover{background:#f1f5f9}.modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(600px,92vw);box-shadow:0 10px 30px #0f172a33}.rows{display:flex;flex-direction:column;gap:12px}.row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:start}.row-grid label{display:block;font-weight:600;color:#111827;margin-bottom:4px}.row-grid input,.row-grid select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.row-actions{display:flex;align-items:flex-end}.link-button{margin-left:8px;background:none;border:none;color:#2563eb;padding:0;font-size:.85rem}.customer-option{background:transparent;border:none;color:#0f172a;padding:8px 10px}@media(max-width:640px){.page{padding:12px}.row-grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:flex-start}}.stock-table{width:100%;border-collapse:collapse}.hide-on-mobile{display:table-cell}.show-on-mobile{display:none}@media(max-width:640px){.hide-on-mobile{display:none}.show-on-mobile{display:table-cell;min-width:0}.prod-name{font-weight:600}.prod-sku,.prod-attrs{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}}.transfer-page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.transfer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a}.transfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.transfer-grid select,.transfer-grid input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.transfer-rows{display:flex;flex-direction:column;gap:12px}.transfer-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.row-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.row-card input,.row-card select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.actions{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.pill{display:inline-block;background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:.95rem;border:1px solid #e5e7eb}.error{color:#b91c1c;font-size:.9rem;margin-top:4px}.status-box{padding:8px 10px;border:1px dashed #cbd5e1;border-radius:10px}.damage-list{display:flex;flex-direction:column;gap:10px}.damage-row{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.damage-row input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.message{margin-top:12px;padding:10px;border-radius:10px;background:#eef2ff;color:#1d4ed8;border:1px solid #c7d2fe}button{border-radius:10px;border:1px solid #d1d5db;padding:.6em 1em;font-size:1rem;background-color:var(--color-primary);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.transfer-row-grid,.damage-row{grid-template-columns:1fr}}.bodega-layout{display:grid;gap:20px}.bodega-search{position:relative;max-width:520px;width:100%}.bodega-search input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--color-sand);background:#fff;box-sizing:border-box}.bodega-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--color-sand);border-radius:12px;box-shadow:0 12px 24px #4040401f;max-height:280px;overflow-y:auto;z-index:10}.bodega-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--color-dark)}.bodega-suggestions button:hover{background:var(--color-peach)}.bodega-suggestions small{color:var(--color-taupe)}.bodega-detail{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;align-items:start}.bodega-image{width:100%;aspect-ratio:1 / 1;border-radius:18px;border:1px solid var(--color-sand);background:var(--color-cream);display:flex;align-items:center;justify-content:center;overflow:hidden}.bodega-image img{width:100%;height:100%;object-fit:cover}.bodega-meta{display:grid;gap:12px}.bodega-meta h3{margin:0;font-size:1.6rem}.bodega-meta small{color:var(--color-taupe)}.bodega-qty{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.bodega-qty input{width:160px;padding:8px 12px;border-radius:10px;border:1px solid var(--color-sand)}.bodega-secondary{font-size:.9rem;color:var(--color-taupe)}.bodega-modal-backdrop{position:fixed;inset:0;background:#40404066;display:flex;align-items:center;justify-content:center;padding:16px}.bodega-modal{background:#fff;border-radius:16px;border:1px solid var(--color-sand);max-width:420px;width:100%;padding:20px;box-shadow:0 20px 40px #40404033}.bodega-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.bodega-modal-actions button.secondary{background:var(--color-sand);color:var(--color-dark)}@media(max-width:768px){.bodega-detail{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--color-sand);padding:8px 10px;text-align:left;vertical-align:top}.table th{background:var(--color-cream);font-weight:600;color:var(--color-dark)}.span-2{grid-column:span 2}.helper{margin-top:4px}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}button.secondary{background:transparent;border:1px solid var(--color-sand);color:var(--color-dark)}@media(max-width:720px){.table-wrapper{overflow-x:visible}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--color-sand);border-radius:12px;padding:8px 12px;margin-bottom:12px;background:#fff;box-shadow:0 8px 20px #40404014}.table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--color-sand);padding:6px 0}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;color:var(--color-taupe);padding-right:12px;flex:0 0 45%}}.database-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.database-header-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.database-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.45fr);gap:16px;align-items:start}.database-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.database-input{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}.database-input input,.database-paging select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-sand);background:#fff;color:var(--color-dark)}.database-combobox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.database-combobox-toggle{min-width:46px;border-radius:10px;border:1px solid var(--color-sand);background:#fff;color:var(--color-dark);cursor:pointer}.database-options{margin-top:8px;border:1px solid var(--color-sand);border-radius:14px;background:#fff;box-shadow:0 16px 40px #0f172a14;max-height:280px;overflow-y:auto}.database-option,.database-options-empty{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.database-option{border:none;background:transparent;cursor:pointer;text-align:left;color:var(--color-dark)}.database-option+.database-option{border-top:1px solid rgba(201,178,134,.35)}.database-option:hover,.database-option.active{background:var(--color-cream)}.database-option strong{color:var(--color-taupe);font-size:.78rem}.database-options-empty{color:var(--color-taupe)}.database-toolbar-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.database-header button,.database-toolbar-actions button,.database-card-header button,.database-paging-controls button{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:10px 14px;font-weight:600;cursor:pointer}.database-header button.secondary,.database-toolbar-actions button.secondary,.database-paging-controls button.secondary{background:transparent;color:var(--color-dark);border:1px solid var(--color-sand)}.database-header button:disabled,.database-toolbar-actions button:disabled,.database-card-header button:disabled,.database-paging-controls button:disabled{opacity:.6;cursor:not-allowed}.database-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.database-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.database-stat{background:var(--color-cream);border:1px solid var(--color-sand);border-radius:12px;padding:10px 12px}.database-stat span{display:block;color:var(--color-taupe);font-size:.82rem;margin-bottom:4px}.database-stat strong{display:block;color:var(--color-dark);font-size:.98rem;word-break:break-word}.database-section+.database-section{margin-top:20px}.database-section h4{margin:0 0 10px}.database-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.database-table-wrapper{overflow-x:auto}.database-table{width:100%;border-collapse:collapse;font-size:.94rem}.database-table th,.database-table td{border-bottom:1px solid var(--color-sand);padding:8px 10px;text-align:left;vertical-align:top}.database-table th{background:var(--color-cream);color:var(--color-dark);font-weight:600;white-space:nowrap}.database-cell{display:block;max-width:360px}.database-cell-truncated{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.database-paging{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.database-paging-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.database-modal-overlay{position:fixed;inset:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.database-modal-card{width:min(1200px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 24px 90px #0f172a38;padding:24px}.database-diagram-modal{width:min(1320px,100%)}.database-diagram-help{margin-bottom:12px}.database-diagram-surface{position:relative;overflow:hidden;border:1px solid var(--color-sand);border-radius:18px;background:radial-gradient(circle at top,rgba(234,223,196,.5),transparent 40%),linear-gradient(180deg,#fffdf8,#fff);padding:16px;min-height:min(72vh,760px);cursor:grab;-webkit-user-select:none;user-select:none}.database-diagram-surface.dragging{cursor:grabbing}.database-diagram-panzoom{transform-origin:top left;will-change:transform}.database-diagram-render{min-width:960px;width:100%}.database-diagram-render svg{width:100%;height:auto;display:block;pointer-events:none}.database-diagram-source{margin-top:16px}.database-diagram-source summary{cursor:pointer;font-weight:600}.database-diagram-source pre{margin:12px 0 0;padding:16px;overflow:auto;border-radius:16px;background:#111827;color:#f8fafc}@media(max-width:960px){.database-grid{grid-template-columns:1fr}}@media(max-width:640px){.database-card-header,.database-toolbar,.database-paging,.database-paging-controls{align-items:stretch}.database-toolbar-actions,.database-paging-controls,.database-toolbar-actions button,.database-card-header button,.database-header button,.database-paging-controls button{width:100%}.database-cell{max-width:none}}.finance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.finance-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.finance-filter-actions{display:flex;align-items:end}.finance-filter-actions button,.finance-header button{width:100%}.finance-success{color:#065f46;background:#bbf7d066;border:1px solid rgba(16,185,129,.35);border-radius:14px;padding:12px 14px}.finance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.finance-stat-card{background:radial-gradient(circle at top right,rgba(234,223,196,.55),transparent 45%),linear-gradient(180deg,#fffdf8,#fff);border:1px solid var(--color-sand);border-radius:18px;padding:14px}.finance-stat-card span,.finance-stat-card small{display:block;color:var(--color-taupe)}.finance-stat-card strong{display:block;font-size:1.3rem;margin:6px 0 4px;color:var(--color-dark)}.finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.finance-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-panel{overflow:hidden}.finance-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.finance-panel-header h3{margin:0}.finance-bars{display:grid;gap:12px}.finance-bar-row{display:grid;gap:8px}.finance-bar-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.finance-bar-copy strong{color:var(--color-dark)}.finance-bar-copy span{color:var(--color-taupe);white-space:nowrap}.finance-bar-track{width:100%;height:12px;border-radius:999px;background:#c9b28640;overflow:hidden}.finance-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1f6f5f,#4a9d88)}.finance-bar-fill.negative{background:linear-gradient(90deg,#a84b3a,#d97757)}.finance-trend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;min-height:260px}.finance-trend-col{display:grid;gap:8px;text-align:center}.finance-trend-value{color:var(--color-taupe);font-size:.85rem}.finance-trend-bar{height:180px;border-radius:20px;background:linear-gradient(180deg,#ffffffb3,#eadfc433),repeating-linear-gradient(180deg,rgba(201,178,134,.14),rgba(201,178,134,.14) 1px,transparent 1px,transparent 36px);display:flex;align-items:end;justify-content:center;padding:10px}.finance-trend-fill{width:100%;border-radius:16px 16px 8px 8px}.finance-trend-fill.income{background:linear-gradient(180deg,#6ec7ae,#1f6f5f)}.finance-trend-fill.expense{background:linear-gradient(180deg,#f3b37d,#a84b3a)}.finance-trend-fill.negative{opacity:.6}.finance-trend-col span{font-weight:600;color:var(--color-dark)}.finance-table-wrap{overflow-x:auto}.finance-table{width:100%;border-collapse:collapse}.finance-table th,.finance-table td{border-bottom:1px solid var(--color-sand);padding:10px 8px;text-align:left}.finance-table th{background:var(--color-cream)}@media(max-width:980px){.finance-grid,.finance-grid-wide{grid-template-columns:1fr}}@media(max-width:640px){.finance-filter-actions,.finance-filter-actions button,.finance-header button{width:100%}.finance-trend{grid-template-columns:1fr;min-height:0}.finance-trend-bar{height:120px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#3d1f13;background-color:#f4e9df;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #743a24;--color-primary-soft: #9b5b3a;--color-dark: #3d1f13;--color-sand: #e3cbb4;--color-sage: #d9c4ae;--color-cream: #f4e9df;--color-stone: #c9a98b;--color-rose: #b98262;--color-taupe: #8a5a42;--color-peach: #efd9c5;--color-mist: #bfa189}body{margin:0;background-color:var(--color-cream)}a{font-weight:600;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit}#root{max-width:1200px;margin:0 auto;padding:16px}.page{max-width:1100px;margin:0 auto;padding:16px;color:var(--color-dark)}.card{background:#fff;border:1px solid var(--color-sand);border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 10px 30px #40404014}.muted{color:var(--color-taupe);font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.actions{margin:16px 0;display:flex;gap:12px;align-items:center}.error{color:#8a3f2b;font-size:.9rem;margin-top:4px}.nav{display:flex;flex-direction:column;gap:12px;margin:16px 0;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 14px;background:var(--color-peach);border-radius:16px;border:1px solid var(--color-rose)}.nav-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.nav a{padding:8px 12px;background:var(--color-cream);border-radius:999px;border:1px solid var(--color-sand);color:var(--color-dark)}.nav-disabled{padding:8px 12px;border-radius:999px;border:1px dashed var(--color-stone);color:var(--color-taupe);background:var(--color-cream);cursor:not-allowed}.nav-logo{display:flex;align-items:center;gap:10px;justify-content:center}.nav-logo img{width:56px;height:56px;object-fit:contain}.nav-login{justify-content:center}.nav-login .nav-logo{padding-right:0;border-right:none}.nav-login .nav-logo img{width:56px;height:56px}.nav-title{font-weight:700;color:var(--color-dark)}.nav button{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.nav button:hover{background:#5e2e1c}