.page-main{min-height:70vh;padding:38px 0 70px}.auth-card{max-width:520px;margin:25px auto;background:#fff;border:1px solid #e7ecf3;border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(25,43,70,.08)}
.auth-card form,.panel form{display:grid;gap:14px}.auth-card label,.panel label{display:grid;gap:7px;font-weight:700;color:#27364b}.auth-card input,.panel input,.panel select,.panel textarea{font:inherit;padding:12px 14px;border:1px solid #d9e1eb;border-radius:12px;background:#fff}.auth-note,.warning-box,.error-box,.flash{padding:13px 16px;border-radius:13px;margin:14px 0}.auth-note{background:#f5f8fc}.warning-box{background:#fff5db;border:1px solid #f5d88b}.error-box{background:#fff0f0;color:#982e2e}.flash{background:#eaf8ef;color:#19683a}
.dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dash-head h1{margin:.2rem 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:20px}.kpi b{font-size:1.4rem;display:block}.kpi span{color:#718096}.panel{background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:24px;margin:18px 0}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-summary{padding:18px;background:#f8fafc;border-radius:16px}.big-code{font-size:2.6rem;font-weight:900;color:#1f4e78}.inline-form{display:flex!important;align-items:end;gap:14px!important}.inline-form label{flex:1}.match-hero{display:flex;align-items:center;gap:28px;background:linear-gradient(135deg,#163c63,#1f6d78);color:#fff;padding:28px;border-radius:24px;margin:20px 0}.match-circle{width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.13);border:8px solid rgba(255,255,255,.22)}.match-circle b{font-size:2rem}.match-circle span{font-size:.85rem}.mini-kpis{display:flex;gap:10px;flex-wrap:wrap}.mini-kpis span{background:rgba(255,255,255,.14);padding:8px 12px;border-radius:999px}.metric{display:grid;grid-template-columns:100px 1fr 45px;align-items:center;gap:10px;margin:11px 0}.metric>div{height:9px;background:#e8eef5;border-radius:999px;overflow:hidden}.metric i{display:block;height:100%;background:#1f6d78;border-radius:999px}.admin-grid{display:grid;grid-template-columns:1fr 2fr;gap:18px}.span-2{grid-column:span 1}.profile-form{grid-template-columns:repeat(3,1fr)!important}.profile-form .form-subtitle,.profile-form .full{grid-column:1/-1}.form-subtitle{font-weight:900;color:#17365d;border-top:1px solid #e6ebf2;padding-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px;border-bottom:1px solid #edf1f5;white-space:nowrap}td small{display:block;color:#8994a3}.footer{padding:24px 0;border-top:1px solid #e7ebf1;color:#718096}.caution{background:#fffaf0!important}.nav-cta{background:#17365d;color:#fff!important;padding:8px 14px;border-radius:10px}
@media(max-width:900px){.kpi-grid{grid-template-columns:1fr 1fr}.cards-2,.admin-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr 1fr!important}.inline-form{display:grid!important}.match-hero{align-items:flex-start}.main-nav{gap:8px}.main-nav a{font-size:.86rem}}
@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.cards-2{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr!important}.dash-head{align-items:flex-start;flex-direction:column}.match-hero{flex-direction:column}.metric{grid-template-columns:82px 1fr 36px}}
/* Version 4 HR analytics */
.action-row{display:flex;gap:10px;align-items:center}.action-row.wrap{flex-wrap:wrap}.panel.slim{padding:16px 20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.panel-title h2{margin:0}.badge{background:#edf4fb;color:#17365d;border-radius:999px;padding:7px 12px;font-size:.85rem}.mini-form{display:flex!important;flex-direction:row!important;gap:6px!important;min-width:260px}.mini-form select{padding:7px!important;min-width:170px}.mini-form button{border:0;background:#17365d;color:#fff;border-radius:8px;padding:7px 10px;font-family:inherit;cursor:pointer}.filter-form{display:grid!important;grid-template-columns:2fr 1fr 1fr auto;gap:12px!important;align-items:end}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.score{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:7px 9px;border-radius:9px;font-weight:800;text-decoration:none}.score.s5{background:#dff4e7;color:#17643a}.score.s4{background:#e9f4df;color:#4c6a1a}.score.s3{background:#fff4cf;color:#806000}.score.s2{background:#ffe8cf;color:#8a4c00}.score.s1{background:#fde1e1;color:#9a3333}.score.empty{background:#f0f2f5;color:#7a8491}.matrix-wrap{max-height:70vh}.matrix-table th{vertical-align:bottom}.matrix-table th span{display:block;min-width:110px;white-space:normal}.matrix-table .sticky-col{position:sticky;right:0;background:#fff;z-index:2;box-shadow:-4px 0 8px rgba(0,0,0,.03)}.matrix-table thead .sticky-col{z-index:4;background:#f8fafc}.matrix-table thead th{position:sticky;top:0;background:#f8fafc;z-index:3}.report-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.report-toolbar form{margin:0;flex:1}.print-report{background:#fff;border-radius:20px;padding:28px}.report-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #17365d;padding-bottom:18px;margin-bottom:22px}.report-head h1{margin:.2rem 0}.report-logo{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#17365d;color:#fff;font-size:2rem;font-weight:900}.score-big{font-size:2.4rem;font-weight:900;color:#17643a}.metric.wide{grid-template-columns:130px 1fr 58px}.muted{color:#718096}.band-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.band-grid>div{background:#f7f9fc;border:1px solid #e8edf4;border-radius:14px;padding:18px;text-align:center}.band-grid b{display:block;font-size:1.8rem}.band-grid span{color:#718096}.match-report{border:2px solid #dce9f5}.panel code{direction:ltr;display:inline-block;background:#f5f7fa;padding:4px 7px;border-radius:7px}
@media(max-width:900px){.filter-form{grid-template-columns:1fr 1fr}.report-toolbar{align-items:stretch;flex-direction:column}.band-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.action-row{flex-wrap:wrap}.filter-form{grid-template-columns:1fr}.band-grid{grid-template-columns:1fr 1fr}.print-report{padding:14px}.report-head{align-items:flex-start}.report-logo{width:48px;height:48px}.metric.wide{grid-template-columns:100px 1fr 44px}}
@media print{.site-header,.footer,.no-print{display:none!important}.page-main{padding:0}.container{max-width:none!important;width:100%!important}.print-report{box-shadow:none!important;border:0!important;padding:0}.panel{break-inside:avoid;box-shadow:none}.kpi-grid{break-inside:avoid}body{background:#fff!important;color:#111}.metric i{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* ===== Header / Main Navigation Fix ===== */

.site-header{
    background:#fff;
    border-bottom:1px solid #e5e7eb;
    position:relative;
    z-index:100;
}

.nav-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:14px 24px;
    direction:rtl;
}

.main-nav{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    direction:rtl;
}

.main-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 13px;
    border-radius:9px;
    text-decoration:none;
    white-space:nowrap;
    line-height:1.6;
    color:#334155;
    font-size:14px;
    transition:background-color .2s ease,color .2s ease;
}

.main-nav a:hover{
    background:#eef2ff;
    color:#4338ca;
}

.main-nav a.active{
    background:#4f46e5;
    color:#fff;
}

.main-nav a[href*="account"]{
    margin-right:12px;
    border-right:1px solid #e2e8f0;
    padding-right:20px;
}

.main-nav a[href*="logout"]{
    color:#b91c1c;
}

.main-nav a[href*="logout"]:hover{
    background:#fef2f2;
    color:#991b1b;
}

/* Tablet */
@media (max-width:1000px){
    .nav-wrap{
        gap:12px;
        padding:12px 16px;
    }

    .main-nav{
        gap:5px;
    }

    .main-nav a{
        padding:8px 9px;
        font-size:13px;
    }
}

/* Mobile */
@media (max-width:760px){
    .nav-wrap{
        flex-direction:column;
        align-items:stretch;
    }

    .main-nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        width:100%;
    }

    .main-nav a{
        width:100%;
        padding:10px 8px;
        text-align:center;
    }

    .main-nav a[href*="account"]{
        margin-right:0;
        border-right:0;
        padding-right:8px;
    }
}

@media (max-width:420px){
    .main-nav{
        grid-template-columns:1fr;
    }
}
/* ===== FINAL NAVIGATION FIX ===== */

.site-header .main-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 22px !important;
    direction: rtl !important;
}

.site-header .main-nav > a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 10px 6px !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

.site-header .nav-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
}