:root{--blue:#0b78c7;--blue2:#064f8b;--green:#18a650;--yellow:#f5cf22;--black:#111827;--muted:#667085;--light:#f4f8fb;--white:#fff;
--shadow:0 15px 45px rgba(5,45,80,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;
color:var(--black);background:#fff;line-height:1.65}a{color:var(--blue);text-decoration:none}img{max-width:100%}.container{width:min(1160px,92%);
margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
border-bottom:1px solid #e7edf3}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;
align-items:center;gap:12px;color:var(--black)}.brand img{width:62px;height:62px;
object-fit:contain}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.3rem;color:var(--blue2)}.brand small{font-size:.78rem;
color:var(--muted)}.nav{display:flex;align-items:center;gap:22px}.nav a{color:#243444;font-weight:600}.nav a.active{color:var(--green)}.nav-toggle{display:none;background:none;
border:0;font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 20px;
background:linear-gradient(135deg,var(--blue),var(--green));
color:#fff;font-weight:700;cursor:pointer}.btn-small{padding:8px 13px;font-size:.9rem}.btn-outline{background:transparent;
color:#fff;border:1px solid rgba(255,255,255,.6)}.hero{background:radial-gradient(circle at 85% 20%,rgba(245,207,34,.3),transparent 25%),
linear-gradient(135deg,#063c72,#0b78c7 60%,#0f8f53);color:#fff;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;
align-items:center}.hero h1{font-size:clamp(2.7rem,5vw,5rem);
line-height:1.05;margin:18px 0}.hero p{font-size:1.15rem;max-width:700px}.eyebrow,.section-heading span,.page-hero span{color:var(--yellow);
font-weight:800;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;gap:14px;margin-top:30px}.hero-card{background:rgba(255,255,255,.13);
border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:34px;text-align:center;box-shadow:var(--shadow)}.hero-card img{width:190px}.hero-card strong{display:block;
font-size:2rem}.hero-card span{display:block}.section{padding:80px 0}.section.alt{background:var(--light)}.section-heading{text-align:center;margin-bottom:38px}.section-heading.left{text-align:left}
.section-heading span{color:var(--green)}.section-heading h2{font-size:clamp(2rem,4vw,3.1rem);margin:5px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e4ebf1;
border-radius:18px;padding:28px;box-shadow:0 10px 35px rgba(8,57,94,.07)}.icon{width:52px;
height:52px;border-radius:14px;background:#e8f6ee;color:var(--green);display:grid;place-items:center;font-size:1.5rem}.welcome{display:grid;grid-template-columns:1.2fr .8fr;
gap:50px;align-items:center}.welcome blockquote{border-left:4px solid var(--yellow);padding:12px 20px;margin-left:0;color:#32485c}.welcome small{display:block;
color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats div{background:#fff;border-radius:18px;padding:26px;
box-shadow:var(--shadow)}.stats b{display:block;font-size:2.4rem;color:var(--blue)}.media-card{padding:0;overflow:hidden}.media-card img{width:100%;height:220px;
object-fit:cover}.media-card>div{padding:24px}.media-card time{color:var(--green);font-weight:700}.gallery{display:grid;grid-template-columns:repeat(4,1fr);
gap:16px}.gallery figure{margin:0;position:relative;border-radius:16px;overflow:hidden;min-height:230px;background:#dfe8ef}.gallery img{width:100%;
height:100%;object-fit:cover}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 15px 12px;color:#fff;
background:linear-gradient(transparent,rgba(0,0,0,.8))}.page-hero{padding:70px 0;background:linear-gradient(135deg,#063c72,#0b78c7);
color:#fff}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);margin:8px 0}.prose{max-width:900px}.prose h2{color:var(--blue2);
margin-top:42px}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.domain{border-left:5px solid var(--green);
background:#fff;box-shadow:var(--shadow);padding:25px;border-radius:12px}.domain b{color:var(--yellow);
font-size:1.5rem}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.form{display:grid;gap:16px}.form input,.form textarea,
.form select,select{width:100%;border:1px solid #cad6e0;border-radius:10px;padding:13px 14px;font:inherit;
background:#fff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer{background:#071d2f;
color:#d7e5ef;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:50px}.footer h3{color:#fff}.footer a{display:block;color:#d7e5ef;margin:7px 0}.footer-logo{width:100px;background:#fff;border-radius:50%;padding:5px}.newsletter{display:flex;gap:8px}.newsletter input{min-width:0;padding:12px;border-radius:8px;border:0}.copyright{margin-top:40px;padding:18px;text-align:center;border-top:1px solid #16364e}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:2rem;box-shadow:var(--shadow);z-index:40}.flash{width:min(1100px,92%);margin:12px auto;padding:13px 16px;border-radius:10px}.flash.success{background:#e7f7ed;color:#116b34}.flash.error{background:#fff0f0;color:#a01919}.empty{grid-column:1/-1;text-align:center;color:var(--muted)}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:20px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#073a68,#11844d)}.login-card{width:min(430px,92%);background:#fff;padding:35px;border-radius:22px;display:grid;gap:15px;text-align:center;box-shadow:var(--shadow)}.login-card img{width:120px;margin:auto}.login-card input{padding:14px;border:1px solid #c9d6df;border-radius:10px}.admin-body{background:#f2f5f8}.sidebar{position:fixed;inset:0 auto 0 0;width:265px;background:#071d2f;color:#fff;padding:22px;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;margin-bottom:30px}.admin-brand img{width:52px;background:#fff;border-radius:50%}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#d8e4ed;padding:11px 12px;border-radius:9px}.sidebar nav a:hover{background:#0d3552}.admin-main{margin-left:265px;min-height:100vh}.admin-top{height:72px;background:#fff;border-bottom:1px solid #dfe6ec;display:flex;align-items:center;padding:0 28px;justify-content:space-between}.admin-top div{display:flex;flex-direction:column}.admin-top small{color:var(--muted)}.admin-menu{display:none}.admin-content{padding:28px}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.admin-cards div{background:#fff;padding:25px;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.05)}.admin-cards b{font-size:2.3rem;color:var(--blue)}.admin-cards span{display:block;color:var(--muted)}.panel{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 25px rgba(0,0,0,.05)}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e3e9ee;vertical-align:top}.inline{display:inline-flex;gap:6px;align-items:center}.link-danger,.link-ok{border:0;background:none;cursor:pointer;font-weight:700}.link-danger{color:#b42318}.link-ok{color:#15803d}.admin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-gallery article{background:#fff;padding:12px;border-radius:12px}.admin-gallery img{width:100%;height:150px;object-fit:cover;border-radius:8px}.admin-gallery strong{display:block;margin:8px 0}@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav.open{display:flex}.brand small{display:none}.hero-grid,.welcome,.contact-grid{grid-template-columns:1fr}.cards,.domain-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.25s;z-index:100}.sidebar.open{transform:none}.admin-main{margin-left:0}.admin-menu{display:block}.admin-cards{grid-template-columns:1fr 1fr}.admin-gallery{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:60px 0}.hero h1{font-size:2.7rem}.actions,.newsletter{flex-direction:column}.cards,.domain-grid,.gallery,.stats,.grid-2,.admin-cards,.admin-gallery{grid-template-columns:1fr}.section{padding:55px 0}.footer-grid{grid-template-columns:1fr}.admin-content{padding:15px}}

/* ==========================================================
   MENU PUBLIC RESPONSIVE
   ========================================================== */

.nav-toggle-open {
    display: inline-block;
}

.nav-toggle-close {
    display: none;
}

.nav-toggle.is-open .nav-toggle-open {
    display: none;
}

.nav-toggle.is-open .nav-toggle-close {
    display: inline-block;
}

@media (max-width: 900px) {
    .site-header {
        overflow: visible;
    }

    .topbar {
        position: relative;
        height: 78px;
        overflow: visible;
    }

    .nav-toggle {
        position: relative;
        z-index: 2102;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        border-radius: 9px;
        background: var(--blue);
        color: #fff;
        font-size: 1.25rem;
        cursor: pointer;
    }

    .nav {
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        z-index: 2100;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        width: 100%;
        max-height: calc(100vh - 78px);
        padding: 14px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 18px 35px rgba(0, 0, 0, .16);
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .nav.is-open {
        display: flex;
    }

    .nav > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
        min-height: 46px;
        padding: 12px;
        border-radius: 8px;
    }

    body.mobile-menu-open {
        overflow: hidden;
    }

    .brand small {
        display: none;
    }
}

/* ==========================================================
   GOOGLE TRANSLATE MASQUÉ
   ========================================================== */

#google_translate_element {
    position: absolute !important;
    top: -99999px !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-spinner-pos,
.goog-te-spinner-animation,
body > .skiptranslate:not(#google_translate_element) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html,
body {
    top: 0 !important;
    margin-top: 0 !important;
}

.goog-logo-link,
.goog-te-gadget span {
    display: none !important;
}

.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================
   MENU DÉROULANT DES LANGUES
   ========================================================== */

.language-dropdown {
    position: relative;
    flex: 0 0 auto;
    margin-left: 6px;
}

.language-dropdown-toggle {
    min-width: 82px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(8, 120, 185, .3);
    border-radius: 9px;
    background: #fff;
    color: var(--blue);
    font: inherit;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

.language-dropdown-toggle:hover,
.language-dropdown-toggle:focus-visible {
    border-color: var(--blue);
    background: rgba(8, 120, 185, .07);
    outline: none;
}

.language-current-flag {
    font-size: 1rem;
}

.language-chevron {
    font-size: .68rem;
    transition: transform .2s ease;
}

.language-dropdown.is-open .language-chevron {
    transform: rotate(180deg);
}

.language-dropdown-menu {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 2200;
    width: 205px;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-7px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.language-dropdown.is-open .language-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-dropdown-item {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #222;
    font: inherit;
    font-size: .9rem;
    text-align: left;
    cursor: pointer;
}

.language-dropdown-item:hover,
.language-dropdown-item.active {
    color: var(--blue);
    background: rgba(8, 120, 185, .09);
}

.language-item-check {
    margin-left: auto;
    color: var(--green);
    opacity: 0;
}

.language-dropdown-item.active .language-item-check {
    opacity: 1;
}

@media (max-width: 900px) {
    .language-dropdown {
        width: 100%;
        margin: 6px 0 0;
    }

    .language-dropdown-toggle {
        width: 100%;
        justify-content: flex-start;
        padding: 12px;
    }

    .language-chevron {
        margin-left: auto;
    }

    .language-dropdown-menu {
        position: static;
        display: none;
        width: 100%;
        margin-top: 7px;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
    }

    .language-dropdown.is-open .language-dropdown-menu {
        display: block;
    }
}
/* ==========================================================
   FOOTER SMD-EAC AMÉLIORÉ
   À ajouter à la fin de assets/css/style.css
   ========================================================== */

.footer-grid-enhanced {
    grid-template-columns: 1.05fr .8fr 1.15fr 1.2fr;
    gap: 38px;
}

.footer-about h3 {
    margin: 12px 0 8px;
}

.footer-social-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 18px;
    color: #ffffff;
    font-weight: 600;
}

.footer-social-note i,
.footer h3 i {
    color: var(--yellow);
}

.footer-links {
    display: grid;
    gap: 5px;
}

.footer-links a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-links a i {
    color: var(--green);
    font-size: .8rem;
}

.footer-contact {
    display: grid;
    gap: 11px;
    margin: 0;
    font-style: normal;
}

.footer-contact p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}

.footer-contact i {
    width: 18px;
    margin-top: 5px;
    color: var(--yellow);
    text-align: center;
    flex: 0 0 18px;
}

.footer-contact a {
    display: inline;
    margin: 0;
    overflow-wrap: anywhere;
}

.footer-newsletter p {
    margin-top: 0;
}

.newsletter-confirmation-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.newsletter-confirmation-form input {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    font: inherit;
}

.newsletter-confirmation-form .btn {
    width: 100%;
    gap: 8px;
}

.newsletter-privacy {
    display: block;
    margin-top: 10px;
    color: #9fb4c4;
    line-height: 1.5;
}

.copyright-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.copyright-inner a {
    display: inline;
    margin: 0;
    color: var(--yellow);
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.newsletter-confirmation-card {
    width: min(680px, 100%);
    margin: 0 auto;
    padding: 42px 30px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: var(--shadow);
    text-align: center;
}

.newsletter-confirmation-card .confirmation-icon {
    margin-bottom: 16px;
    font-size: 4rem;
}

.newsletter-confirmation-card.success .confirmation-icon {
    color: var(--green);
}

.newsletter-confirmation-card.error .confirmation-icon {
    color: #b42318;
}

.newsletter-confirmation-card h2 {
    margin: 0 0 10px;
    color: var(--blue2);
}

.newsletter-confirmation-card p {
    max-width: 560px;
    margin: 0 auto 24px;
    color: var(--muted);
}

.whatsapp {
    display: grid;
    place-items: center;
}

.whatsapp i {
    line-height: 1;
}

@media (max-width: 1050px) {
    .footer-grid-enhanced {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .footer-grid-enhanced {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .copyright-inner {
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        text-align: center;
    }
}
.section-heading>p{max-width:760px;margin:10px auto 0;color:var(--muted)}
.hero-grid-leadership{grid-template-columns:1.08fr .92fr;gap:48px}
.hero-content .eyebrow,.hero-content .actions .btn{display:inline-flex;align-items:center;gap:8px}
.leadership-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.leader-card{overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:22px;background:rgba(255,255,255,.13);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.leader-photo-wrap{height:250px;overflow:hidden;background:rgba(255,255,255,.12)}
.leader-photo{width:100%;height:100%;object-fit:cover;object-position:center top}
.leader-photo-placeholder{padding:45px;object-fit:contain}
.leader-card-body{padding:18px}.leader-card-body h2{margin:8px 0 4px;font-size:1.13rem;color:#fff}.leader-card-body p{margin:0;color:rgba(255,255,255,.84);font-size:.9rem}
.leader-role{display:inline-flex;align-items:center;gap:7px;color:var(--yellow);font-size:.75rem;font-weight:800;text-transform:uppercase}
.network-highlight{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:19px 22px;border:1px solid rgba(255,255,255,.23);border-radius:18px;background:rgba(0,0,0,.16)}
.network-highlight>i{font-size:2rem;color:var(--yellow)}.network-highlight strong,.network-highlight span{display:block}.network-highlight strong{font-size:1.2rem}.network-highlight span{color:rgba(255,255,255,.83);font-size:.9rem}
.welcome-signature{display:flex;align-items:center;gap:14px;margin-top:22px}.welcome-signature img{width:68px;height:68px;border:4px solid #fff;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:0 8px 22px rgba(0,0,0,.15)}
.welcome-signature strong,.welcome-signature small{display:block}.welcome-signature small{color:var(--muted)}
.stats-expanded{grid-template-columns:1fr 1fr}.stats-expanded>div{position:relative;overflow:hidden}.stats-expanded>div>i{position:absolute;top:16px;right:18px;color:rgba(11,120,199,.18);font-size:2rem}
.stats-expanded .stat-total{background:linear-gradient(135deg,var(--blue2),var(--green));color:#fff}.stats-expanded .stat-total b,.stats-expanded .stat-total span{color:#fff}
.read-more,.media-card time{display:inline-flex;align-items:center;gap:7px}.read-more{font-weight:800}
@media(max-width:1050px){.hero-grid-leadership{grid-template-columns:1fr}.leadership-showcase{max-width:760px}}
@media(max-width:760px){.leadership-showcase{grid-template-columns:1fr}.leader-photo-wrap{height:310px}.network-highlight{grid-column:auto}}
@media(max-width:600px){.hero-home{padding:54px 0}.hero-content h1{font-size:2.35rem}.leader-photo-wrap{height:285px}.stats-expanded{grid-template-columns:1fr}}
/* ==========================================================
   HERO ALLÉGÉ + PARTENAIRES SMD-EAC
   Ajouter à la fin de assets/css/style.css
   ========================================================== */

.hero-home .hero-content h1 {
    max-width: 690px;
    margin: 16px 0 18px;
    font-size: clamp(2rem, 3.5vw, 3.35rem);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.hero-home .hero-content > p {
    max-width: 690px;
    margin: 0 0 10px;
    color: rgba(255,255,255,.9);
    font-size: 1rem;
    line-height: 1.65;
}

.partners-section {
    background: #ffffff;
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.partner-card {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 22px;
    border: 1px solid #e4ebf1;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(8,57,94,.07);
    color: var(--black);
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.partner-card:hover,
.partner-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(11,120,199,.35);
    box-shadow: 0 16px 38px rgba(8,57,94,.13);
    outline: none;
}

.partner-card img {
    width: 100%;
    max-width: 260px;
    height: 120px;
    object-fit: contain;
    background: #ffffff;
}

.partner-card span {
    font-weight: 800;
    color: var(--blue2);
}

@media (max-width: 900px) {
    .partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .hero-home .hero-content h1 {
        font-size: 2rem;
        line-height: 1.12;
    }

    .hero-home .hero-content > p {
        font-size: .98rem;
        line-height: 1.6;
    }

    .partners-grid {
        grid-template-columns: 1fr;
    }

    .partner-card {
        min-height: 190px;
    }
}
/* ==========================================================
   PAGE À PROPOS SMD-EAC
   À ajouter à la fin de assets/css/style.css
   ========================================================== */

.about-hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 1.05rem;
}

.about-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 44px;
    align-items: start;
}

.about-main {
    min-width: 0;
}

.about-intro,
.about-section-block {
    margin-bottom: 42px;
}

.about-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--green);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .8rem;
}

.about-intro h2,
.about-section-block h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: var(--blue2);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
}

.about-intro h2 i,
.about-section-block h2 i {
    color: var(--green);
}

.about-intro p,
.about-section-block p {
    color: #34495e;
    font-size: 1.02rem;
    line-height: 1.8;
}

.about-structure-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.about-structure-grid article {
    padding: 22px;
    border: 1px solid #e4ebf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(8,57,94,.06);
}

.about-structure-grid article > i {
    margin-bottom: 12px;
    color: var(--green);
    font-size: 1.6rem;
}

.about-structure-grid h3 {
    margin: 0 0 8px;
    color: var(--blue2);
}

.about-structure-grid p {
    margin: 0;
    font-size: .94rem;
    line-height: 1.65;
}

.about-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

.about-tags span {
    padding: 7px 12px;
    border-radius: 999px;
    background: #e8f6ee;
    color: var(--green);
    font-size: .86rem;
    font-weight: 700;
}

.about-sidebar {
    display: grid;
    gap: 22px;
    position: sticky;
    top: 110px;
}

.about-highlight-card,
.about-values-card {
    padding: 26px;
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--shadow);
}

.about-highlight-card {
    text-align: center;
    background: linear-gradient(145deg, var(--blue2), var(--blue), var(--green));
    color: #fff;
}

.about-highlight-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.16);
    font-size: 1.6rem;
}

.about-highlight-card strong,
.about-highlight-card span {
    display: block;
}

.about-highlight-card strong {
    font-size: 3rem;
    line-height: 1;
}

.about-highlight-card span {
    margin-top: 6px;
    font-weight: 800;
}

.about-highlight-card p {
    margin: 16px 0 0;
    color: rgba(255,255,255,.84);
    font-size: .93rem;
    line-height: 1.65;
}

.about-values-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    color: var(--blue2);
}

.about-values-card h3 i {
    color: var(--yellow);
}

.about-values-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.about-values-card li {
    position: relative;
    padding-left: 24px;
    color: #34495e;
}

.about-values-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--green);
    font-weight: 900;
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.partner-card {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 22px;
    border: 1px solid #e4ebf1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(8,57,94,.07);
    color: var(--black);
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.partner-card:hover,
.partner-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(11,120,199,.35);
    box-shadow: 0 16px 38px rgba(8,57,94,.13);
    outline: none;
}

.partner-card img {
    width: 100%;
    max-width: 260px;
    height: 120px;
    object-fit: contain;
    background: #fff;
}

.partner-card span {
    color: var(--blue2);
    font-weight: 800;
}

.about-cta-section {
    padding-top: 0;
}

.about-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 34px;
    border-radius: 22px;
    background: linear-gradient(135deg, #063c72, #0b78c7 60%, #0f8f53);
    color: #fff;
}

.about-cta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yellow);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .8rem;
}

.about-cta h2 {
    margin: 8px 0 8px;
    color: #fff;
}

.about-cta p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.86);
}

