/* =========================================================
   GyanSamachar - Visitor Website
   Complete Responsive Layout
   ========================================================= */

:root {
    --primary: #0d6efd;
    --primary-dark: #0b5ed7;
    --green: #198754;

    --body-bg: #f5f7fb;
    --white: #ffffff;

    --text: #212529;
    --muted: #6c757d;

    --border: #e5e7eb;

    --radius: 10px;

    --header-height: 66px;
}


/* =========================================================
   RESET
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;

    width: 100%;
    height: 100%;
}

body {
    background: var(--body-bg);

    color: var(--text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size: 15px;

    line-height: 1.5;
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header {
    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;
    height: var(--header-height);

    background: var(--white);

    border-bottom: 1px solid var(--border);

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    z-index: 99999;

    isolation: isolate;
}


/* =========================================================
   HEADER NAVIGATION
   ========================================================= */

.site-header .nav {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 2px;

    margin: 0;
    padding: 0;

    list-style: none;

    flex-wrap: nowrap;

    white-space: nowrap;

    flex: 0 1 auto;
}

.site-header .nav a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 8px 10px;

    margin: 0;

    color: var(--text);

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.2;

    white-space: nowrap;

    border-radius: 6px;

    flex-shrink: 0;

    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

.site-header .nav a:hover {
    color: var(--primary);

    background: #f1f5ff;
}

.site-header .nav a.active {
    color: var(--primary);

    background: #f1f5ff;

    font-weight: 600;
}

.site-header .nav a i {
    font-size: 15px;

    flex-shrink: 0;
}


/* =========================================================
   HEADER ACTIONS
   ========================================================= */

.header-actions {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-left: 14px;

    flex-shrink: 0;

    white-space: nowrap;
}


/* Search */

.header-search-btn {
    width: 36px;
    height: 36px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: var(--text);

    text-decoration: none;

    border-radius: 6px;

    font-size: 18px;

    flex-shrink: 0;
}

.header-search-btn:hover {
    color: var(--primary);

    background: #f1f5ff;
}


/* Login */

.login-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 36px;

    padding: 7px 12px;

    border: 1px solid var(--primary);

    border-radius: 6px;

    background: var(--white);

    color: var(--primary);

    text-decoration: none;

    font-size: 14px;

    white-space: nowrap;

    flex-shrink: 0;
}

.login-btn:hover {
    background: var(--primary);

    color: var(--white);
}


/* WhatsApp */

.whatsapp-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 6px;

    min-height: 36px;

    padding: 7px 13px;

    border-radius: 6px;

    background: var(--green);

    color: var(--white);

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    flex-shrink: 0;
}

.whatsapp-btn:hover {
    background: #157347;

    color: var(--white);
}


/* =========================================================
   MAIN WEBSITE 3-COLUMN LAYOUT
   ========================================================= */

.site-layout {
    position: relative;

    width: 100%;

    margin-top: var(--header-height);

    display: grid;

    grid-template-columns:
        250px
        minmax(0, 1fr);

    gap: 18px;

    padding: 14px 16px;

    background: var(--body-bg);

    overflow: visible;

    z-index: 1;

    align-items: start;
}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

.left-column {
    min-width: 0;

    width: 100%;
    height: auto;

    overflow: visible;

    position: sticky;
    top: calc(var(--header-height) + 14px);

    scrollbar-width: thin;
}


/* =========================================================
   MAIN COLUMN
   ========================================================= */

.main-column {
    min-width: 0;

    width: 100%;
    height: auto;

    overflow: visible;

    padding-right: 4px;
    padding-bottom: 20px;

    scrollbar-width: thin;
}


/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.right-column {
    min-width: 0;

    width: 100%;
    height: auto;

    overflow: visible;

    /* Normal page flow so the complete sidebar can be reached while scrolling. */
    position: static;

    scrollbar-width: thin;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.left-column::-webkit-scrollbar,
.main-column::-webkit-scrollbar,
.right-column::-webkit-scrollbar {
    width: 6px;
}

.left-column::-webkit-scrollbar-thumb,
.main-column::-webkit-scrollbar-thumb,
.right-column::-webkit-scrollbar-thumb {
    background: #cfd4da;

    border-radius: 10px;
}


/* =========================================================
   LEFT SIDEBAR
   ========================================================= */

.left-sidebar {
    width: 100%;
}


/* =========================================================
   SIDEBAR CARD
   ========================================================= */

.sidebar-card {
    width: 100%;

    background: var(--white);

    border: 1px solid #edf0f3;

    border-radius: var(--radius);

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.04);

    margin-bottom: 18px;

    overflow: hidden;
}


/* =========================================================
   LOGO
   ========================================================= */

.site-logo {
    width: 100%;

    min-height: 118px;

    background: var(--white);

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 18px;

    margin-bottom: 18px;

    border-radius: var(--radius);

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.04);
}

.site-logo a {
    display: block;

    text-decoration: none;

    color: #111111;

    font-size: 26px;

    font-weight: 800;

    white-space: nowrap;

    line-height: 1.1;
}

.site-logo a span {
    color: var(--primary);
}


/* =========================================================
   GOOGLE ADS
   ========================================================= */

.sidebar-ad {
    width: 100%;

    background: var(--white);

    border-radius: var(--radius);

    padding: 10px;

    margin-bottom: 18px;

    overflow: hidden;

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.04);
}

