.login-screen {
      align-items: center !important;
      justify-content: center !important;
      background:
        radial-gradient(circle at 18% 16%, rgba(31,111,178, .14), transparent 28%),
        radial-gradient(circle at 86% 20%, rgba(8, 46, 67, .16), transparent 30%),
        linear-gradient(135deg, #F7F8FA 0%, #EEF3F8 44%, #F7F8FA 100%) !important;
    }

    .login-card {
      width: min(1240px, 96vw) !important;
      min-height: 650px !important;
      grid-template-columns: 1.15fr .85fr !important;
      border-radius: 30px !important;
      border: 1px solid rgba(216, 226, 239, .95) !important;
      box-shadow: 0 32px 90px rgba(8, 30, 55, .20) !important;
      overflow: hidden !important;
    }

    .login-hero {
      background:
        linear-gradient(135deg, rgba(22,27,36, .98), rgba(11, 58, 85, .96)),
        linear-gradient(120deg, #161B24, #1B2433) !important;
      padding: 34px !important;
      gap: 22px !important;
    }

    .login-hero::after {
      content: "";
      position: absolute;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: rgba(31,111,178, .18);
      right: 34%;
      top: -130px;
      filter: blur(2px);
      pointer-events: none;
    }

    .login-hero {
      position: relative !important;
      overflow: hidden !important;
    }

    .login-hero>* {
      position: relative;
      z-index: 1;
    }

    .login-logo {
      margin-bottom: 18px !important;
    }

    .login-hero h1 {
      max-width: 780px !important;
      font-size: clamp(28px, 2.25vw, 39px) !important;
      line-height: 1.02 !important;
      letter-spacing: .015em !important;
    }

    .login-hero p {
      max-width: 800px !important;
      color: #DCEBFA !important;
      font-size: 14.5px !important;
      line-height: 1.5 !important;
    }

    .project-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
      align-content: start !important;
    }

    .login-grid-head {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin: 3px 0 2px;
      color: #E7F0F9;
      font-size: 11px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .05em;
    }

    .login-grid-head span:last-child {
      color: #FFB26B;
      font-size: 10px;
    }

    .project-tile {
      min-height: 58px !important;
      display: grid !important;
      grid-template-columns: 38px 1fr !important;
      gap: 11px !important;
      align-items: center !important;
      padding: 10px 14px !important;
      border-radius: 18px !important;
      background: rgba(255, 255, 255, .075) !important;
      border: 1px solid rgba(255, 255, 255, .15) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
      backdrop-filter: blur(8px) !important;
    }

    .project-tile:hover,
    .project-tile.active {
      background: rgba(255, 255, 255, .14) !important;
      border-color: rgba(143,181,218, .74) !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
    }

    .project-tile.executivo {
      grid-column: 1 / -1 !important;
      min-height: 68px !important;
      grid-template-columns: 46px 1fr auto !important;
      background: rgba(255, 255, 255, .08) !important;
      border-color: rgba(255, 255, 255, .16) !important;
    }

    .project-tile.executivo.active {
      background: rgba(255, 255, 255, .14) !important;
      box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
      border-color: rgba(143,181,218, .74) !important;
    }

    .project-tile.executivo:hover,
    .project-tile.executivo.active:hover {
      background: linear-gradient(135deg, #1F6FB2, #1F6FB2) !important;
      box-shadow: 0 20px 46px rgba(31,111,178, .34) !important;
      border-color: rgba(255, 255, 255, .50) !important;
    }

    .project-tile .tile-icon {
      width: 38px;
      height: 38px;
      border-radius: 14px;
      background: rgba(255, 255, 255, .13);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 18px;
      font-weight: 950;
    }

    .project-tile.executivo .tile-icon {
      width: 46px;
      height: 46px;
      background: rgba(255, 255, 255, .18);
      font-size: 21px;
    }

    .project-tile b {
      display: block !important;
      font-size: 13.2px !important;
      line-height: 1.05 !important;
      letter-spacing: .015em !important;
    }

    .project-tile.executivo b {
      font-size: 17px !important;
    }

    .project-tile span {
      display: block !important;
      margin-top: 1px !important;
      font-size: 9.5px !important;
      opacity: .90 !important;
    }

    .project-tile.executivo span::after {
      content: "" !important;
    }

    .tile-badge {
      justify-self: end;
      align-self: center;
      border-radius: 999px;
      padding: 6px 9px;
      background: rgba(255, 255, 255, .18);
      color: #fff;
      font-size: 9px;
      font-weight: 950;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .login-form {
      background: linear-gradient(180deg, #FFFFFF, #FAFCFF) !important;
      padding: 38px 34px !important;
      justify-content: center !important;
    }

    .login-form h2 {
      font-size: 25px !important;
      letter-spacing: .015em !important;
    }

    .login-form p {
      font-size: 13.5px !important;
      color: #5D6B7E !important;
    }

    .login-field select {
      height: 48px !important;
      border-radius: 15px !important;
      background: #F7F8FA !important;
      border-color: #D8DCE2 !important;
    }

    .login-submit {
      height: 48px !important;
      border-radius: 15px !important;
      background: linear-gradient(135deg, #1F6FB2, #E0A100) !important;
      box-shadow: 0 14px 26px rgba(31,111,178, .24) !important;
    }

    .login-note {
      margin-top: 8px !important;
      background: #F7F8FA !important;
      border: 1px solid #E3E6EA !important;
      border-left: 5px solid #1F6FB2 !important;
      border-radius: 16px !important;
    }

    .actions {
      position: relative !important;
      right: auto !important;
      bottom: auto !important;
      z-index: 25 !important;
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      gap: 7px !important;
      margin: 0 8px 10px auto !important;
      padding: 9px 10px !important;
      width: calc(100% - 16px) !important;
      background: rgba(255, 255, 255, .96) !important;
      border: 1px solid #D8DCE2 !important;
      border-radius: 16px !important;
      box-shadow: 0 10px 24px rgba(22,27,36, .10) !important;
    }

    .actions .btn {
      box-shadow: none !important;
      padding: 8px 11px !important;
      border-radius: 11px !important;
      font-size: 11px !important;
      white-space: nowrap !important;
    }

    .dashboard {
      padding-bottom: 0 !important;
    }

    .current-project-pill {
      position: fixed !important;
      left: 14px !important;
      top: 10px !important;
      bottom: auto !important;
      z-index: 42 !important;
      box-shadow: 0 8px 20px rgba(22,27,36, .12) !important;
    }

    body.executive-mode .current-project-pill {
      display: none !important;
    }

    @media(max-width:980px) {
      .login-card {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
      }

      .project-grid {
        grid-template-columns: 1fr !important;
      }

      .project-tile.executivo {
        grid-template-columns: 42px 1fr !important;
      }

      .tile-badge {
        display: none !important;
      }

      .actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
      }
    }