@media (max-width: 960px) {
    .about-layout {
        grid-template-columns: 1fr;
    }

    .about-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .about-structure-grid,
    .partners-grid {
        grid-template-columns: 1fr;
    }

    .about-sidebar {
        grid-template-columns: 1fr;
    }

    .about-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-cta .btn {
        width: 100%;
    }
}

/* ==========================================================
   PAGE DOMAINES D’INTERVENTION SMD-EAC
   À ajouter à la fin de assets/css/style.css
   ========================================================== */

.domains-hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 1.05rem;
}

.domains-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.domain-card {
    position: relative;
    overflow: hidden;
    padding: 26px;
    border: 1px solid #e4ebf1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(8,57,94,.07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.domain-card:hover {
    transform: translateY(-4px);
    border-color: rgba(11,120,199,.28);
    box-shadow: 0 16px 38px rgba(8,57,94,.12);
}

.domain-card::after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -35px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(24,166,80,.09), transparent 70%);
    pointer-events: none;
}

.domain-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.domain-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #e9f5ff, #e8f6ee);
    color: var(--green);
    font-size: 1.55rem;
}

.domain-number {
    color: rgba(11,120,199,.18);
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1;
}

.domain-card h3 {
    margin: 0 0 10px;
    color: var(--blue2);
    font-size: 1.25rem;
    line-height: 1.35;
}

