@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--primary:#0b5d3b;--primary-dark:#073d26;--secondary:#2e7d32;--accent:#f9b233;--highlight:#d81b60;--bg-cream:#fff8e6;--surface:#fff;--surface-alt:#fbf7ee;--danger:#c62828;--text-primary:#1e2d24;--text-muted:#6b7c72;--border:#e5e9e6;--sidebar-width:250px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{color:var(--text-primary);background-color:#f8f9f8;min-height:100vh}.web-layout{width:100%;min-height:100vh;display:flex}.web-sidebar{width:var(--sidebar-width);color:#fff;z-index:100;background-color:#073d26;border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 14px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 10px;display:flex;overflow-y:auto}.nav-link{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{background:var(--primary);color:#fff;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.web-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.web-topbar{border-bottom:1px solid var(--border);z-index:90;background-color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.web-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 28px}.overview-welcome-banner{background:linear-gradient(135deg,#fff9eb 0%,#fff3d6 100%);border:1px solid #f5e6be;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 28px;display:flex}.grid-stats-row{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=1200px){.grid-stats-row{grid-template-columns:repeat(3,1fr)}}.metric-pill-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex}.data-table-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background-color:#fafbf9;padding:12px 18px;font-size:11px;font-weight:600}td{border-top:1px solid var(--border);color:var(--text-primary);padding:14px 18px;font-size:13px}tr:hover td{background-color:#fbfdfb}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-dark)}.badge{border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#2e7d32;background:#e8f5e9}.badge-warning{color:#e65100;background:#fff3e0}.badge-danger{color:#c62828;background:#ffebee}.badge-info{color:#1565c0;background:#e3f2fd}.action-tile-btn{border:1px solid var(--border);cursor:pointer;background:#fdfbf7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;transition:all .2s;display:flex}.action-tile-btn:hover{background:#f4eedf;border-color:#d2c6a8}
