:root{--primary: #008751;--primary-hover: #006b40;--primary-light: #e8f5e9;--text-main: #1f2937;--text-muted: #4b5563;--bg-page: #f9fafb;--bg-card: #ffffff;--border: #e5e7eb;--border-focus: #008751;--danger: #dc2626;--danger-light: #fef2f2;--success: #16a34a;--radius: 8px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1040px;margin:0 auto;padding:24px 16px}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.header-brand h1{font-size:1.75rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:8px}.header-brand p{color:var(--text-muted);font-size:.95rem}.header-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.95rem;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out}.btn:focus-visible{outline:3px solid #86efac;outline-offset:2px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--text-main)}.btn-outline:hover:not(:disabled){background-color:#f3f4f6}.btn:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-card);padding:16px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-top:4px}.filter-card{background:var(--bg-card);padding:16px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px}.filter-row{display:flex;flex-wrap:wrap;gap:12px}.search-input-wrapper{flex:2;min-width:240px}.filter-select-wrapper{flex:1;min-width:140px}.input-control,.select-control{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text-main)}.input-control:focus,.select-control:focus{border-color:var(--border-focus);outline:2px solid var(--primary-light)}.trend-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}.trend-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.trend-title{font-size:1.15rem;font-weight:700}.badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.85rem;font-weight:700}.badge-up{background-color:#fee2e2;color:#b91c1c}.badge-down{background-color:#dcfce7;color:#15803d}.chart-svg{width:100%;height:180px}.trend-summary-row{display:flex;gap:20px;margin-top:12px;font-size:.9rem;color:var(--text-muted)}.table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#f3f4f6;padding:12px 16px;font-size:.85rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.95rem}.data-table tbody tr{cursor:pointer;transition:background .15s ease-in-out}.data-table tbody tr:hover{background-color:var(--primary-light)}.price-naira{font-weight:700;color:var(--text-main)}.alert-error{background-color:var(--danger-light);color:var(--danger);border:1px solid #fecaca;padding:16px;border-radius:var(--radius);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.skeleton-row{height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:8px;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-content{background:#fff;border-radius:var(--radius);max-width:480px;width:100%;padding:24px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}