.domain-card > p {
    margin: 0 0 16px;
    color: #425466;
    line-height: 1.7;
}

.domain-card ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.domain-card li {
    position: relative;
    padding-left: 24px;
    color: #34495e;
    font-size: .94rem;
}

.domain-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--green);
    font-weight: 900;
}

.domains-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 34px;
    border-radius: 22px;
    background: linear-gradient(135deg, #063c72, #0b78c7 60%, #0f8f53);
    color: #fff;
}

.domains-summary span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--yellow);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .8rem;
}

.domains-summary h2 {
    margin: 8px 0 8px;
    color: #fff;
}

.domains-summary p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.86);
}

@media (max-width: 900px) {
    .domains-list {
        grid-template-columns: 1fr;
    }

    .domains-summary {
        flex-direction: column;
        align-items: flex-start;
    }

    .domains-summary .btn {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .domain-card {
        padding: 22px;
    }

    .domain-icon {
        width: 52px;
        height: 52px;
        font-size: 1.35rem;
    }
}

/* ==========================================================
   PAGES CONTACT ET VOLONTARIAT SMD-EAC
   ========================================================== */

.contact-hero p,
.volunteer-hero p {
    max-width: 780px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 1.05rem;
}

.contact-page-grid,
.volunteer-page-grid {
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 42px;
    align-items: start;
}

.contact-information,
.volunteer-information {
    min-width: 0;
}

.contact-kicker,
.volunteer-kicker,
.form-panel-heading > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--green);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.contact-intro h2,
.volunteer-intro h2,
.form-panel-heading h2 {
    margin: 8px 0 12px;
    color: var(--blue2);
    font-size: clamp(1.7rem,3vw,2.35rem);
    line-height: 1.2;
}

