*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f6f8;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{max-width:1200px;margin:0 auto;padding:24px}.nav{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.nav a{color:#555;padding:6px 4px;font-weight:600;text-decoration:none}.nav a.router-link-exact-active{color:#1e7a4c;border-bottom:2px solid #1e7a4c}.nav-logout{margin-left:auto}.login-page{background:#f4f6f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:100%;max-width:360px;padding:36px 32px}.login-title{text-align:center;margin:0 0 4px;font-size:20px}.login-subtitle{text-align:center;color:#777;margin:0 0 24px;font-size:14px}.login-label{color:#555;margin-top:14px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.login-error{color:#c0392b;margin-top:12px;margin-bottom:0;font-size:13px}.login-submit{width:100%;margin-top:20px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #00000014}.cards-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-label{color:#777;text-transform:uppercase;letter-spacing:.03em;font-size:13px}.stat-value{margin-top:4px;font-size:26px;font-weight:700}.section-heading{color:#1a1a1a;border-top:1px solid #e0e0e0;margin:32px 0 8px;padding-top:24px;font-size:20px;font-weight:700}.chart-heading{color:#555;margin:20px 0 8px;font-size:15px;font-weight:600}.hero-stat-card{text-align:center;background:#fff;border-radius:14px;margin-bottom:16px;padding:32px;box-shadow:0 1px 3px #00000014}.hero-stat-value{color:#3b4a63;font-size:56px;font-weight:800;line-height:1}.hero-stat-label{color:#3b4a63;margin-top:10px;font-size:15px;font-weight:600}.stat-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-grid-3 .card{text-align:center;padding:28px 16px}.stat-grid-3 .stat-value-lg{color:#3b4a63;font-size:34px;font-weight:800;line-height:1}.stat-grid-3 .stat-label-lg{color:#3b4a63;margin-top:10px;font-size:14px;font-weight:600}@media (width<=700px){.stat-grid-3{grid-template-columns:1fr}}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-organic{color:#1e7a4c;background:#e6f4ea}.badge-non-organic{color:#b06a00;background:#fef3e2}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px 12px;font-size:14px}th{color:#555;background:#fafafa;font-weight:600}.filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filters select,.filters input{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px}.date-range{background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;display:flex}.date-range input{border:none;padding:6px 2px}.date-range-sep{color:#888;font-size:13px}.btn-apply{color:#fff;cursor:pointer;background:#1e7a4c;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600}.btn-apply:hover{background:#17603b}.btn-reset{color:#555;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 14px;font-size:14px}.btn-reset:hover{background:#f4f6f8}.pagination{align-items:center;gap:8px;margin-top:16px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px}.pagination button:disabled{opacity:.4;cursor:not-allowed}