.ec-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px}.ec-page-header h5{margin:0;font-weight:600;color:#263238}.ec-new-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#00897b;color:#fff;border:none;border-radius:8px;font-size:0.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background 0.2s ease, box-shadow 0.2s ease}.ec-new-btn:hover{background:#00695c;box-shadow:0 4px 12px rgba(0,137,123,0.3);color:#fff}.ec-new-btn .material-icons{font-size:20px}.ec-new-btn--disabled{background:#b0bec5;cursor:not-allowed;box-shadow:none}.ec-new-btn--disabled:hover{background:#b0bec5;box-shadow:none}.ec-limit-badge{display:inline-block;font-size:0.75rem;font-weight:500;padding:2px 10px;border-radius:12px;background:#eceff1;color:#546e7a;vertical-align:middle;margin-left:8px}.ec-limit-badge--warning{background:#fff3e0;color:#e65100}.ec-limit-badge--full{background:#ffebee;color:#c62828}.ec-limit-warning{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;color:#e65100;font-size:0.9rem;margin-bottom:20px}.ec-limit-warning .material-icons{font-size:20px;color:#ffa000;flex-shrink:0}.ec-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px;margin-bottom:32px}.ec-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.06);transition:box-shadow 0.25s ease, transform 0.25s ease;border-left:4px solid #ccc}.ec-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1);transform:translateY(-2px)}.ec-card-header{padding:20px 20px 0;display:flex;align-items:center;gap:12px}.ec-color-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.ec-card-name{font-size:1.15rem;font-weight:600;color:#263238;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-card-body{padding:12px 20px 16px}.ec-card-description{font-size:0.875rem;color:#78909c;line-height:1.4;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.4em}.ec-card-description.empty{font-style:italic;color:#b0bec5}.ec-expense-count{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f5f5f5;border-radius:16px;font-size:0.8rem;font-weight:500;color:#546e7a}.ec-expense-count .material-icons{font-size:16px;color:#90a4ae}.ec-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #f0f0f0}.ec-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;font-size:0.8rem;font-weight:500;text-decoration:none;transition:background 0.2s ease;border:none;cursor:pointer}.ec-action-btn .material-icons{font-size:16px}.ec-action-btn--edit{background:#e8f5e9;color:#2e7d32}.ec-action-btn--edit:hover{background:#c8e6c9;color:#1b5e20}.ec-action-btn--delete{background:#ffebee;color:#c62828}.ec-action-btn--delete:hover{background:#ffcdd2;color:#b71c1c}.ec-empty-state{text-align:center;padding:60px 20px;color:#90a4ae}.ec-empty-state .material-icons{font-size:64px;margin-bottom:16px;color:#cfd8dc}.ec-empty-state p{font-size:1.1rem;margin:0 0 20px}@media (max-width: 600px){.ec-page-header{flex-direction:column;align-items:flex-start}.ec-grid{grid-template-columns:1fr}.ec-new-btn{width:100%;justify-content:center}}.search-enter-hint{margin:4px 0 0;padding:0;font-size:0.75rem;color:#78909c;line-height:1.3}.expenses-search-monthly-breakdown{margin-top:12px;padding:12px 0;border-top:1px solid #e8ecf1}.expenses-search-monthly-breakdown-title{margin:0 0 10px;font-size:0.95rem;font-weight:600;color:#37474f}.expenses-search-monthly-cards{display:flex;flex-wrap:wrap;gap:8px}.expenses-search-monthly-card{min-width:88px;padding:8px 10px;background:#fff;border:1px solid #e8ecf1;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.04);display:flex;flex-direction:column;align-items:center;gap:2px}.expenses-search-monthly-card-label{font-size:0.75rem;color:#546e7a;text-transform:capitalize}.expenses-search-monthly-card-value{font-size:0.85rem;font-weight:600;color:#37474f}.expenses-search-monthly-total{margin:12px 0 0;padding-top:10px;border-top:1px solid #e0e0e0;font-size:0.95rem;color:#37474f}.expenses-search-monthly-empty{margin:0;font-size:0.9rem}