:root{--mooie-primary: #3A5A44;--mooie-primary-hover: #2F4A38;--mooie-primary-50: #EEF3EF;--mooie-primary-100: #D6E2DA;--mooie-accent: #C4A35A;--mooie-accent-text: #4A3B18;--mooie-accent-50: #F7F0E1;--mooie-petal: #E4B7B2;--mooie-petal-50: #F7ECEA;--mooie-secondary: #6E5646;--mooie-bg: #FAF7F2;--mooie-surface: #FFFFFF;--mooie-surface-alt: #F3EDE4;--mooie-border: #E7DED0;--mooie-border-strong: #D9CDBB;--mooie-text: #2C2A26;--mooie-text-secondary: #8A8178;--mooie-text-muted: #A89F93;--mooie-success: #4E7A5A;--mooie-success-bg: #E7EFE8;--mooie-success-text: #2E4A37;--mooie-warning: #C4A35A;--mooie-warning-bg: #F7F0E1;--mooie-warning-text: #4A3B18;--mooie-danger: #C0563F;--mooie-danger-bg: #F6E4DF;--mooie-danger-text: #7A2E20;--mooie-invoice: #B08856;--mooie-invoice-bg: #F3E9DB;--mooie-invoice-text: #6B4E28;--mooie-unpaid: #B5794A;--mooie-unpaid-bg: #F3E6DA;--mooie-unpaid-text: #6E4523;--mooie-accounted: #5B7A9B;--mooie-accounted-bg: #E6ECF2;--mooie-accounted-text: #33475C;--mooie-font-serif: "Noto Serif SC", "Songti SC", serif;--mooie-font-sans: "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--mooie-radius-sm: 8px;--mooie-radius-md: 12px;--mooie-radius-lg: 16px;--mooie-radius-pill: 999px;--mooie-shadow-card: 0 6px 20px rgba(58, 90, 68, .06);--mooie-space-1: 4px;--mooie-space-2: 8px;--mooie-space-3: 12px;--mooie-space-4: 16px;--mooie-space-6: 24px;--mooie-space-8: 32px;--mo-primary: var(--mooie-primary);--mo-primary-700: var(--mooie-primary-hover);--mo-primary-100: var(--mooie-primary-50);--mo-accent: var(--mooie-accent);--mo-accent-100: var(--mooie-accent-50);--mo-petal: var(--mooie-petal);--mo-petal-100: var(--mooie-petal-50);--mo-secondary: var(--mooie-secondary);--mo-cream: var(--mooie-bg);--mo-paper: var(--mooie-surface);--mo-surface-alt: var(--mooie-surface-alt);--mo-ink: var(--mooie-text);--mo-muted: var(--mooie-text-secondary);--mo-line: var(--mooie-border);--mo-border-strong: var(--mooie-border-strong);--mo-success: var(--mooie-success);--mo-warning: var(--mooie-warning);--mo-danger: var(--mooie-danger);--mo-info: var(--mooie-accounted);--mo-pending: var(--mooie-warning);--mo-disabled: var(--mooie-text-muted);--mo-invoice: var(--mooie-invoice);--mo-unpaid: var(--mooie-unpaid);--mo-accounted: var(--mooie-accounted);--mo-radius-sm: var(--mooie-radius-sm);--mo-radius-md: var(--mooie-radius-md);--mo-radius-lg: var(--mooie-radius-lg);--mo-radius-pill: var(--mooie-radius-pill);--mo-shadow-card: var(--mooie-shadow-card);--mo-shadow-soft: var(--mooie-shadow-card);--mo-serif: var(--mooie-font-serif);--mo-sans: var(--mooie-font-sans);--el-color-primary: var(--mooie-primary);--el-color-primary-light-9: var(--mooie-primary-50);--el-color-success: var(--mooie-success);--el-color-warning: var(--mooie-warning);--el-color-danger: var(--mooie-danger);--el-text-color-primary: var(--mooie-text);--el-text-color-regular: var(--mooie-text-secondary);--el-border-color: var(--mooie-border);--el-border-radius-base: var(--mooie-radius-sm);--el-font-family: var(--mooie-font-sans)}*{box-sizing:border-box}html{background:var(--mo-cream)}body{margin:0;color:var(--mo-ink);font-family:var(--mo-sans);font-weight:400;background:var(--mo-cream)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{min-height:40px;border:.5px solid var(--mo-line);border-radius:var(--mo-radius-sm);padding:10px 12px;color:var(--mo-ink);background:var(--mo-paper);outline:none}input::placeholder,textarea::placeholder{color:var(--mooie-text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--mo-primary);box-shadow:0 0 0 2px #3a5a4426}.mo-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.mo-main{width:min(100%,1240px);margin:0 auto;padding:20px 24px 32px}.mo-page{display:grid;align-content:start;gap:20px}.mo-card{background:var(--mo-paper);border:.5px solid var(--mo-line);border-radius:var(--mo-radius-md);box-shadow:var(--mo-shadow-card)}.mo-section-title{margin:0;color:var(--mo-primary);font-family:var(--mo-serif);font-size:24px;font-weight:500;letter-spacing:.01em}.mo-subtitle{margin:6px 0 0;color:var(--mo-muted);line-height:1.65}.mo-button{min-height:40px;border:.5px solid var(--mo-primary);border-radius:var(--mo-radius-sm);padding:10px 16px;color:var(--mo-paper);background:var(--mo-primary);font-weight:500;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.mo-button:hover{background:var(--mo-primary-700);border-color:var(--mo-primary-700)}.mo-button:active{transform:scale(.98)}.mo-button.secondary{color:var(--mo-primary);background:var(--mo-paper);border-color:var(--mo-primary)}.mo-button.secondary:hover{background:var(--mo-primary-100)}.mo-status{display:inline-flex;align-items:center;gap:6px;border-radius:var(--mo-radius-pill);padding:2px 10px;font-size:12px;font-weight:400;white-space:nowrap}.mo-status.approved,.mo-status.success{color:var(--mooie-success-text);background:var(--mooie-success-bg)}.mo-status.accounted{color:var(--mooie-accounted-text);background:var(--mooie-accounted-bg)}.mo-status.pending,.mo-status.warning{color:var(--mooie-warning-text);background:var(--mooie-warning-bg)}.mo-status.invoice{color:var(--mooie-invoice-text);background:var(--mooie-invoice-bg)}.mo-status.unpaid{color:var(--mooie-unpaid-text);background:var(--mooie-unpaid-bg)}.mo-status.danger{color:var(--mooie-danger-text);background:var(--mooie-danger-bg)}.mo-metric{padding:16px 18px}.mo-metric-label{color:var(--mo-muted);font-size:13px}.mo-metric-value{margin-top:8px;color:var(--mo-ink);font-family:var(--mo-serif);font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.mo-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.mo-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mo-table{width:100%;border-collapse:collapse}.mo-table th,.mo-table td{border-bottom:.5px solid var(--mo-line);padding:14px 12px;text-align:left;vertical-align:middle}.mo-table th{color:var(--mo-muted);background:var(--mo-surface-alt);font-size:12px;font-weight:400}.mo-table tbody tr:hover{background:var(--mo-cream)}.mo-table td:nth-child(3):has(+td),.mo-table td.amount,.amount,.money{font-family:var(--mo-serif);font-variant-numeric:tabular-nums}.mo-image-thumb{width:54px;height:54px;border-radius:var(--mo-radius-sm);object-fit:cover;background:var(--mo-surface-alt);border:.5px solid var(--mo-line)}.link{border:0;color:var(--mo-primary);background:transparent;font-weight:500;cursor:pointer}@media(max-width:920px){.mo-shell{grid-template-columns:1fr}.mo-main{padding:16px}.mo-grid-4,.mo-grid-2{grid-template-columns:1fr}}