.contact-intro p,
.volunteer-intro p,
.form-panel-heading p {
    color: #425466;
    line-height: 1.75;
}

.contact-details,
.volunteer-opportunities {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.contact-detail-card,
.volunteer-opportunities article {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px;
    border: 1px solid #e4ebf1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8,57,94,.055);
}

.contact-detail-icon,
.volunteer-opportunity-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(145deg,#e9f5ff,#e8f6ee);
    color: var(--green);
    font-size: 1.2rem;
}

.contact-detail-icon.whatsapp-icon {
    color: #25d366;
}

.contact-detail-card h3,
.volunteer-opportunities h3 {
    margin: 0 0 4px;
    color: var(--blue2);
    font-size: 1rem;
}

.contact-detail-card p,
.volunteer-opportunities p {
    margin: 0;
    color: #536273;
    line-height: 1.6;
}

.contact-detail-card a {
    color: var(--blue);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.contact-response-note,
.volunteer-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px;
    padding: 20px;
    border-radius: 16px;
    background: #eef7ff;
    color: #24445f;
}

.contact-response-note > i,
.volunteer-note > i {
    margin-top: 4px;
    color: var(--blue);
    font-size: 1.25rem;
}

.contact-response-note strong,
.contact-response-note span,
.volunteer-note strong,
.volunteer-note span {
    display: block;
}

.contact-response-note span,
.volunteer-note span {
    margin-top: 3px;
    color: #536273;
    line-height: 1.55;
}

.contact-form-panel,
.volunteer-form-panel {
    padding: 30px;
    border: 1px solid #e4ebf1;
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--shadow);
}