.ad-label {
    text-align: center;

    color: #9ca3af;

    font-size: 10px;

    margin-bottom: 7px;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.sidebar-ad .adsbygoogle {
    display: block !important;

    width: 100% !important;

    max-width: 100% !important;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.main-content-card {
    position: relative;

    width: 100%;

    background: var(--white);

    border: 1px solid #edf0f3;

    border-radius: var(--radius);

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.04);

    padding: 28px;

    min-height: 500px;

    overflow: visible;
}


/* =========================================================
   BREADCRUMB
   ========================================================= */

.breadcrumb-box {
    width: 100%;

    background: var(--white);

    border: 1px solid #edf0f3;

    border-radius: 8px;

    padding: 9px 14px;

    margin-bottom: 12px;

    font-size: 13px;

    color: var(--muted);
}

.breadcrumb-box a {
    color: var(--primary);

    text-decoration: none;
}

.breadcrumb-box a:hover {
    text-decoration: underline;
}


/* =========================================================
   SIDEBAR TITLES
   ========================================================= */

.sidebar-title {
    padding: 13px 16px;

    border-bottom: 2px solid var(--primary);

    font-size: 16px;

    font-weight: 700;

    color: var(--text);
}

.sidebar-body {
    padding: 12px 16px;
}


/* =========================================================
   SIDEBAR LINKS
   ========================================================= */

.sidebar-link {
    display: block;

    padding: 9px 0;

    color: #343a40;

    text-decoration: none;

    border-bottom: 1px solid #f0f1f2;

    font-size: 14px;
}

.sidebar-link:last-child {
    border-bottom: 0;
}

.sidebar-link:hover {
    color: var(--primary);
}


/* =========================================================
   GENERAL LINKS
   ========================================================= */

a {
    text-underline-offset: 2px;
}


/* =========================================================
   RESPONSIVE - LARGE DESKTOP
   ========================================================= */

@media (max-width: 1399.98px) {

    .site-layout {
        grid-template-columns:
            240px
            minmax(0, 1fr);

        gap: 14px;

        padding-left: 12px;
        padding-right: 12px;
    }

}


/* =========================================================
   RESPONSIVE - SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199.98px) {

    .site-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-header .nav {
        gap: 0;
    }

    .site-header .nav a {
        padding-left: 6px;
        padding-right: 6px;

        font-size: 13px;
    }

    .header-actions {
        margin-left: 8px;

        gap: 5px;
    }

    .login-btn,
    .whatsapp-btn {
        padding-left: 8px;
        padding-right: 8px;

        font-size: 13px;
    }

    .site-layout {
        grid-template-columns:
            220px
            minmax(0, 1fr);

        gap: 12px;

        padding: 12px 10px;
    }

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 991.98px) {

    html,
    body {
        height: auto;

        overflow-x: hidden;
        overflow-y: auto;
    }


    /* Header becomes normal mobile header */

    .site-header {
        position: sticky !important;

        top: 0;
        left: auto;
        right: auto;

        width: 100%;

        height: auto !important;
        min-height: 58px !important;

        padding: 8px 12px;

        border-radius: 0;

        justify-content: flex-end;
    }


    /* Hide desktop navigation */

    .site-header .nav {
        display: none;
    }


    /* Header actions */

    .header-actions {
        margin-left: 0;

        gap: 6px;
    }


    .header-search-btn {
        width: 36px;
        height: 36px;
    }


    /* Main layout */

    .site-layout {
        position: static;

        display: block;

        width: 100%;

        height: auto;

        padding: 12px;

        overflow: visible;
    }


    /* Hide sidebars */

    .left-column {
        display: none;
    }

    .right-column {
        display: none;
    }


    /* Main */

    .main-column {
        width: 100%;

        height: auto;

        overflow: visible;

        padding: 0;
    }


    .main-content-card {
        min-height: auto;

        padding: 20px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575.98px) {

    .site-header {
        padding: 8px 10px;
    }


    .login-btn {
        padding: 7px 10px;
    }


    .whatsapp-btn {
        padding: 7px 10px;
    }


    .whatsapp-btn span {
        display: none;
    }


    .main-content-card {
        padding: 16px;

        border-radius: 8px;
    }


    .breadcrumb-box {
        padding: 8px 10px;
    }

}
/* =========================================================
   RIGHT SIDEBAR
   ========================================================= */

.right-sidebar {
    width: 100%;
}


/* =========================================================
   RIGHT SIDEBAR CARD
   ========================================================= */

.right-sidebar-card {
    width: 100%;

    background: #ffffff;

    border: 1px solid #edf0f3;

    border-radius: 10px;

    margin-bottom: 18px;

    padding: 16px;

    box-shadow:
        0 2px 10px rgba(0, 0, 0, 0.04);

    overflow: hidden;
}


/* =========================================================
   SIDEBAR TITLE
   ========================================================= */

.right-sidebar-title {
    display: flex;

    align-items: center;

    gap: 9px;

    padding-bottom: 11px;

    margin-bottom: 12px;

    border-bottom: 2px solid #0d6efd;

    color: #212529;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;
}


.right-sidebar-title i {
    color: #0d6efd;

    font-size: 17px;
}


/* =========================================================
   SEARCH
   ========================================================= */

.sidebar-search {
    display: flex;

    width: 100%;

    height: 42px;
}


.sidebar-search input {
    width: 100%;

    min-width: 0;

    height: 42px;

    padding: 8px 11px;

    border: 1px solid #dee2e6;

    border-right: 0;

    border-radius: 7px 0 0 7px;

    outline: none;

    color: #212529;

    font-size: 14px;
}


.sidebar-search input:focus {
    border-color: #0d6efd;

    box-shadow: none;
}


.sidebar-search button {
    width: 48px;

    height: 42px;

    flex-shrink: 0;

    border: 1px solid #0d6efd;

    border-radius: 0 7px 7px 0;

    background: #0d6efd;

    color: #ffffff;

    font-size: 17px;

    cursor: pointer;
}


.sidebar-search button:hover {
    background: #0b5ed7;
}


/* =========================================================
   LATEST JOBS
   ========================================================= */

.sidebar-job-list {
    width: 100%;
}


.sidebar-job-item {
    display: block;

    padding: 10px 0;

    text-decoration: none;

    border-bottom: 1px solid #edf0f3;

    transition: background-color .15s ease;
}


.sidebar-job-item:first-child {
    padding-top: 2px;
}


.sidebar-job-item:last-child {
    border-bottom: 0;

    padding-bottom: 2px;
}


.sidebar-job-item:hover {
    text-decoration: none;
}


.sidebar-job-title {
    color: #212529;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    margin-bottom: 5px;
}


.sidebar-job-item:hover .sidebar-job-title {
    color: #0d6efd;
}


.sidebar-job-date {
    display: flex;

    align-items: center;

    gap: 5px;

    color: #8a8f98;

    font-size: 12px;
}


.sidebar-job-date i {
    font-size: 12px;
}


/* =========================================================
   CURRENT AFFAIRS LINKS
   ========================================================= */

.sidebar-link-list {
    display: flex;

    flex-direction: column;
}


.sidebar-link-list a {
    display: block;

    padding: 9px 0;

    border-bottom: 1px solid #edf0f3;

    color: #343a40;

    text-decoration: none;

    font-size: 14px;

    line-height: 1.4;
}


.sidebar-link-list a:last-child {
    border-bottom: 0;

    padding-bottom: 2px;
}


.sidebar-link-list a:hover {
    color: #0d6efd;
}


/* =========================================================
   EMPTY
   ========================================================= */

.sidebar-empty {
    padding: 5px 0;

    color: #8a8f98;

    font-size: 13px;
}


/* =========================================================
   WHATSAPP CARD
   ========================================================= */

.whatsapp-card {
    padding: 18px;
}


.whatsapp-icon {
    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px;

    border-radius: 50%;

    background: #e8f7ef;

    color: #198754;

    font-size: 19px;
}


.whatsapp-card h3 {
    margin: 0 0 7px;

    color: #212529;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.3;
}


.whatsapp-card p {
    margin: 0 0 14px;

    color: #6c757d;

    font-size: 13px;

    line-height: 1.5;
}


.whatsapp-sidebar-btn {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: 100%;

    padding: 9px 10px;

    border-radius: 6px;

    background: #198754;

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;
}


.whatsapp-sidebar-btn:hover {
    background: #157347;

    color: #ffffff;
}


/* =========================================================
   RIGHT SIDEBAR RESPONSIVE
   ========================================================= */

@media (max-width: 1199.98px) {

    .right-sidebar-card {
        padding: 13px;
    }

    .right-sidebar-title {
        font-size: 15px;
    }

    .sidebar-job-title,
    .sidebar-link-list a {
        font-size: 13px;
    }

}


@media (max-width: 991.98px) {

    .right-sidebar {
        display: none;
    }

}
/* =========================================================
   MOBILE HEADER MENU - FINAL OVERRIDE
   ========================================================= */

.mobile-logo {
    display: none;
}


/* Mobile menu button */

.mobile-menu-btn {
    display: none;

    width: 40px;
    height: 40px;

    align-items: center;
    justify-content: center;

    margin-left: auto;

    padding: 0;

    border: 1px solid #dee2e6;
    border-radius: 7px;

    background: #ffffff;
    color: #212529;

    font-size: 23px;

    cursor: pointer;
}

.mobile-menu-btn:hover {
    background: #f1f5ff;
    color: #0d6efd;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991.98px) {

    .site-header {
        position: sticky !important;

        top: 0;
        left: 0;
        right: 0;

        width: 100%;

        height: 58px !important;
        min-height: 58px !important;

        padding: 0 12px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        background: #ffffff;

        z-index: 99999;
    }


    /* Show mobile logo */

    .mobile-logo {
        display: block;

        color: #111111;

        text-decoration: none;

        font-size: 21px;

        font-weight: 800;

        line-height: 1;
    }

    .mobile-logo span {
        color: #0d6efd;
    }


    /* Hide desktop actions */

    .header-actions {
        display: none !important;
    }


    /* Show hamburger */

    .mobile-menu-btn {
        display: inline-flex;
    }


    /* Mobile navigation */

    .site-header .nav {
        display: none;

        position: absolute;

        top: 58px;
        left: 0;

        width: 100%;

        padding: 8px 12px;

        margin: 0;

        flex-direction: column;

        align-items: stretch;

        gap: 2px;

        background: #ffffff;

        border-top: 1px solid #e5e7eb;

        border-bottom: 1px solid #e5e7eb;

        box-shadow:
            0 6px 16px rgba(0, 0, 0, 0.10);

        white-space: normal;

        z-index: 99998;
    }


    /* OPEN MENU */

    .site-header .nav.mobile-open {
        display: flex !important;
    }


    /* Menu links */

    .site-header .nav a {
        display: flex;

        align-items: center;

        justify-content: flex-start;

        width: 100%;

        padding: 12px 14px;

        margin: 0;

        color: #212529;

        background: #ffffff;

        border-radius: 6px;

        font-size: 14px;

        font-weight: 500;

        text-decoration: none;
    }


    .site-header .nav a:hover,
    .site-header .nav a.active {
        color: #0d6efd;

        background: #f1f5ff;
    }


    .site-header .nav a i {
        width: 24px;

        margin-right: 4px;

        font-size: 16px;
    }


    /* Main layout */

    .site-layout {
        position: static;

        display: block;

        width: 100%;

        height: auto;

        padding: 12px;

        overflow: visible;
    }


    .left-column,
    .right-column {
        display: none;
    }


    .main-column {
        width: 100%;

        height: auto;

        padding: 0;

        overflow: visible;
    }


    .main-content-card {
        min-height: auto;

        padding: 20px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {

    .site-header {
        padding: 0 10px;
    }

    .mobile-logo {
        font-size: 20px;
    }

    .mobile-menu-btn {
        width: 38px;
        height: 38px;

        font-size: 22px;
    }

    .site-header .nav {
        top: 58px;

        padding: 8px 10px;
    }

    .main-content-card {
        padding: 16px;
    }

}


/*email subscriptionm*/
<!-- =========================================================
     GyanSamachar Daily Email Updates
========================================================= -->

<style>

.gs-email-box {
    width: 100%;
    max-width: 700px;
    margin: 30px auto;
    padding: 28px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.07);
    text-align: center;
}

.gs-email-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eff6ff;
    font-size: 28px;
}

.gs-email-box h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 26px;
    line-height: 1.3;
    color: #172033;
    font-weight: 700;
}

