/* ================= TABLE ================= */
.LoginHome {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    font-family: "Segoe UI", Tahoma, Arial;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

    /* ================= HEADER ================= */
    .LoginHome th {
        padding: 14px 12px;
        background: linear-gradient(135deg, #487ee0, #345fd1);
        color: #ffffff;
        font-weight: 600;
        border-bottom: 2px solid #2c4fb3;
        text-align: left;
        vertical-align: top;
    }

    /* ================= CELLS ================= */
    .LoginHome td {
        padding: 12px;
        border-bottom: 1px solid #e5e7eb;
        background: #ffffff;
        vertical-align: top;
        position: relative;
    }

    /* ================= ZEBRA ================= */
    .LoginHome tr:nth-child(even) td {
        background: #f8faff;
    }

    /* ================= LINKS ================= */
    .LoginHome td a {
        position: relative;
        z-index: 2;
        color: #487ee0;
        text-decoration: none;
        font-weight: 600;
        padding: 5px 10px;
        border-radius: 6px;
        display: inline-block;
        background: #eef3ff;
        transition: all 0.2s ease;
    }

        /* Link hover only */
        .LoginHome td a:hover {
            background: #487ee0;
            color: #fff;
            box-shadow: 0 2px 6px rgba(72,126,224,0.4);
        }

/* ================= COLUMN HELPERS ================= */
.LoginHome4 td {
    width: 25%;
}

.LoginHome2 td {
    width: 50%;
}