.enhanced-form {
    margin-top: 24px;
}

.form-group {
    display: grid;
    gap: 7px;
}

.form-group label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #243444;
    font-size: .92rem;
    font-weight: 800;
}

.form-group label i {
    color: var(--green);
}

.form-group input,
.form-group textarea {
    width: 100%;
    border: 1px solid #cad6e0;
    border-radius: 11px;
    padding: 13px 14px;
    background: #fff;
    color: var(--black);
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.form-group textarea {
    min-height: 170px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: var(--blue);
    outline: none;
    box-shadow: 0 0 0 4px rgba(11,120,199,.1);
}

.form-group small {
    color: var(--muted);
    font-size: .8rem;
}

.form-submit-button {
    width: 100%;
    gap: 9px;
    margin-top: 4px;
}

.contact-support-grid,
.volunteer-process-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
}

.contact-support-grid article {
    padding: 24px;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(8,57,94,.06);
}

.contact-support-grid article > i {
    margin-bottom: 13px;
    color: var(--green);
    font-size: 1.65rem;
}

.contact-support-grid h3 {
    margin: 0 0 7px;
    color: var(--blue2);
}

.contact-support-grid p {
    margin: 0;
    color: #536273;
    line-height: 1.65;
}

.volunteer-process-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.volunteer-process-grid article {
    position: relative;
    padding: 25px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(8,57,94,.07);
}