.gs-email-box p {
    margin: 0 auto 22px;
    max-width: 560px;
    font-size: 15px;
    line-height: 1.6;
    color: #64748b;
}

.gs-email-form {
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.gs-email-form input {
    height: 48px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    outline: none;
    background: #ffffff;
    color: #1e293b;
    font-size: 15px;
}

.gs-email-form input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.10);
}

.gs-email-name {
    width: 35%;
}

.gs-email-address {
    flex: 1;
}

.gs-email-form button {
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.gs-email-form button:hover {
    background: #1d4ed8;
}

.gs-email-message {
    min-height: 20px;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 600;
}

.gs-email-note {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
}


/* Mobile */

@media (max-width: 600px) {

    .gs-email-box {
        margin: 20px 0;
        padding: 22px 16px;
        border-radius: 12px;
    }

    .gs-email-box h2 {
        font-size: 22px;
    }

    .gs-email-box p {
        font-size: 14px;
    }

    .gs-email-form {
        flex-direction: column;
        gap: 10px;
    }

    .gs-email-name,
    .gs-email-address {
        width: 100%;
        flex: none;
    }

    .gs-email-form button {
        width: 100%;
    }

}

</style>


<div class="gs-email-box">

    <div class="gs-email-icon">
        📧
    </div>

    <h2>
        Get Daily Job Updates
    </h2>

    <p>
        Get the latest Government Jobs, Admit Cards,
        Results and important updates directly in your email.
    </p>


    <form
        class="gs-email-form"
        id="gsEmailSubscribeForm"
    >

        <input
            type="text"
            name="name"
            id="gsSubscriberName"
            class="gs-email-name"
            placeholder="Your Name"
        >


        <input
            type="email"
            name="email"
            id="gsSubscriberEmail"
            class="gs-email-address"
            placeholder="Enter your email address"
            required
        >


        <button type="submit">
            Subscribe
        </button>

    </form>


    <div
        id="gsEmailMessage"
        class="gs-email-message"
    ></div>


    <p class="gs-email-note">
        No spam. Only important GyanSamachar updates.
    </p>

</div>


<script>

document
    .getElementById('gsEmailSubscribeForm')
    .addEventListener('submit', function(e) {

        e.preventDefault();

        const form = this;

        const message =
            document.getElementById('gsEmailMessage');

        const formData =
            new FormData(form);


        message.innerHTML =
            'Subscribing...';

        message.style.color =
            '#64748b';


        fetch('/subscribe-email.php', {

            method: 'POST',

            body: formData

        })

        .then(function(response) {

            return response.json();

        })

        .then(function(data) {

            message.innerHTML =
                data.message;


            if (data.success) {

                message.style.color =
                    '#15803d';

                form.reset();

            } else {

                message.style.color =
                    '#dc2626';

            }

        })

        .catch(function(error) {

            console.error(error);

            message.innerHTML =
                'Something went wrong. Please try again.';

            message.style.color =
                '#dc2626';

        });

    });
/* =========================================================
   GK PAGE - FINAL DESIGN
========================================================= */

.gk-page {
    width: 100%;
    max-width: 100%;
}


/* =========================================================
   HERO
========================================================= */

.gk-hero {
    width: 100%;
    background: linear-gradient(135deg, #0d6efd 0%, #174ea6 100%);
    color: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
}

.gk-hero-inner {
    padding: 30px 32px;
}

.gk-brand {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 8px;
    color: rgba(255,255,255,.9);
}

.gk-hero h1 {
    margin: 0 0 10px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    color: #ffffff;
}

.gk-hero p {
    margin: 0;
    font-size: 16px;
    color: rgba(255,255,255,.9);
}


/* =========================================================
   STAT BOXES
========================================================= */

.gk-stats {
    display: flex;
    gap: 14px;
    margin-top: 24px;
}

.gk-stat-card {
    min-width: 120px;
    padding: 14px 18px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
}

.gk-stat-card strong {
    display: block;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #ffffff;
}

.gk-stat-card span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: rgba(255,255,255,.9);
}


/* =========================================================
   FILTER CARD
========================================================= */

.gk-filter-card {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.gk-filter-grid {
    display: grid;
    grid-template-columns:
        1.5fr
        1fr
        1fr
        .8fr;
    gap: 15px;
}

.gk-filter-group {
    min-width: 0;
}

.gk-filter-group label {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 700;
    color: #343a40;
}

.gk-filter-group input,
.gk-filter-group select {
    width: 100%;
    height: 44px;
    padding: 8px 12px;
    border: 1px solid #d9dee3;
    border-radius: 7px;
    background: #ffffff;
    color: #212529;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.gk-filter-group input:focus,
.gk-filter-group select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13,110,253,.10);
}


/* SEARCH INPUT */

.gk-search-input {
    display: flex;
    width: 100%;
}

.gk-search-input span {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #d9dee3;
    border-right: 0;

    border-radius: 7px 0 0 7px;

    background: #ffffff;
    color: #495057;
}

.gk-search-input input {
    border-radius: 0 7px 7px 0;
}


/* FILTER BUTTONS */

.gk-filter-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 17px;
}

