fix: add environment-aware logging with prod/dev/test levels and fix CSS not applying in Gradio 6

app.py

@@ -22,7 +22,7 @@ def calculate_var_analysis(
     method: str,
 ):
     """Calculate Value at Risk analysis based on Gradio inputs and delegate to the analysis pipeline."""
-    logger.info(
+    logger.debug(
         f"Analysis requested: {ticker} | VaR={var_confidence_label} ES={es_confidence_label} | {method} | N={n_days} | Date={end_date_str} | PV=${portfolio_value:,.0f}"
     )
 
@@ -69,8 +69,8 @@ def calculate_var_analysis(
         stress_label=STRESS_LABEL,
     )
 
-    logger.success(
-        f"Analysis complete: VaR=${result['var_nd']:,.2f}, ES=${result['es_nd']:,.2f}, Excel={result['excel_path']}\n"
+    logger.info(
+        f"Analysis complete: {ticker} | VaR=${result['var_nd']:,.2f} | ES=${result['es_nd']:,.2f}"
     )
 
     return (
@@ -121,6 +121,52 @@ def enable_run_button_for_method(method: str):
 # ------------------------------------------------------------------
 
 
+CUSTOM_CSS = """
+.form { border: none !important; box-shadow: none !important; gap: 0 !important; }
+.form .block, .form .row, .form > * { border: none !important; box-shadow: none !important; }
+#excel-btn, #excel-btn.primary {
+    background: #f97316 !important;
+    background-color: #f97316 !important;
+    color: white !important;
+    border-color: #9a3412 !important;
+    border: 1px solid #9a3412 !important;
+}
+#excel-btn:hover, #excel-btn.primary:hover {
+    background: #ea580c !important;
+    background-color: #ea580c !important;
+    border-color: #9a3412 !important;
+    border: 1px solid #9a3412 !important;
+}
+#portfolio-hr {
+    margin: 2rem 0 0.5rem !important;
+    border: none !important;
+    border-top: 1px solid #e5e7eb !important;
+}
+#portfolio-footer {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+#portfolio-text {
+    text-align: center !important;
+    margin: 0 auto !important;
+    padding: 0.75rem 0 !important;
+    width: 100% !important;
+}
+#portfolio-text a {
+    color: #ffffff !important;
+    font-weight: 500 !important;
+    font-size: 0.8rem !important;
+    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
+    letter-spacing: 0.05em !important;
+    text-decoration: none !important;
+    cursor: pointer !important;
+}
+#portfolio-text a:hover {
+    color: #d1d5db !important;
+}
+"""
+
+
 def build_app() -> gr.Blocks:
     """Construct and return the Gradio Blocks application."""
 
@@ -267,13 +313,11 @@ def build_app() -> gr.Blocks:
             fn=enable_run_button_for_method, inputs=method_radio, outputs=run_btn
         )
 
-        gr.Markdown(
-            '<hr style="margin:2rem 0 0.5rem; border:none; border-top:1px solid #e5e7eb;">'
-            '<p style="text-align:center; margin:0; padding:0.75rem 0;">'
-            '<a href="https://kameshcodes.github.io/portfolio/" target="_blank" '
-            'style="color:#fa8529; font-weight:600; font-size:1rem; text-decoration:none;">'
-            "Built by Kamesh : Portfolio "
-            '<span style="display:inline-block; transform:rotate(-65deg); color:#fa8529;">\u2192</span>'
+        gr.HTML(
+            '<hr id="portfolio-hr">'
+            '<p id="portfolio-text">'
+            '<a href="https://kameshcodes.github.io/portfolio/" target="_blank">'
+            "\u00a9 kameshcodes"
             "</a></p>",
             elem_id="portfolio-footer",
         )
@@ -286,34 +330,7 @@ def build_app() -> gr.Blocks:
 # ------------------------------------------------------------------
 
 if __name__ == "__main__":
-    custom_css = """
-    .form { ¸border: none !important; box-shadow: none !important; gap: 0 !important; }
-    .form .block, .form .row, .form > * { border: none !important; box-shadow: none !important; }
-    #excel-btn, #excel-btn.primary {
-        background: #f97316 !important;
-        background-color: #f97316 !important;
-        color: white !important;
-        border-color: #9a3412 !important;
-        border: 1px solid #9a3412 !important;
-    }
-    #excel-btn:hover, #excel-btn.primary:hover {
-        background: #ea580c !important;
-        background-color: #ea580c !important;
-        border-color: #9a3412 !important;
-        border: 1px solid #9a3412 !important;
-    }
-    #portfolio-footer a {
-        color: #fa8529 !important;
-        font-weight: 600 !important;
-        text-decoration: none !important;
-    }
-    #portfolio-footer a:hover {
-        color: #fb923c !important;
-        text-decoration: underline !important;
-    }
-    """
-
     port = int(os.environ.get("PORT", 7860))
 
     application = build_app()
-    application.launch(server_name="0.0.0.0", server_port=port, share=False, theme=gr.themes.Base(), css=custom_css)
+    application.launch(server_name="0.0.0.0", server_port=port, share=False, theme=gr.themes.Base(), css=CUSTOM_CSS)

config.yaml

@@ -2,6 +2,10 @@
 # VaR Engine – Application Settings
 # ------------------------------------------------------------------
 
+# Environment: dev | test | prod
+env: prod
+
+# List of stock tickers available in the UI dropdown.
 tickers:
   - AAPL
   - MSFT
@@ -11,9 +15,12 @@ tickers:
   - JPM
   - BCS
 
+# Number of historical trading days used to estimate VaR/ES.
+# Note: n trading days yields n-1 daily returns for VaR estimation.
 lookback_days: 251
 
-# Stress window used for Stressed VaR/ES
+# Stress window used for Stressed VaR/ES.
+# Defines the historical period for stress-testing the portfolio.
 stressed_period_label: "Global Financial Crisis (2008)"
 stressed_period_start_date: "2008-01-01"
 stressed_period_end_date: "2008-12-31"

src/config.py

@@ -5,6 +5,7 @@ Usage:
     from src.config import TICKERS, LOOKBACK_DAYS, STRESS_LABEL, STRESS_START_DATE, STRESS_END_DATE
 """
 
+import os
 from pathlib import Path
 
 import yaml
@@ -14,6 +15,7 @@ _CONFIG_PATH = Path(__file__).resolve().parent.parent / "config.yaml"
 with open(_CONFIG_PATH) as _f:
     _cfg = yaml.safe_load(_f)
 
+ENV: str = os.environ.get("ENV", _cfg.get("env", "dev")).lower()
 TICKERS: list[str] = _cfg["tickers"]
 LOOKBACK_DAYS: int = _cfg["lookback_days"]
 STRESS_LABEL: str = _cfg["stressed_period_label"]

src/excel_export.py

@@ -414,7 +414,7 @@ def _export_sheet(
 
     workbook.save(path)
     action = "sheet added" if stressed else "report saved"
-    logger.info(f"{method} VaR ES {action}: {path}")
+    logger.debug(f"{method} VaR ES {action}: {path}")
     return path
 
 

src/historical.py

@@ -74,7 +74,7 @@ def compute_stressed_historical_var_es(
 
     result = compute_historical_var_es(daily_returns, var_confidence, es_confidence, n_days, portfolio_value)
 
-    logger.info(
+    logger.debug(
         f"Stressed VaR: 1d=${result['var_1d']:,.2f}, {n_days}d=${result['var_nd']:,.2f} | "
         f"Stressed ES: 1d=${result['es_1d']:,.2f}, {n_days}d=${result['es_nd']:,.2f}"
     )
@@ -152,7 +152,7 @@ def historical_var_es_pipeline(
         ticker=ticker,
     )
 
-    logger.info(
+    logger.debug(
         f"VaR: 1d=${normal['var_1d']:,.2f}, {n_days}d=${normal['var_nd']:,.2f} | "
         f"ES: 1d=${normal['es_1d']:,.2f}, {n_days}d=${normal['es_nd']:,.2f}"
     )

src/logger.py

@@ -3,6 +3,11 @@ logger.py -- Centralized loguru configuration.
 
 Import this module once (in app.py) to activate console + file sinks.
 All other modules just do `from loguru import logger` directly.
+
+Log levels by environment (set via ENV variable):
+  prod  → WARNING (console) / INFO (file)
+  test  → DEBUG   (console) / DEBUG (file)
+  dev   → INFO    (console) / DEBUG (file)  [default]
 """
 
 import sys
@@ -10,6 +15,14 @@ from pathlib import Path
 
 from loguru import logger
 
+from src.config import ENV
+
+CONSOLE_LEVELS = {"prod": "WARNING", "test": "DEBUG", "dev": "INFO"}
+FILE_LEVELS = {"prod": "INFO", "test": "DEBUG", "dev": "DEBUG"}
+
+console_level = CONSOLE_LEVELS.get(ENV, "INFO")
+file_level = FILE_LEVELS.get(ENV, "DEBUG")
+
 # Project root = parent of src/
 PROJECT_ROOT = Path(__file__).resolve().parent.parent
 LOG_DIR = PROJECT_ROOT / "log"
@@ -18,20 +31,22 @@ LOG_FILE = LOG_DIR / "var_engine.log"
 # Remove default stderr handler
 logger.remove()
 
-# Colored console output (INFO+)
+# Colored console output
 logger.add(
     sys.stderr,
-    level="INFO",
+    level=console_level,
     colorize=True,
     format="<green>{time:HH:mm:ss}</green> | <level>{level: <8}</level> | <cyan>{name}</cyan>:<cyan>{function}</cyan> - <level>{message}</level>",
 )
 
-# Single rotating file (DEBUG+)
+# Single rotating file
 LOG_DIR.mkdir(parents=True, exist_ok=True)
 logger.add(
     str(LOG_FILE),
-    level="INFO",
+    level=file_level,
     rotation="10 MB",
     retention="30 days",
     format="{time:YYYY-MM-DD HH:mm:ss} | {level: <8} | {name}:{function}:{line} - {message}",
 )
+
+logger.info(f"Logger initialized | ENV={ENV} | console={console_level} | file={file_level}")

src/parametric.py

@@ -86,7 +86,7 @@ def compute_stressed_parametric_var_es(
     daily_returns = compute_returns(prices, kind="log")
     result = compute_parametric_var_es(daily_returns, var_confidence, es_confidence, n_days, portfolio_value)
 
-    logger.info(
+    logger.debug(
         f"Stressed Parametric VaR: 1d=${result['var_1d']:,.2f}, {n_days}d=${result['var_nd']:,.2f} | "
         f"Stressed ES: 1d=${result['es_1d']:,.2f}, {n_days}d=${result['es_nd']:,.2f}"
     )
@@ -165,7 +165,7 @@ def parametric_var_es_pipeline(
         ticker=ticker,
     )
 
-    logger.info(
+    logger.debug(
         f"Parametric VaR: 1d=${normal['var_1d']:,.2f}, {n_days}d=${normal['var_nd']:,.2f} | "
         f"ES: 1d=${normal['es_1d']:,.2f}, {n_days}d=${normal['es_nd']:,.2f}"
     )

src/utils.py

@@ -64,7 +64,7 @@ def fetch_prices(
         prices = prices.iloc[start_idx:]
         prices = prices.loc[:end_date]
 
-        logger.info(
+        logger.debug(
             f"Fetched {len(prices)} trading days for {ticker} "
             f"({prices.index[0].strftime('%Y-%m-%d')} to {prices.index[-1].strftime('%Y-%m-%d')})"
         )
@@ -100,7 +100,7 @@ def fetch_prices(
     prices = pd.Series(df["Close"].squeeze())
     prices.name = ticker
     result = prices.tail(lookback)
-    logger.info(
+    logger.debug(
         f"Fetched {len(result)} trading days for {ticker} (last date: {result.index[-1].strftime('%Y-%m-%d')})"
     )
     return result
@@ -203,7 +203,7 @@ def plot_distribution(
         template="plotly_white",
         yaxis=dict(showgrid=False),
         margin=dict(t=80, b=40),
-        height=388.5,
+        height=391,
         showlegend=False,
     )