.volunteer-process-grid article > span {
    position: absolute;
    top: 18px;
    right: 20px;
    color: rgba(11,120,199,.15);
    font-size: 1.8rem;
    font-weight: 900;
}

.volunteer-process-grid article > i {
    margin-bottom: 14px;
    color: var(--green);
    font-size: 1.65rem;
}

.volunteer-process-grid h3 {
    margin: 0 0 7px;
    color: var(--blue2);
}

.volunteer-process-grid p {
    margin: 0;
    color: #536273;
    line-height: 1.6;
}

@media (max-width: 960px) {
    .contact-page-grid,
    .volunteer-page-grid {
        grid-template-columns: 1fr;
    }

    .volunteer-process-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .contact-support-grid,
    .volunteer-process-grid {
        grid-template-columns: 1fr;
    }

    .contact-form-panel,
    .volunteer-form-panel {
        padding: 22px;
    }
}

@media (max-width: 600px) {
    .contact-page-grid,
    .volunteer-page-grid {
        gap: 30px;
    }
}

/* ==========================================================
   ONGLET ET PAGE FAIRE UN DON
   À ajouter à la fin de assets/css/style.css
   ========================================================== */

.brand-text strong {
    white-space: nowrap;
}

.nav-donate {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border-radius: 9px;
    background: var(--yellow);
    color: #17212b !important;
    font-weight: 800 !important;
}

.nav-donate:hover,
.nav-donate.active {
    background: #e6bc00;
    color: #111827 !important;
}

.donation-hero p {
    max-width: 780px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 1.05rem;
}

.donation-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 40px;
    align-items: start;
}

.donation-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--green);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.donation-intro h2 {
    margin: 8px 0 12px;
    color: var(--blue2);
    font-size: clamp(1.8rem,3vw,2.5rem);
    line-height: 1.2;
}

.donation-intro > p {
    max-width: 780px;
    color: #425466;
    line-height: 1.75;
}