.gk-search-btn,
.gk-reset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 42px;

    padding: 8px 16px;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
    cursor: pointer;

    box-sizing: border-box;
}

.gk-search-btn {
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: #ffffff;
}

.gk-search-btn:hover {
    background: #0b5ed7;
    color: #ffffff;
}

.gk-reset-btn {
    border: 1px solid #ced4da;
    background: #ffffff;
    color: #495057;
}

.gk-reset-btn:hover {
    background: #f8f9fa;
    color: #212529;
}


/* =========================================================
   QUESTIONS HEADING
========================================================= */

.gk-question-heading {
    margin: 5px 0 16px;
}

.gk-question-heading h2 {
    margin: 0;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 800;
    color: #111827;
}

.gk-question-heading p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #6c757d;
}


/* =========================================================
   NO RESULTS
========================================================= */

.gk-no-results {
    width: 100%;
    text-align: center;

    padding: 45px 20px;

    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    box-shadow: 0 2px 8px rgba(0,0,0,.03);

    box-sizing: border-box;
}

.gk-no-results > i {
    display: block;

    margin-bottom: 10px;

    font-size: 38px;
    color: #6c757d;
}

.gk-no-results h3 {
    margin: 0 0 7px;

    font-size: 24px;
    line-height: 1.3;

    font-weight: 700;

    color: #111827;
}

