/* USINA - Design System & Variaveis Corporativas */
    :root {
      /* Paleta Corporativa Oficial USINA */
      --bp-dark-green: #004f00;
      --bp-dark-green-hover: #003800;
      --bp-light-green: #00a300;
      --bp-light-green-soft: rgba(0, 163, 0, 0.12);
      --bp-yellow: #ffd400;
      --bp-yellow-soft: rgba(255, 212, 0, 0.15);
      --bp-engine-green: #00a300;
      --bp-engine-green-soft: rgba(0, 163, 0, 0.12);

      /* Escala de Slate Corporativo */
      --bp-slate: #0f172a;
      --bp-slate-dark: #1e293b;
      --bp-slate-medium: #334155;
      --bp-slate-muted: #475569;
      --bp-slate-light: #64748b;

      /* Superficies e Fundos */
      --surface: #ffffff;
      --surface-subtle: #f8fafc;
      --background: #f1f5f9;

      /* Bordas e Divisores */
      --border: #e2e8f0;
      --border-divider: #cbd5e1;
      --border-focus: #004f00;

      /* Estados Semanticos */
      --success: #00a300;
      --success-light: #f0fdf4;
      --danger: #dc2626;
      --danger-light: #fef2f2;
      --warning: #d97706;
      --warning-light: #fffbeb;

      --radius: 8px;
      --radius-sm: 4px;
      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      --shadow: 0 4px 6px -1px rgba(0, 79, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 12px 20px -3px rgba(0, 79, 0, 0.12), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    }

    .rotating-sync-icon {
      animation: anim-sync-spin 0.85s linear infinite;
    }
    @keyframes anim-sync-spin {
      100% { transform: rotate(360deg); }
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
      font-family: "Univers for BP", "Univers", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    body {
      background-color: var(--background);
      color: var(--bp-slate);
      line-height: 1.5;
      padding-bottom: 90px;
      font-size: 15px;
    }

    /* Tela de Login */
    #tela-login {
      position: fixed;
      inset: 0;
      z-index: 999;
      background: linear-gradient(145deg, #003b00 0%, #004F00 50%, #002900 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .login-card {
      background: #ffffff;
      width: 100%;
      max-width: 440px;
      border-radius: var(--radius);
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
      overflow: hidden;
      border-top: 5px solid var(--bp-engine-green);
    }

    .login-header {
      background: #ffffff;
      padding: 28px 24px 18px 24px;
      text-align: center;
    }

    .login-logo-container {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;