.donation-impact-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 26px;
}

.donation-impact-grid article {
    padding: 22px;
    border: 1px solid #e4ebf1;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(8,57,94,.06);
}

.donation-impact-grid article > i {
    margin-bottom: 12px;
    color: var(--green);
    font-size: 1.55rem;
}

.donation-impact-grid h3 {
    margin: 0 0 7px;
    color: var(--blue2);
}

.donation-impact-grid p {
    margin: 0;
    color: #536273;
    line-height: 1.6;
}

.donation-security-card {
    position: sticky;
    top: 110px;
    padding: 28px;
    border-radius: 20px;
    background: linear-gradient(145deg,var(--blue2),var(--blue),var(--green));
    color: #fff;
    box-shadow: var(--shadow);
}

.donation-security-card > i {
    font-size: 2.5rem;
    color: var(--yellow);
}

.donation-security-card h3 {
    margin: 12px 0 8px;
    color: #fff;
}

.donation-security-card p {
    color: rgba(255,255,255,.86);
}

.donation-security-card a {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
    color: #fff;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.donation-methods-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.donation-method-card {
    padding: 26px;
    border: 1px solid #e4ebf1;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(8,57,94,.07);
}

.donation-method-icon {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 16px;
    background: #e9f5ff;
    color: var(--blue);
    font-size: 1.6rem;
}

.donation-method-icon.mobile-money {
    background: #e8f6ee;
    color: var(--green);
}

.donation-method-icon.western-union {
    background: #fff8cf;
    color: #a97800;
}

.donation-method-card h3 {
    margin: 0 0 16px;
    color: var(--blue2);
}

.donation-details {
    margin: 0;
}

.donation-details > div {
    padding: 12px 0;
    border-bottom: 1px solid #e7edf3;
}

.donation-details > div:last-child {
    border-bottom: 0;
}

.donation-details dt {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.donation-details dd {
    margin: 4px 0 0;
    color: #243444;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.donation-steps-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.donation-steps-grid article {
    position: relative;
    padding: 24px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(8,57,94,.07);
}

.donation-steps-grid article > span {
    position: absolute;
    top: 16px;
    right: 18px;
    color: rgba(11,120,199,.15);
    font-size: 1.75rem;
    font-weight: 900;
}

.donation-steps-grid article > i {
    margin-bottom: 14px;
    color: var(--green);
    font-size: 1.6rem;
}

.donation-steps-grid h3 {
    margin: 0 0 7px;
    color: var(--blue2);
}

.donation-steps-grid p {
    margin: 0;
    color: #536273;
    line-height: 1.6;
}

.donation-contact-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 30px;
}

.donation-contact-actions .btn {
    gap: 9px;
}

.donation-email-button {
    background: linear-gradient(135deg,var(--blue2),var(--blue));
}

@media (max-width: 1050px) {
    .nav {
        gap: 12px;
    }

    .nav > a {
        font-size: .9rem;
    }

    .donation-methods-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .nav-donate {
        width: 100%;
        justify-content: flex-start;
    }

    .donation-layout {
        grid-template-columns: 1fr;
    }

    .donation-security-card {
        position: static;
    }

    .donation-steps-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .donation-impact-grid,
    .donation-methods-grid,
    .donation-steps-grid {
        grid-template-columns: 1fr;
    }

    .donation-contact-actions {
        flex-direction: column;
    }

    .donation-contact-actions .btn {
        width: 100%;
    }
}
/* ==========================================================
   ADMINISTRATION SMD-EAC
   Fichier : assets/css/admin.css
   ========================================================== */

:root{
    --admin-blue:#073b66;
    --admin-blue-light:#0b78c7;
    --admin-green:#159447;
    --admin-yellow:#f4c430;
    --admin-bg:#f4f7fb;
    --admin-text:#1f2937;
    --admin-muted:#6b7280;
    --admin-border:#e5e7eb;
    --admin-sidebar-width:280px;
}

*{
    box-sizing:border-box;
}

body.admin-body{
    margin:0;
    min-height:100vh;
    background:var(--admin-bg);
    color:var(--admin-text);
    font-family:Arial,Helvetica,sans-serif;
}

.sidebar{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:3000;
    width:var(--admin-sidebar-width);
    display:flex;
    flex-direction:column;
    background:linear-gradient(180deg,#062f52 0%,#073b66 55%,#0b4f83 100%);
    color:#fff;
    box-shadow:12px 0 30px rgba(6,47,82,.16);
    overflow-y:auto;
    transition:transform .25s ease;
}

.sidebar-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:20px 18px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.admin-brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    text-decoration:none;
}

.admin-brand img{
    width:48px;
    height:48px;
    object-fit:contain;
    border-radius:12px;
    background:#fff;
    padding:4px;
}