.gk-no-results p {
    margin: 0 0 18px;

    font-size: 14px;

    color: #6c757d;
}


/* =========================================================
   SITE FOOTER
========================================================= */

.footer {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 28px;
    padding: 42px 0 0;
    background: #111827 !important;
    color: #e5e7eb !important;
    border-top: 1px solid #1f2937;
    clear: both;
}

.footer .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

.footer h5 {
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 700;
}

.footer p {
    margin: 0 0 12px;
    color: #cbd5e1 !important;
    line-height: 1.7;
}

.footer .footer-logo {
    color: #ffffff !important;
    font-size: 24px;
}

.footer .footer-logo span {
    color: #60a5fa !important;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer li {
    margin-bottom: 9px;
}

.footer a {
    color: #cbd5e1 !important;
    text-decoration: none;
}

.footer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

.footer .social-links {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footer .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #1f2937;
    color: #ffffff !important;
}

.footer hr {
    margin: 30px 0 18px;
    border: 0;
    border-top: 1px solid #374151;
    opacity: 1;
}

.footer .footer-bottom {
    padding: 0 0 22px;
    text-align: center;
}

.footer .footer-bottom p {
    margin: 0;
    color: #94a3b8 !important;
    font-size: 14px;
}

@media (max-width: 991.98px) {
    .footer {
        margin-top: 20px;
        padding-top: 32px;
    }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .gk-filter-grid {
        grid-template-columns: 1fr 1fr;
    }

}


@media (max-width: 767px) {

    .gk-hero-inner {
        padding: 24px;
    }

    .gk-hero h1 {
        font-size: 32px;
    }

    .gk-stats {
        flex-wrap: wrap;
    }

    .gk-filter-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 575px) {

    .gk-hero-inner {
        padding: 20px;
    }

    .gk-hero h1 {
        font-size: 28px;
    }

    .gk-hero p {
        font-size: 15px;
    }

    .gk-filter-card {
        padding: 16px;
    }

    .gk-filter-buttons {
        flex-wrap: wrap;
    }

}
/* =========================================================
   GK QUIZ
========================================================= */

.gk-quiz-page {
    width: 100%;
}


/* =========================================================
   QUIZ HERO
========================================================= */

.gk-quiz-hero {
    padding: 32px;

    margin-bottom: 20px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #0d6efd,
            #174ea6
        );

    color: #ffffff;
}

.gk-quiz-brand {
    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;

    margin-bottom: 8px;
}

.gk-quiz-hero h1 {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 36px;

    font-weight: 800;
}

.gk-quiz-hero p {
    margin: 0;

    color: rgba(255,255,255,.9);

    font-size: 16px;
}


/* =========================================================
   SETUP
========================================================= */

.gk-quiz-setup {
    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 12px;

    padding: 30px;

    text-align: center;

    box-shadow:
        0 2px 10px rgba(0,0,0,.04);
}

.gk-quiz-setup-icon {
    width: 60px;

    height: 60px;

    margin: 0 auto 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #eef5ff;

    color: #0d6efd;

    font-size: 28px;
}

.gk-quiz-setup h2 {
    margin: 0 0 6px;

    font-size: 25px;

    font-weight: 800;
}

.gk-quiz-setup p {
    margin: 0 0 24px;

    color: #6c757d;
}


/* =========================================================
   FILTER
========================================================= */

.gk-quiz-filter-grid {
    display: grid;

    grid-template-columns:
        1fr
        1fr
        1fr;

    gap: 15px;

    max-width: 850px;

    margin: 0 auto 20px;

    text-align: left;
}

.gk-quiz-filter-grid label {
    display: block;

    margin-bottom: 7px;

    font-size: 13px;

    font-weight: 700;

    color: #343a40;
}

.gk-quiz-filter-grid select {
    width: 100%;

    height: 44px;

    padding: 8px 12px;

    border: 1px solid #d9dee3;

    border-radius: 7px;

    background: #ffffff;

    font-size: 14px;
}

