<style>
.footer {
    position: fixed;
    bottom: 0;
    left: 180px; /* ikut sidebar */
    width: calc(100% - 180px);
    background: #3b0a77;
    color: white;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
    z-index: 1030;
}

@media (max-width: 768px) {
    .footer {
        left: 0;
        width: 100%;
        position: relative;
        height: auto;
        padding: 10px 0;
        line-height: normal;
    }
}
</style>

<div class="footer">
    &copy; <?= date("Y") ?> Kolej Komuniti Seberang Jaya &mdash; Sistem e-SPEKTRA | Hak Cipta Terpelihara
</div>