.admin-brand strong,
.admin-brand small{
    display:block;
}

.admin-brand strong{
    font-size:1.05rem;
}

.admin-brand small{
    margin-top:2px;
    color:rgba(255,255,255,.7);
    font-size:.78rem;
}

.sidebar-close{
    display:none;
    width:38px;
    height:38px;
    border:0;
    border-radius:9px;
    background:rgba(255,255,255,.12);
    color:#fff;
    cursor:pointer;
}

.sidebar-user{
    display:flex;
    align-items:center;
    gap:12px;
    margin:18px;
    padding:14px;
    border-radius:14px;
    background:rgba(255,255,255,.09);
}

.sidebar-user-avatar{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--admin-yellow);
    color:#17212b;
}

.sidebar-user strong,
.sidebar-user small{
    display:block;
}

.sidebar-user strong{
    font-size:.9rem;
}

.sidebar-user small{
    margin-top:3px;
    color:rgba(255,255,255,.66);
    font-size:.72rem;
}

.sidebar-nav{
    display:grid;
    gap:5px;
    padding:0 14px 18px;
}

.sidebar-section-title{
    margin:15px 10px 7px;
    color:rgba(255,255,255,.46);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.sidebar-nav a{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:45px;
    padding:11px 13px;
    border-radius:10px;
    color:rgba(255,255,255,.84);
    text-decoration:none;
    font-size:.9rem;
    font-weight:700;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}

.sidebar-nav a i{
    width:21px;
    text-align:center;
    font-size:1rem;
}

.sidebar-nav a:hover{
    background:rgba(255,255,255,.1);
    color:#fff;
    transform:translateX(2px);
}

.sidebar-nav a.active{
    background:#fff;
    color:var(--admin-blue);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.sidebar-nav a.active::before{
    content:"";
    position:absolute;
    left:-14px;
    width:4px;
    height:26px;
    border-radius:0 5px 5px 0;
    background:var(--admin-yellow);
}

.sidebar-nav .logout-link{
    color:#ffd4d4;
}

.sidebar-nav .logout-link:hover{
    background:rgba(185,28,28,.22);
    color:#fff;
}

.sidebar-footer{
    margin-top:auto;
    padding:18px;
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
}

.sidebar-footer span,
.sidebar-footer small{
    display:block;
}

.sidebar-footer span{
    font-size:.78rem;
}

.sidebar-footer small{
    margin-top:4px;
    color:rgba(255,255,255,.5);
    font-size:.68rem;
}

.admin-main{
    min-height:100vh;
    margin-left:var(--admin-sidebar-width);
}

.admin-top{
    position:sticky;
    top:0;
    z-index:2000;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 26px;
    border-bottom:1px solid var(--admin-border);
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(12px);
}

.admin-top-left{
    display:flex;
    align-items:center;
    gap:14px;
}

.admin-menu{
    display:none;
    width:42px;
    height:42px;
    border:1px solid var(--admin-border);
    border-radius:10px;
    background:#fff;
    color:var(--admin-blue);
    cursor:pointer;
}

.admin-breadcrumb{
    display:block;
    margin-bottom:2px;
    color:var(--admin-muted);
    font-size:.73rem;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.admin-top-left strong{
    display:block;
    color:var(--admin-blue);
    font-size:1.15rem;
}

.admin-top-actions{
    display:flex;
    align-items:center;
    gap:15px;
}

.admin-top-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border:1px solid var(--admin-border);
    border-radius:10px;
    background:#fff;
    color:var(--admin-blue);
    text-decoration:none;
    font-size:.82rem;
    font-weight:700;
}

.admin-profile{
    display:flex;
    align-items:center;
    gap:10px;
}

.admin-profile-avatar{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--admin-blue-light),var(--admin-green));
    color:#fff;
}

.admin-profile strong,
.admin-profile small{
    display:block;
}

.admin-profile strong{
    font-size:.82rem;
}

.admin-profile small{
    margin-top:2px;
    color:var(--admin-green);
    font-size:.7rem;
}

.admin-content{
    padding:26px;
}

.admin-overlay{
    position:fixed;
    inset:0;
    z-index:2500;
    display:none;
    background:rgba(15,23,42,.52);
}

@media (max-width:1000px){
    .sidebar{
        transform:translateX(-100%);
    }

    .sidebar.is-open{
        transform:translateX(0);
    }

    .sidebar-close,
    .admin-menu{
        display:grid;
        place-items:center;
    }

    .admin-main{
        margin-left:0;
    }

    .admin-overlay.is-visible{
        display:block;
    }
}

@media (max-width:650px){
    .admin-top{
        padding:12px 16px;
    }

    .admin-content{
        padding:18px 14px;
    }

    .admin-top-button span,
    .admin-profile div:last-child{
        display:none;
    }

    .admin-top-actions{
        gap:8px;
    }
}