.gk-start-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    min-height: 44px;

    padding: 9px 22px;

    border: 0;

    border-radius: 7px;

    background: #0d6efd;

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;
}

.gk-start-btn:hover {
    background: #0b5ed7;
}

.gk-start-btn:disabled {
    opacity: .5;

    cursor: not-allowed;
}

.gk-quiz-empty {
    margin-top: 18px;

    padding: 12px;

    border-radius: 7px;

    background: #fff3cd;

    color: #856404;

    font-size: 14px;
}


/* =========================================================
   QUIZ AREA
========================================================= */

.gk-quiz-area {
    margin-top: 20px;
}

.gk-quiz-progress-wrapper {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 8px;

    font-size: 13px;

    color: #6c757d;
}

.gk-quiz-progress-wrapper strong {
    color: #212529;
}

.gk-progress-bar {
    height: 7px;

    overflow: hidden;

    margin-bottom: 16px;

    border-radius: 20px;

    background: #e9ecef;
}

.gk-progress-fill {
    height: 100%;

    width: 10%;

    border-radius: 20px;

    background: #0d6efd;

    transition:
        width .3s ease;
}


/* =========================================================
   QUIZ CARD
========================================================= */

.gk-quiz-card {
    background: #ffffff;

    border: 1px solid #e4e7eb;

    border-radius: 12px;

    padding: 25px;

    box-shadow:
        0 2px 10px rgba(0,0,0,.04);
}

.gk-quiz-card-top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;
}

.gk-quiz-question {
    margin-bottom: 22px;

    font-size: 20px;

    line-height: 1.5;

    font-weight: 700;

    color: #212529;
}


/* =========================================================
   QUIZ OPTIONS
========================================================= */

.gk-quiz-options {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 12px;
}

.gk-quiz-option {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    width: 100%;

    padding: 14px;

    border: 1px solid #dee2e6;

    border-radius: 9px;

    background: #ffffff;

    color: #212529;

    text-align: left;

    font-size: 14px;

    line-height: 1.45;

    cursor: pointer;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.gk-quiz-option:hover {
    border-color: #9ec5fe;

    background: #f5f9ff;

    transform: translateY(-1px);
}

.gk-quiz-option:disabled {
    cursor: default;
}

.gk-quiz-option-letter {
    flex: 0 0 30px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f1f3f5;

    font-size: 12px;

    font-weight: 800;
}

.gk-quiz-option.correct {
    border-color: #198754;

    background: #e9f8ef;

    color: #146c43;
}

.gk-quiz-option.correct
.gk-quiz-option-letter {
    background: #198754;

    color: #ffffff;
}

.gk-quiz-option.wrong {
    border-color: #dc3545;

    background: #fff0f1;

    color: #b02a37;
}

.gk-quiz-option.wrong
.gk-quiz-option-letter {
    background: #dc3545;

    color: #ffffff;
}


/* =========================================================
   FEEDBACK
========================================================= */

.gk-quiz-feedback {
    margin-top: 18px;
}

.quiz-correct,
.quiz-wrong {
    padding: 12px 14px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 700;
}

.quiz-correct {
    background: #dff5e7;

    color: #146c43;
}

.quiz-wrong {
    background: #fff0f1;

    color: #b02a37;
}


/* =========================================================
   NEXT BUTTON
========================================================= */

.gk-next-btn {
    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-top: 18px;

    padding: 10px 18px;

    border: 0;

    border-radius: 7px;

    background: #0d6efd;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;
}

.gk-next-btn:hover {
    background: #0b5ed7;
}


/* =========================================================
   RESULT
========================================================= */

.gk-quiz-result {
    margin-top: 20px;

    padding: 40px 25px;

    background: #ffffff;

    border: 1px solid #e4e7eb;

    border-radius: 12px;

    text-align: center;

    box-shadow:
        0 2px 10px rgba(0,0,0,.04);
}

.gk-result-icon {
    width: 70px;

    height: 70px;

    margin: 0 auto 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #fff4d6;

    color: #d39e00;

    font-size: 30px;
}

.gk-quiz-result h2 {
    margin: 0 0 5px;

    font-size: 28px;

    font-weight: 800;
}

.gk-quiz-result > p {
    margin: 0;

    color: #6c757d;
}

.gk-final-score {
    margin: 18px 0;

    font-size: 55px;

    line-height: 1;

    font-weight: 800;

    color: #0d6efd;
}

.gk-final-score small {
    font-size: 25px;

    color: #6c757d;
}

.gk-result-message {
    margin-bottom: 20px;

    font-size: 15px;

    color: #495057;
}

.gk-result-buttons {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;
}

.gk-retry-btn,
.gk-back-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    min-height: 42px;

    padding: 8px 17px;

    border-radius: 7px;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    cursor: pointer;
}

.gk-retry-btn {
    border: 0;

    background: #0d6efd;

    color: #ffffff;
}

.gk-back-btn {
    border: 1px solid #ced4da;

    background: #ffffff;

    color: #495057;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .gk-quiz-filter-grid {
        grid-template-columns: 1fr;
    }

    .gk-quiz-options {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 575px) {

    .gk-quiz-hero {
        padding: 24px;
    }

    .gk-quiz-hero h1 {
        font-size: 29px;
    }

    .gk-quiz-card {
        padding: 18px;
    }

    .gk-quiz-question {
        font-size: 18px;
    }

}
.gk-stat-link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.gk-stat-link:hover {
    background: rgba(255,255,255,.20);
    color: #ffffff;
    transform: translateY(-2px);
}
</script>


 .left-column{display:none;} .main-column{width:100%;} }


