.expense-toolbar{grid-template-columns:1fr 220px;gap:12px;display:grid}.expense-toolbar select,.expense-form input,.expense-form select,.expense-form textarea{border:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--secondary-foreground);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px}.expense-form input:focus,.expense-form select:focus,.expense-form textarea:focus{outline:2px solid var(--brand-200);outline-offset:1px}.expense-storage-note{color:var(--muted-foreground);margin:12px 0 16px;font-size:12px;line-height:1.6}.expense-list{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:#fff;border-radius:12px;overflow:hidden}.expense-list>header{background:var(--background);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.expense-list h2{color:var(--foreground);font-size:15px;font-weight:650}.expense-list>header span{color:var(--muted-foreground);font-size:12px}.expense-row{border-bottom:1px solid var(--secondary);grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.expense-row:last-child{border-bottom:0}.expense-date{flex-direction:column;align-items:start;gap:8px;display:flex}.expense-date time{color:var(--muted-foreground);font-size:12px}.expense-badge{border:1px solid var(--border);background:var(--background);color:var(--secondary-foreground);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px}.expense-badge.sky{background:var(--brand-50);color:var(--brand-900);border-color:var(--brand-100)}.expense-badge.rose{background:var(--pastel-rose);color:var(--destructive);border-color:var(--pastel-rose-border)}.expense-badge.purple{background:var(--pastel-sky);color:var(--pastel-sky-foreground);border-color:var(--pastel-sky-border)}.expense-badge.amber{background:var(--warning-surface);color:var(--warning);border-color:var(--pastel-amber)}.expense-badge.emerald{background:var(--pastel-sky);color:var(--pastel-sky-foreground);border-color:var(--pastel-sky-border)}.expense-detail{overflow-wrap:anywhere;min-width:0}.expense-detail>strong{color:var(--secondary-foreground);font-size:14px;font-weight:600}.expense-detail>div{color:var(--muted-foreground);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px;display:flex}.expense-invoice{background:var(--background);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.expense-row-actions{align-items:center;gap:8px;display:flex}.expense-row-actions b{color:var(--foreground);font-variant-numeric:tabular-nums;margin-right:10px;font-size:17px}.expense-row-actions button,.expense-pagination button,.expense-confirm-actions>button{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.expense-row-actions button{width:44px;color:var(--muted-foreground);padding:0}.expense-row-actions .expense-delete{color:var(--destructive)}.expense-row-actions button:hover,.expense-pagination button:hover{background:var(--brand-50);border-color:var(--brand-200)}.expense-empty{text-align:center;color:var(--subtle-foreground);justify-items:center;gap:10px;padding:48px 20px;display:grid}.expense-empty h3{color:var(--label-foreground);font-size:15px}.expense-empty p{font-size:12px}.expense-pagination{justify-content:center;padding:20px 0;display:flex}.expense-confirm-modal{height:fit-content;margin:auto;position:fixed;inset:16px;translate:none}.expense-cloud-label{color:var(--muted-foreground);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:11px}.expense-form{flex-direction:column;gap:14px;display:flex}.expense-form label{color:var(--label-foreground);gap:6px;margin:0;font-size:12px;font-weight:500;display:grid}.expense-form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.expense-form textarea{resize:vertical;min-height:80px}.expense-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.expense-form button:disabled{opacity:.5;cursor:not-allowed}.expense-error{background:var(--pastel-rose);color:var(--destructive);border-radius:10px;padding:12px;font-size:13px}.expense-notice{color:var(--brand-600);margin-bottom:12px;font-size:13px}@media (width<=767px){.expense-toolbar{grid-template-columns:1fr}.expense-toolbar>select{display:none}.expense-list>header{flex-wrap:wrap;padding:12px}.expense-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 12px}.expense-date{flex-direction:row;grid-area:2/1;align-items:center}.expense-detail{grid-area:1/1/auto/-1}.expense-row-actions{flex-wrap:wrap;grid-area:2/2;justify-content:flex-end;gap:4px;max-width:142px}.expense-row-actions b{text-align:right;width:100%;color:var(--destructive);margin:0 0 4px;font-size:15px}.expense-row-actions button{width:40px;min-height:40px}.expense-date{flex-wrap:wrap}}