.ucn {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 500;
        height: 64px;
        background: #052e16;
        border-bottom: 1px solid rgba(167, 243, 208, .1);
        display: flex;
        align-items: center;
        padding: 0 20px;
        transition: box-shadow .25s;
    }

    .ucn-in {
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    
    .ucn-logo {
        flex-shrink: 0;
        margin-right: 6px;
        text-decoration: none;
    }

    .ucn-logo img {
        height: 38px;
        object-fit: contain;
        filter: brightness(0)invert(1);
        opacity: .9;
        display: block;
        transition: .2s;
    }

    .ucn-logo:hover img {
        opacity: 1;
    }

    
    .ucn-search {
        flex: 1;
        max-width: 440px;
        position: relative;
        margin: 0 4px;
    }

    .ucn-search-ico {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: rgba(167, 243, 208, .38);
    }

    .ucn-search input {
        width: 100%;
        background: rgba(255, 255, 255, .09);
        border: 1.5px solid rgba(167, 243, 208, .18);
        border-radius: 99px;
        padding: 8px 14px 8px 36px;
        font-size: 13.5px;
        color: #e8f5ee;
        outline: none;
        font-family: 'Inter', sans-serif;
        transition: .2s;
    }

    .ucn-search input::placeholder {
        color: rgba(167, 243, 208, .35);
    }

    .ucn-search input:focus {
        border-color: rgba(167, 243, 208, .5);
        background: rgba(255, 255, 255, .13);
    }

    
    .ucn-right {
        display: flex;
        align-items: center;
        gap: 3px;
        margin-left: auto;
    }

    
    .ucn-creer {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #a7f3d0;
        color: #052e16;
        border-radius: 99px;
        padding: 8px 18px;
        font-size: 13px;
        font-weight: 700;
        border: none;
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
        transition: .2s;
        flex-shrink: 0;
        margin-right: 5px;
    }

    .ucn-creer:hover {
        background: #d1fae5;
        transform: translateY(-1px);
    }

    
    .ucn-ico {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(167, 243, 208, .62);
        transition: .2s;
        text-decoration: none;
        flex-shrink: 0;
    }

    .ucn-ico:hover,
    .ucn-ico.on {
        background: rgba(167, 243, 208, .12);
        color: #a7f3d0;
    }

    .ucn-badge {
        position: absolute;
        top: 3px;
        right: 3px;
        min-width: 16px;
        height: 16px;
        font-size: 9px;
        font-weight: 700;
        border-radius: 99px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 3px;
        color: #fff;
        background: #14532d;
    }

    
    .ucn-lang {
        position: relative;
    }

    .ucn-lang-btn {
        display: flex;
        align-items: center;
        gap: 5px;
        background: transparent;
        border: 1.5px solid rgba(167, 243, 208, .18);
        border-radius: 99px;
        padding: 5px 11px;
        cursor: pointer;
        font-size: 11.5px;
        font-weight: 500;
        color: rgba(167, 243, 208, .65);
        font-family: 'Inter', sans-serif;
        transition: .2s;
    }

    .ucn-lang-btn:hover {
        border-color: rgba(167, 243, 208, .42);
        color: #a7f3d0;
    }

    .ucn-lang-drop {
        position: absolute;
        top: calc(100%+6px);
        right: 0;
        width: 136px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 6px 24px rgba(5, 46, 22, .18);
        border: 1px solid rgba(5, 46, 22, .07);
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-4px);
        transition: .18s;
        z-index: 700;
    }

    .ucn-lang.open .ucn-lang-drop {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }

    .ucn-lang-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 9px 13px;
        font-size: 12.5px;
        color: #0a1a0d;
        text-decoration: none;
        transition: .15s;
    }

    .ucn-lang-item:hover {
        background: rgba(5, 46, 22, .04);
    }

    .ucn-lang-item.cur {
        font-weight: 600;
        color: #052e16;
    }

    
    .ucn-av-wrap {
        position: relative;
    }

    .ucn-av {
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        padding: 4px 10px 4px 4px;
        border-radius: 99px;
        border: 1.5px solid rgba(167, 243, 208, .18);
        transition: .2s;
        user-select: none;
        flex-shrink: 0;
    }

    .ucn-av:hover {
        background: rgba(167, 243, 208, .08);
        border-color: rgba(167, 243, 208, .38);
    }

    .ucn-av-circle {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #14532d;
        border: 2px solid rgba(167, 243, 208, .25);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Playfair Display', serif;
        font-size: 12px;
        font-weight: 700;
        color: #a7f3d0;
        flex-shrink: 0;
        overflow: hidden;
    }

    .ucn-av-circle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ucn-av-name {
        font-size: 13px;
        font-weight: 500;
        color: rgba(167, 243, 208, .82);
        max-width: 72px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ucn-av-arr {
        color: rgba(167, 243, 208, .42);
        transition: transform .2s;
        flex-shrink: 0;
    }

    .ucn-av-wrap.open .ucn-av-arr {
        transform: rotate(180deg);
    }

    
    .ucn-drop {
        position: absolute;
        top: calc(100%+8px);
        right: 0;
        width: 232px;
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 8px 40px rgba(5, 46, 22, .2), 0 1px 4px rgba(0, 0, 0, .06);
        border: 1px solid rgba(5, 46, 22, .07);
        z-index: 600;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-8px);
        transition: opacity .18s, transform .18s;
    }

    .ucn-av-wrap.open .ucn-drop {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }

    .ucn-drop-head {
        padding: 14px 15px 12px;
        border-bottom: 1px solid rgba(5, 46, 22, .06);
        background: #f9faf8;
    }

    .ucn-drop-name {
        font-size: 13.5px;
        font-weight: 700;
        color: #0a1a0d;
    }

    .ucn-drop-email {
        font-size: 11px;
        color: rgba(5, 46, 22, .42);
        margin-top: 1px;
        word-break: break-all;
    }

    .ucn-drop-score {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 7px;
        background: rgba(5, 46, 22, .06);
        border-radius: 99px;
        padding: 3px 9px;
        font-size: 11px;
        font-weight: 600;
        color: #14532d;
    }

    .ucn-drop-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 15px;
        font-size: 13px;
        color: #0a1a0d;
        text-decoration: none;
        transition: .15s;
        border: none;
        background: transparent;
        width: 100%;
        text-align: left;
        cursor: pointer;
        font-family: 'Inter', sans-serif;
    }

    .ucn-drop-item:hover {
        background: rgba(5, 46, 22, .04);
    }

    .ucn-drop-item svg {
        flex-shrink: 0;
        color: rgba(5, 46, 22, .3);
    }

    .ucn-drop-item.admin-link {
        color: #f59e0b;
    }

    .ucn-drop-item.admin-link svg {
        color: #f59e0b;
    }

    .ucn-drop-item.red {
        color: #ef4444;
    }

    .ucn-drop-item.red svg {
        color: #ef4444;
    }

    .ucn-drop-sep {
        height: 1px;
        background: rgba(5, 46, 22, .06);
        margin: 3px 0;
    }

    .ucn-drop-badge {
        margin-left: auto;
        font-size: 9px;
        padding: 1px 6px;
        border-radius: 99px;
    }

    
    .ucn-login {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1.5px solid rgba(167, 243, 208, .3);
        color: #a7f3d0;
        border-radius: 99px;
        padding: 7px 15px;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        transition: .2s;
        white-space: nowrap;
    }

    .ucn-login:hover {
        background: rgba(167, 243, 208, .1);
    }

    @media(max-width:768px) {
        .ucn-search {
            display: none;
        }

        .ucn-av-name {
            display: none;
        }
    }