/* =========================================================
   FINAL GyanSamachar 3-COLUMN PUBLIC LAYOUT
========================================================= */
:root{--header-height:92px;}
.site-layout{
    grid-template-columns:240px minmax(0,1fr) 285px !important;
    gap:18px !important;
    margin-top:var(--header-height) !important;
    padding:14px 16px !important;
    align-items:start !important;
}
.left-column{position:sticky;top:calc(var(--header-height) + 14px);}
.main-column{min-width:0;}
.right-column{display:block !important;min-width:0;position:static;}
.gs-modern-header{height:auto !important;}
@media(max-width:1399.98px){
  .site-layout{grid-template-columns:220px minmax(0,1fr) 255px !important;gap:14px !important;padding-left:12px !important;padding-right:12px !important;}
  .gs-brand{min-width:225px !important;}
  .gs-main-nav a{padding-left:7px !important;padding-right:7px !important;font-size:12px !important;}
}
@media(max-width:1180px){
  .site-layout{grid-template-columns:210px minmax(0,1fr) 235px !important;gap:12px !important;}
  .gs-brand{min-width:205px !important;}
  .gs-main-nav{gap:0 !important;}
  .gs-main-nav a{padding:0 6px !important;font-size:11px !important;}
}
@media(max-width:991.98px){
  .site-layout{display:block !important;padding:12px !important;margin-top:var(--header-height) !important;}
  .left-column,.right-column{display:none !important;}
  .main-column{width:100% !important;}
}

/* =========================================================
   JOB DETAIL 3-COLUMN LAYOUT
========================================================= */
.site-wrapper .row{align-items:flex-start}
.site-wrapper > .container-fluid{padding-top:18px;padding-bottom:28px}
.site-wrapper .col-lg-2 > .right-sidebar-card,.site-wrapper .col-lg-2 > .sidebar-card{width:100%;}

/* =========================================================
   USER ACCOUNT ACTIONS
========================================================= */
.gs-header-actions{gap:8px}
.gs-header-profile,.gs-header-login,.gs-header-logout{white-space:nowrap}

/* =========================================================
   REMINDER BUTTON
========================================================= */
.btn-outline-warning{border-width:1px;font-weight:700}


