@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap'); :root {{ --primary-color: #003218; --secondary-color: #004d26; --accent-color: #006633; --background-color: #e6f0ea; --text-color: #2d3436; }} body {{ font-family: 'Inter', sans-serif; margin: 2rem; background: var(--background-color); color: var(--text-color); }} .report-container {{ background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); padding: 2rem; margin: 0 auto; max-width: 1200px; border: 1px solid #dde5e0; }} h2 {{ color: var(--primary-color); border-bottom: 3px solid var(--secondary-color); padding-bottom: 0.75rem; margin-bottom: 1.75rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.5px; }} h3 {{ color: var(--secondary-color); margin: 2rem 0 1.25rem; font-size: 1.4rem; font-weight: 500; }} table {{ width: 100%; border-collapse: collapse; margin: 1.5rem 0; background: white; border-radius: 8px; overflow: hidden; border: 1px solid #e0e8e3; }} th, td {{ padding: 14px 18px; text-align: left; border-bottom: 1px solid #ecf0f1; }} th {{ background-color: var(--primary-color); color: white; font-weight: 500; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; }} tr:nth-child(even) {{ background-color: #f8faf9; }} tr:hover {{ background-color: #f2f7f4; }} .metric-highlight {{ font-weight: 500; color: var(--accent-color); font-size: 1.05rem; }} .warning {{ background-color: #fff8e6 !important; color: #8a6d05; border-left: 4px solid #ffd54f; }} .critical {{ background-color: #fdecea !important; color: #b71c1c; border-left: 4px solid #ef9a9a; }} .timestamp {{ color: #5a6860; font-size: 0.9rem; margin-bottom: 1.75rem; display: block; font-weight: 400; }} .footer-note {{ text-align: center; margin-top: 2.5rem; color: #5a6860; font-size: 0.85rem; padding-top: 1rem; border-top: 1px solid #e0e8e3; }} .stat-badge {{ background: var(--background-color); color: var(--secondary-color); padding: 4px 10px; border-radius: 4px; font-weight: 500; font-size: 0.9rem; }}