/* =========================================================
   PREMIUM USER ACCOUNT / PROFILE
========================================================= */
.gs-account-page{max-width:1180px;margin:0 auto;padding:4px 0 30px;color:#172033}.gs-account-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:16px;background:linear-gradient(135deg,#0b466d 0%,#0f5683 58%,#146f9d 100%);color:#fff;box-shadow:0 12px 30px rgba(8,54,85,.16)}.gs-account-kicker,.gs-card-kicker{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.gs-account-kicker{opacity:.78;margin-bottom:5px}.gs-account-hero h1{margin:0;font-size:34px;line-height:1.15;font-weight:800}.gs-account-hero p{margin:8px 0 0;font-size:14px;color:rgba(255,255,255,.88)}.gs-account-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.gs-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;text-decoration:none!important;font-size:13px;font-weight:800;cursor:pointer;box-sizing:border-box}.gs-account-btn.primary{background:#0d5f91;color:#fff;border-color:#0d5f91}.gs-account-btn.primary:hover{background:#084c74;color:#fff}.gs-account-btn.light{background:#fff;color:#0d5f91;border-color:rgba(255,255,255,.65)}.gs-account-btn.light:hover{background:#eef7fc;color:#084c74}.gs-account-btn.danger{background:#8f2c2c;color:#fff;border-color:#a84343}.gs-account-btn.danger:hover{background:#a51f1f;color:#fff}.gs-account-btn.success{background:#15803d;color:#fff;border-color:#15803d}.gs-account-alert{margin:0 0 14px;padding:12px 14px;border-radius:9px;font-size:13px;font-weight:700}.gs-account-alert.success{background:#ecfdf3;color:#166534;border:1px solid #b7e8c8}.gs-account-alert.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.gs-account-top-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:16px;margin-bottom:16px}.gs-account-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:20px;box-shadow:0 5px 18px rgba(15,23,42,.045)}.gs-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.gs-card-head h2{margin:3px 0 0;color:#132238;font-size:20px;line-height:1.25;font-weight:800}.gs-card-head h2 i{color:#0b6ea8;margin-right:7px}.gs-card-kicker{color:#0b6ea8}.gs-chip,.gs-count-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#edf3f8;color:#526274;font-size:10px;font-weight:800;white-space:nowrap}.gs-chip.blue{background:#e9f5fb;color:#0b6ea8}.gs-count-pill{min-width:28px;justify-content:center;background:#eaf4fb;color:#0b6ea8}.gs-complete-card{border-top:4px solid #0b6ea8}.gs-complete-percent{font-size:34px;line-height:1;color:#0b6ea8;font-weight:900}.gs-progress{height:10px;background:#eaf0f5;border-radius:999px;overflow:hidden;margin:6px 0 10px}.gs-progress span{display:block;height:100%;background:linear-gradient(90deg,#0b6ea8,#24a0d5);border-radius:inherit}.gs-card-note{font-size:12px;line-height:1.65;color:#607084;margin:0}.gs-complete-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px;font-size:11px;color:#607084}.gs-complete-meta i{color:#0b6ea8}.gs-missing-fields{margin-top:11px;padding:9px 10px;border:1px dashed #bfd4e4;border-radius:8px;background:#f7fbfe;color:#53667a;font-size:11px;line-height:1.55}.gs-credit-card{background:linear-gradient(145deg,#fff,#f6fbfe);border-top:4px solid #d4a415}.gs-credit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gs-credit-top h2{margin:3px 0 10px;color:#0b466d;font-size:26px}.gs-credit-icon{width:44px;height:44px;border-radius:12px;background:#fff6d8;border:1px solid #f2df9a;color:#a27700;display:grid;place-items:center;font-size:20px}.gs-credit-card p{font-size:12px;line-height:1.65;color:#5c6e7f;margin:0 0 14px}.gs-account-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.gs-account-main,.gs-account-side{display:grid;gap:16px;align-content:start}.gs-profile-form{margin-top:2px}.gs-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.gs-profile-grid>div{min-width:0}.gs-profile-grid .wide{grid-column:1/-1}.gs-profile-grid label{display:block;margin:0 0 6px;font-size:11px;font-weight:800;color:#33465a}.gs-profile-grid input,.gs-profile-grid select{width:100%;height:44px;box-sizing:border-box;border:1px solid #cbd7e2;border-radius:8px;padding:0 11px;background:#fff;color:#172033;font-size:13px;outline:none}.gs-profile-grid input:focus,.gs-profile-grid select:focus{border-color:#0b6ea8;box-shadow:0 0 0 3px rgba(11,110,168,.10)}.gs-profile-grid input:disabled{background:#f3f6f8;color:#607084}.gs-profile-grid small{display:block;margin-top:4px;font-size:10px;color:#8795a4}.gs-profile-form .gs-account-btn{margin-top:15px}.gs-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gs-alert-option{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid #dde6ee;border-radius:10px;background:#fbfdff;cursor:pointer;transition:.15s}.gs-alert-option:hover{border-color:#a9c9dd;background:#f4faff}.gs-alert-option input{accent-color:#0b6ea8;flex:0 0 auto}.gs-alert-icon{width:34px;height:34px;flex:0 0 34px;border-radius:8px;display:grid;place-items:center;background:#eaf4fb;color:#0b6ea8}.gs-alert-option strong{display:block;font-size:12px;color:#26384c}.gs-alert-option small{display:block;margin-top:2px;font-size:9px;color:#7a8998;line-height:1.35}.gs-alert-save{margin-top:13px}.gs-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:9px}.gs-table{width:100%;border-collapse:collapse;min-width:560px}.gs-table th,.gs-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #edf2f6;font-size:11px;vertical-align:top}.gs-table th{background:#f6f9fb;color:#526274;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.gs-table td a{color:#0b6ea8;text-decoration:none;font-weight:700}.gs-table td small{display:block;margin-top:3px;color:#7b8997}.gs-table-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:6px;border:1px solid #c8d6e1;font-size:10px!important;color:#526274!important;background:#fff}.gs-table-btn.danger{border-color:#edb5b5;color:#a72828!important}.gs-status{display:inline-flex;padding:4px 7px;border-radius:20px;font-size:9px;font-weight:800}.gs-status.active{background:#e8f7ee;color:#177245}.gs-status.pending{background:#fff6dc;color:#8a6500}.gs-status.off{background:#f1f3f5;color:#687686}.gs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:28px 15px;border:1px dashed #cad8e3;border-radius:9px;background:#fbfdff;color:#69798a}.gs-empty i{font-size:25px;color:#0b6ea8}.gs-empty strong{font-size:13px;color:#304257}.gs-empty span{font-size:10px}.gs-empty.compact{padding:18px}.gs-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.gs-stat-grid>div{padding:12px;border-radius:9px;background:#f7fafc;border:1px solid #e4ebf1}.gs-stat-grid strong{display:block;font-size:23px;color:#173c5d}.gs-stat-grid span{font-size:10px;color:#728293}.gs-side-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #e0e8ef;font-size:10px}.gs-side-line:last-child{border-bottom:0}.gs-side-line span{color:#758394}.gs-side-line strong{text-align:right;color:#304257}.gs-visit-list{display:grid;gap:0}.gs-visit-item{padding:9px 0;border-bottom:1px solid #edf2f6}.gs-visit-item:last-child{border-bottom:0}.gs-visit-item strong{display:block;font-size:11px;color:#33465a}.gs-visit-item small{display:block;margin-top:3px;font-size:9px;color:#8492a0}@media(max-width:950px){.gs-account-top-grid{grid-template-columns:1fr}.gs-account-grid{grid-template-columns:1fr}.gs-account-side{grid-template-columns:1fr 1fr}.gs-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.gs-account-hero{padding:21px 18px;align-items:flex-start;flex-direction:column}.gs-account-hero h1{font-size:27px}.gs-account-hero-actions{width:100%}.gs-account-hero-actions .gs-account-btn{flex:1}.gs-account-card{padding:15px}.gs-profile-grid{grid-template-columns:1fr}.gs-profile-grid .wide{grid-column:auto}.gs-alert-grid{grid-template-columns:1fr}.gs-account-side{grid-template-columns:1fr}.gs-card-head h2{font-size:18px}.gs-credit-top h2{font-size:23px}}


/* =========================================================
   GS PROFILE V6 POLISH
========================================================= */
.gs-account-page{width:100%;box-sizing:border-box}.gs-account-card{overflow:hidden}.gs-account-hero-actions .gs-account-btn{min-width:110px}.gs-profile-grid input:disabled{cursor:not-allowed}.gs-profile-grid small{font-size:10px}.gs-share-credit-note{padding:10px 12px;border-left:3px solid #efb31d;background:#fffaf0;border-radius:6px}.gs-job-actions .btn{min-height:42px;padding:8px 15px}.gs-job-action-message{padding:8px 10px;border-radius:6px;background:#f8fafc}.gs-job-action-message.show.success{background:#ecfdf5}.gs-job-action-message.show.error{background:#fff1f2}
@media(max-width:991.98px){.site-layout{margin-top:var(--header-height)!important}.gs-account-page{padding-top:0}.gs-account-hero{border-radius:10px}.gs-job-actions .btn{flex:1 1 45%;text-align:center}}