/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hhp3g29s6a] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-hhp3g29s6a] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sidebar[b-hhp3g29s6a] {
    background-image: linear-gradient(
        180deg,
        rgb(5, 39, 103) 0%,
        #3a0647 70%
    );
}

.top-banner[b-hhp3g29s6a] {
    height: 180px;

    background-image: url('/images/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border-bottom: none;
}

.content[b-hhp3g29s6a] {
    flex: 1;
    padding: 0;
}

.top-row[b-hhp3g29s6a]  a,
.top-row[b-hhp3g29s6a]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-hhp3g29s6a]  a:hover,
.top-row[b-hhp3g29s6a]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-hhp3g29s6a]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {

    .top-row[b-hhp3g29s6a] {
        justify-content: space-between;
    }

    .top-row[b-hhp3g29s6a]  a,
    .top-row[b-hhp3g29s6a]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {

    .page[b-hhp3g29s6a] {
        flex-direction: row;
    }

    .sidebar[b-hhp3g29s6a] {
        width: 250px;
        min-height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hhp3g29s6a] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hhp3g29s6a]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-hhp3g29s6a] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-hhp3g29s6a] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-unpkahvbqh] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-unpkahvbqh] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-unpkahvbqh] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-unpkahvbqh] {
    font-size: 1.1rem;
}

.bi[b-unpkahvbqh] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.nav-item[b-unpkahvbqh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-unpkahvbqh] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-unpkahvbqh] {
    padding-bottom: 1rem;
}

.nav-item[b-unpkahvbqh]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    box-sizing: border-box;
}

.nav-item[b-unpkahvbqh]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-unpkahvbqh]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/* Mobile */

.nav-scrollable[b-unpkahvbqh] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-unpkahvbqh] {
    display: block;
}

/* League submenu */

.submenu-link[b-unpkahvbqh] {
    padding-left: 3rem !important;
    font-size: 0.95rem;
}

/* Desktop */

@media (min-width: 641px) {

    .navbar-toggler[b-unpkahvbqh] {
        display: none;
    }

    .nav-scrollable[b-unpkahvbqh] {
        display: block;
        height: auto;
        overflow: visible;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8df8napycs],
.components-reconnect-repeated-attempt-visible[b-8df8napycs],
.components-reconnect-failed-visible[b-8df8napycs],
.components-pause-visible[b-8df8napycs],
.components-resume-failed-visible[b-8df8napycs],
.components-rejoining-animation[b-8df8napycs] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-8df8napycs],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-8df8napycs],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-8df8napycs],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-8df8napycs],
#components-reconnect-modal.components-reconnect-retrying[b-8df8napycs],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-8df8napycs],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-8df8napycs],
#components-reconnect-modal.components-reconnect-failed[b-8df8napycs],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-8df8napycs] {
    display: block;
}


#components-reconnect-modal[b-8df8napycs] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-8df8napycs 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-8df8napycs 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-8df8napycs 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-8df8napycs]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-8df8napycs 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-8df8napycs {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-8df8napycs {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-8df8napycs {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-8df8napycs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-8df8napycs] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-8df8napycs] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-8df8napycs] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-8df8napycs] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-8df8napycs] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-8df8napycs] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-8df8napycs 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-8df8napycs] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-8df8napycs {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ClubFacilities.razor.rz.scp.css */

.facility-grid[b-g5x1uekdna] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    margin-top: 30px;
}

.facility-card[b-g5x1uekdna] {
    background: #1c1f24;
    border: 1px solid #333;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(0,0,0,.35);
    transition: .2s;
}

.facility-card:hover[b-g5x1uekdna] {
    transform: translateY(-4px);
    border-color: #4caf50;
}

.facility-image[b-g5x1uekdna] {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

.facility-content[b-g5x1uekdna] {
    padding: 18px;
}

.facility-content h3[b-g5x1uekdna] {
    margin: 0;
    color: white;
    font-size: 1.35rem;
    font-weight: 700;
}

.facility-level[b-g5x1uekdna] {
    color: #7ad67a;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 18px;
}

.facility-row[b-g5x1uekdna] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.facility-row span[b-g5x1uekdna] {
    color: #bdbdbd;
}

.facility-row strong[b-g5x1uekdna] {
    color: white;
}

.facility-content button[b-g5x1uekdna] {
    margin-top: 20px;
}
/* /Components/Pages/Developer/Developer.razor.rz.scp.css */
.subtitle[b-lueu0x80ls] {
    color: #999;
    margin-bottom: 30px;
}

.tool-grid[b-lueu0x80ls] {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.tool-card[b-lueu0x80ls] {
    width: 320px;
    background: #222;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #444;
}

.tool-card h3[b-lueu0x80ls] {
    margin-bottom: 10px;
}

.tool-card p[b-lueu0x80ls] {
    color: #bbb;
    min-height: 70px;
}
/* /Components/Pages/Developer/ResolutionTester.razor.rz.scp.css */
/* /Components/Pages/Finance.razor.rz.scp.css */
.manager-settings-page[b-aafw2disla] {
    max-width: 1750px;
    margin: 0 auto;
    padding: 30px;
}

.finance-page[b-aafw2disla] {
    padding: 35px;
}

/* Dashboard tiles */

.finance-page .home-dashboard[b-aafw2disla] {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 24px;

    margin-bottom: 40px;
}

.finance-page .esm-dashboard-tile[b-aafw2disla] {

    padding: 24px;

    min-height: 170px;
}

.finance-page .esm-dashboard-title[b-aafw2disla] {

    font-size: 1.2rem;

    margin-bottom: 20px;
}

.finance-page .esm-dashboard-value[b-aafw2disla] {

    font-size: 2.8rem;
}

/* Transactions */

.finance-page .position-section[b-aafw2disla] {

    margin-top: 10px;
}

/* ===================================
   DASHBOARD VALUES
=================================== */

.balance-value[b-aafw2disla] {

    color: #64d66a;

}

.squad-value[b-aafw2disla] {

    color: #d4af37;

}

.wages-value[b-aafw2disla] {

    color: #ff7272;

}

.networth-value[b-aafw2disla] {

    color: #72b7ff;

}

/* ===================================
   TRANSACTIONS
=================================== */

.finance-page .position-title[b-aafw2disla] {

    margin-bottom: 25px;

}

.finance-page .squad-table th[b-aafw2disla] {

    text-align: left;

}

.finance-page .squad-table td[b-aafw2disla] {

    padding: 14px 10px;

}

.finance-page .squad-table td:last-child[b-aafw2disla],
.finance-page .squad-table th:last-child[b-aafw2disla] {

    text-align: right;

}

.finance-page .squad-table td:nth-last-child(2)[b-aafw2disla],
.finance-page .squad-table th:nth-last-child(2)[b-aafw2disla] {

    text-align: right;

}

.no-transactions[b-aafw2disla] {

    padding: 60px;

    text-align: center;

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

    font-style: italic;

}

.finance-transactions[b-aafw2disla] {

    margin-top: 30px;

    padding: 30px;

}

.finance-transactions .position-title[b-aafw2disla] {

    margin-bottom: 25px;

    color: #d4af37;

    border-bottom: 2px solid rgba(212,175,55,.25);

    padding-bottom: 12px;

}

.finance-transactions .squad-table[b-aafw2disla] {

    width: 100%;

}

.finance-transactions .squad-table th[b-aafw2disla] {

    color: #d4af37;

    font-size: .9rem;

    text-transform: uppercase;

}

.finance-transactions .squad-table td[b-aafw2disla] {

    padding: 16px 10px;

}

.no-transactions[b-aafw2disla] {

    padding: 45px !important;

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

    font-style: italic;

    text-align: center;

}
/* ===========================
   Empty transaction history
   =========================== */

.empty-finance-state[b-aafw2disla] {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 70px 20px;

}

.empty-finance-icon[b-aafw2disla] {

    font-size: 3.5rem;

    margin-bottom: 18px;

    opacity: .9;

}

.empty-finance-title[b-aafw2disla] {

    color: white;

    font-size: 1.35rem;

    font-weight: 700;

    margin-bottom: 12px;

}

.empty-finance-text[b-aafw2disla] {

    max-width: 520px;

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

    text-align: center;

    line-height: 1.7;

    font-size: .95rem;

}

.no-transactions[b-aafw2disla] {

    padding: 0 !important;

    border-bottom: none !important;

}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-container[b-exv61dwhvl] {

    max-width: 1100px;

    margin: auto;

    padding: 40px;
}

.home-header[b-exv61dwhvl] {

    text-align: center;

    margin-bottom: 40px;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}

.club-title[b-exv61dwhvl] {

    font-family: "GreatVibes-Regular";

    font-size: 4rem;

    color: white;

    margin-bottom: 10px;
}

.manager-label[b-exv61dwhvl] {

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

    text-transform: uppercase;

    letter-spacing: .15rem;

    margin-bottom: 10px;
}

.manager-name[b-exv61dwhvl] {

    color: white;

    font-size: 2rem;

    margin-bottom: 0;
}


.home-panels[b-exv61dwhvl] {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

    margin-bottom: 50px;
}
.home-dashboard[b-exv61dwhvl] {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 24px;

    max-width: 900px;

    margin: 35px auto;
}

.home-container[b-exv61dwhvl] {

    max-width: 1100px;

    margin: 0 auto;

    padding: 40px;
}

.home-header[b-exv61dwhvl] {

    text-align: center;

    margin-bottom: 40px;
}

.home-dashboard[b-exv61dwhvl] {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 24px;

    max-width: 900px;

    margin: 30px auto;
}

.club-title[b-exv61dwhvl] {

    font-family: "GreatVibes-Regular";

    color: white;

    font-size: 4rem;

    margin-bottom: 10px;
}

.manager-label[b-exv61dwhvl] {

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

    text-transform: uppercase;

    letter-spacing: .1rem;

    margin-bottom: 10px;
}

.manager-name[b-exv61dwhvl] {

    color: white;

    font-size: 2rem;
}

.club-link[b-exv61dwhvl] {

    display: block;

    color: #d4af37;

    text-decoration: none;

    margin: 12px 0;

    font-weight: bold;
}

.club-link:hover[b-exv61dwhvl] {

    text-decoration: underline;
}

.fixtures-title[b-exv61dwhvl] {

    text-align: center;

    color: white;

    letter-spacing: .25rem;

    text-transform: uppercase;

    margin: 50px 0 35px;
}

.matchday-label[b-exv61dwhvl] {

    color: #d4af37;

    font-size: .85rem;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .08rem;

    text-align: center;

    margin-bottom: 12px;
}
.dashboard-link[b-exv61dwhvl] {

    display: block;

    text-decoration: none;

    color: inherit;
}

.esm-dashboard-tile[b-exv61dwhvl] {
    transition: all .2s ease;
}

.esm-dashboard-tile:hover[b-exv61dwhvl] {
    transform: translateY(-2px);
}

.dashboard-alert[b-exv61dwhvl] {
    border: 1px solid rgba(212,175,55,.6);

    box-shadow:
        0 0 15px rgba(212,175,55,.35),
        0 0 35px rgba(212,175,55,.15);
}
/* /Components/Pages/Lineup.razor.rz.scp.css */
.lineup-page[b-bjz3ugvl2r]{
    max-width:1600px;
    margin:auto;
    padding:20px;
}

.toolbar[b-bjz3ugvl2r]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.toolbar-buttons[b-bjz3ugvl2r]{
    display:flex;
    gap:10px;
}

.toolbar button[b-bjz3ugvl2r]{
    padding:10px 18px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    background:#2b2b2b;
    color:white;
    font-weight:600;
}

.pitch-container[b-bjz3ugvl2r]{
    position:relative;
    width:100%;
}

.pitch-image[b-bjz3ugvl2r]{
    width:100%;
    border-radius:20px;
    display:block;
}

.position-slot[b-bjz3ugvl2r]{

    position:absolute;

    transform:translate(-50%,-50%);

    width:100px;
    height:60px;

    border-radius:14px;

    background:rgba(36,36,36,.88);

    border:2px solid rgba(255,255,255,.15);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:white;

    transition:.2s;

    cursor:pointer;

    backdrop-filter:blur(5px);

    box-shadow:0 8px 20px rgba(0,0,0,.45);

}

.position-slot:hover[b-bjz3ugvl2r]{

    transform:translate(-50%,-55%) scale(1.04);

    box-shadow:0 16px 32px rgba(0,0,0,.55);

}

.slot-position[b-bjz3ugvl2r]{

    font-size:11px;

    letter-spacing:1px;

    opacity:.65;

}

.slot-player[b-bjz3ugvl2r]{

    font-size:18px;

    font-weight:700;

}

.bench[b-bjz3ugvl2r]{

    margin-top:0px;

}

.bench-list[b-bjz3ugvl2r]{

    display:flex;

    gap:12px;

    overflow-x:auto;

    padding-bottom:8px;

}

.bench-player[b-bjz3ugvl2r]{

    position:absolute;

    transform:translate(-50%, -50%);

    width:100px;
    height:60px;

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

    background:rgba(36,36,36,.88);

    border:2px solid rgba(255,255,255,.12);

    border-radius:10px;

    color:white;

    font-size:18px;

    font-weight:700;

    transition:.2s;
}

.bench-player:hover[b-bjz3ugvl2r]{

    transform:translate(-50%,-50%) scale(1.04);

}

.available-players[b-bjz3ugvl2r]{

    margin-top:30px;

    width:100%;

    background:rgba(30,30,30,.92);

    border-radius:12px;

    padding:20px;

    color:white;
}

.available-players h3[b-bjz3ugvl2r]{

    margin-bottom:15px;

    font-size:18px;
}

.available-player[b-bjz3ugvl2r]{

    display:flex;

    align-items:center;

    gap:14px;

    padding:8px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

    cursor:pointer;

    transition:.15s;
}

.available-player:hover[b-bjz3ugvl2r]{

    color:#63ff63;

    padding-left:8px;
}

.available-ovr[b-bjz3ugvl2r]{

    width:36px;

    font-weight:700;

    color:#FFD54F;
}

.available-name[b-bjz3ugvl2r]{

    flex:1;

    font-weight:600;
}

.available-position[b-bjz3ugvl2r]{

    opacity:.7;
}
/* /Components/Pages/ManagerSettings.razor.rz.scp.css */
.manager-settings-page[b-of0xylo8gp] {
    width: 100%;
    min-height: calc(100vh - 180px);

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

    padding: 40px;
}

.settings-panel[b-of0xylo8gp] {
    width: 100%;
    max-width: 700px;

    background: rgba(15,15,15,.88);

    border: 1px solid rgba(255,255,255,.10);

    border-radius: 16px;

    padding: 40px;

    box-shadow: 0 0 30px rgba(0,0,0,.45);
}

.settings-panel h1[b-of0xylo8gp] {
    color: white !important;

    text-align: center;

    margin-bottom: 40px;

    font-size: 2.3rem;
}

.settings-panel h2[b-of0xylo8gp] {
    color: white !important;

    font-size: 1.2rem;

    margin-bottom: 20px;
}

.settings-panel label[b-of0xylo8gp] {
    color: white !important;

    display: block;

    margin-bottom: 8px;

    font-weight: 600;

    text-align: left;
}

.settings-section[b-of0xylo8gp] {
    margin-bottom: 40px;
}

.form-control[b-of0xylo8gp],
.form-select[b-of0xylo8gp] {
    margin-bottom: 20px;

    background: white;

    color: #333;
}

.settings-note[b-of0xylo8gp] {
    color: rgba(255,255,255,.75) !important;

    font-size: .9rem;

    line-height: 1.5;
}

.save-button[b-of0xylo8gp] {
    width: 100%;

    margin-top: 20px;

    padding: 14px;

    border: none;

    border-radius: 10px;

    background: #d4af37;

    color: black;

    font-size: 1rem;

    font-weight: bold;

    cursor: pointer;

    transition: .2s;
}

.save-button:hover[b-of0xylo8gp] {
    background: #e6c75a;
}
/* /Components/Pages/PlayerProfile.razor.rz.scp.css */
.profile-page[b-ft3d9h93no] {
    width: 100%;
    min-height: calc(100vh - 180px);

    background-color: #000;

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

    padding: 0;
    margin: 0;
}

.profile-canvas[b-ft3d9h93no] {
    position: relative;

    width: 100%;
    max-width: 1672px;

    aspect-ratio: 1672 / 941;

    background-image: url('/images/playerprofilebg.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;

    flex-shrink: 0;
}

.profile-overlay[b-ft3d9h93no] {
    position: absolute;
    inset: 0;

    color: white;
    font-family: Arial, sans-serif;
}

/* =========================
   PLAYER
   ========================= */

.player-name[b-ft3d9h93no] {
    position: absolute;

    top: 3%;
    left: 65%;

    width: 30%;
    height: 22%;

    padding-top: 10px;

    text-align: left;

    overflow: hidden;
}

.player-first-name[b-ft3d9h93no] {
    font-family: 'GreatVibes-Regular', sans-serif;

    font-size: 60px;

    line-height: 1;

    opacity: 0.9;
}

.player-last-name[b-ft3d9h93no] {
    font-family: 'GreatVibes-Regular', sans-serif;

    font-size: 84px;

    font-weight: bold;

    line-height: 0.9;
}

.age-value[b-ft3d9h93no] {
    position: absolute;

    top: 11.0%;
    left: 12%;

    font-size: 1.2vw;
    font-weight: bold;
}

/* =========================
   ALL LEFT-SIDE VALUES
   ========================= */

.acceleration[b-ft3d9h93no],
.pace[b-ft3d9h93no],
.dribbling[b-ft3d9h93no],
.passing[b-ft3d9h93no],
.shooting[b-ft3d9h93no],
.marking[b-ft3d9h93no],
.tackling[b-ft3d9h93no],
.goalkeeping[b-ft3d9h93no],
.intelligence[b-ft3d9h93no],
.strength[b-ft3d9h93no],
.appearances[b-ft3d9h93no],
.goals[b-ft3d9h93no],
.assists[b-ft3d9h93no] {
    position: absolute;

    left: 23%;

    font-size: 1vw;
    font-weight: bold;
}

/* =========================
   TRAINABLE
   ========================= */

.acceleration[b-ft3d9h93no] { top: 22.0%; }
.pace[b-ft3d9h93no]         { top: 26.0%; }
.dribbling[b-ft3d9h93no]    { top: 30.1%; }
.passing[b-ft3d9h93no]      { top: 34.2%; }
.shooting[b-ft3d9h93no]     { top: 38.3%; }
.marking[b-ft3d9h93no]      { top: 42.5%; }
.tackling[b-ft3d9h93no]     { top: 46.5%; }
.goalkeeping[b-ft3d9h93no]  { top: 50.5%; }

/* =========================
   NATURAL
   ========================= */

.intelligence[b-ft3d9h93no] { top: 61.5%; }
.strength[b-ft3d9h93no]     { top: 65.5%; }

/* =========================
   CAREER
   ========================= */

.appearances[b-ft3d9h93no]  { top: 77.0%; }
.goals[b-ft3d9h93no]        { top: 81.5%; }
.assists[b-ft3d9h93no]      { top: 85.5%; }

/* =========================
   RIGHT TILES
   ========================= */

.nationality-value[b-ft3d9h93no] {
    position: absolute;

    top: 40%;
    left: 76%;

    width: 8%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nationality-flag[b-ft3d9h93no] {
    width: 64px;
    height: auto;

    margin-bottom: 6px;
}

.nationality-name[b-ft3d9h93no] {
    font-size: 16px;
    font-weight: bold;

    text-align: center;
    white-space: nowrap;
}

.exp-value[b-ft3d9h93no] {
    position: absolute;

    top: 40%;
    left: 91%;

    font-size: 4.0vw;
    font-weight: bold;
}

/* =========================
   BOTTOM TILES
   ========================= */

.potential-value[b-ft3d9h93no] {
    position: absolute;

    top: 84.5%;
    left: 38%;

    font-size: 2.3vw;
    font-weight: bold;
}

.stamina-value[b-ft3d9h93no] {
    position: absolute;

    top: 84.5%;
    left: 57%;

    font-size: 2.3vw;
    font-weight: bold;
}

.fitness-value[b-ft3d9h93no] {
    position: absolute;

    top: 84.5%;
    left: 77%;

    font-size: 2.3vw;
    font-weight: bold;
}
.stat-row[b-ft3d9h93no] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.train-button[b-ft3d9h93no] {
    padding: 2px 8px;
    border: none;
    border-radius: 6px;

    background: #d4af37;
    color: black;

    font-size: 0.65vw;
    font-weight: bold;

    cursor: pointer;

    transition: .15s;
}

.train-button:hover[b-ft3d9h93no] {
    transform: scale(1.05);
}

.train-button:disabled[b-ft3d9h93no] {
    opacity: .4;
    cursor: not-allowed;
}
/* /Components/Pages/Squad.razor.rz.scp.css */
.manager-settings-page[b-q59w07vaqn] {
    max-width: 1750px;
    margin: 0 auto;
    padding: 30px;
}

.squad-page[b-q59w07vaqn] {
    padding: 35px;
}

.squad-team-name[b-q59w07vaqn] {
    text-align: center;
    color: white;
    font-size: 2rem;
    margin: -10px 0 35px;
}

.home-dashboard[b-q59w07vaqn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-bottom: 45px;
}

.position-section[b-q59w07vaqn] {

    margin-top: 35px;

    padding: 25px;

    background: rgba(15,15,15,.55);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 14px;

}

.position-title[b-q59w07vaqn] {

    display:flex;

    align-items:center;

    gap:10px;

    color:#d4af37;

    font-size:1.35rem;

    font-weight:700;

    margin-bottom:22px;

}

.squad-table[b-q59w07vaqn] {
    width: 100%;
    border-collapse: collapse;
    color: white;
    font-size: .86rem;
}

.squad-table thead th[b-q59w07vaqn] {
    color: #d4af37;
    font-weight: 700;
    padding: 12px 8px;
    border-bottom: 2px solid rgba(212,175,55,.30);
    white-space: nowrap;
}

.squad-table td[b-q59w07vaqn] {
    padding: 11px 8px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    text-align: center;
}

.squad-table tbody tr:hover[b-q59w07vaqn] {

    background: rgba(212,175,55,.08);

}

.squad-table th:first-child[b-q59w07vaqn],
.squad-table td:first-child[b-q59w07vaqn] {
    text-align: left;
    width: 220px;
}

.squad-table td:first-child a[b-q59w07vaqn] {

    color: white;

    text-decoration: none;

    font-weight: 700;

    transition: .15s;

}

.squad-table td:first-child a:hover[b-q59w07vaqn] {

    color: #d4af37;

}

.player-cell[b-q59w07vaqn] {

    display: flex;

    align-items: center;

    gap: 10px;

}

.player-flag[b-q59w07vaqn] {

    width: 22px;

    height: 16px;

    object-fit: cover;

    border-radius: 2px;

    border: 1px solid rgba(255,255,255,.25);

    flex-shrink: 0;

}



.transfer-button[b-q59w07vaqn] {

    width: 90px;

    height: 30px;

    padding: 0;

    background: rgba(212,175,55,.12);

    color: #d4af37;

    border: 1px solid rgba(212,175,55,.35);

    border-radius: 6px;

    font-size: .72rem;

    font-weight: 700;

    cursor: pointer;

    transition: .15s;
}

.transfer-button:hover[b-q59w07vaqn] {

    background: #d4af37;

    color: black;

}

.stat-elite[b-q59w07vaqn] {
    color: #ffd700 !important;
    font-weight: 700;
}

.stat-excellent[b-q59w07vaqn] {
    color: #f0c94b !important;
    font-weight: 700;
}

.stat-good[b-q59w07vaqn] {
    color: #ffffff !important;
}

.stat-average[b-q59w07vaqn] {
    color: #9fd8ff !important;
}

.stat-poor[b-q59w07vaqn] {
    color: #888 !important;
}

.fitness-good[b-q59w07vaqn] {
    color: #42d67b !important;
    font-weight: 700;
}

.fitness-medium[b-q59w07vaqn] {
    color: #f2c94c !important;
    font-weight: 700;
}

.fitness-poor[b-q59w07vaqn] {
    color: #ff6b6b !important;
    font-weight: 700;
}
/* /Components/Pages/TeamProfile.razor.rz.scp.css */
.team-page[b-lppryqieox] {
    width: 100%;
    min-height: calc(100vh - 180px);

    background-color: #000;

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

    padding: 0;
    margin: 0;
}

.team-canvas[b-lppryqieox] {
    position: relative;

    width: 100%;
    max-width: 1672px;

    aspect-ratio: 1672 / 941;

    background-image: url('/images/teambackground.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;

    flex-shrink: 0;
}

.team-overlay[b-lppryqieox] {
    position: absolute;
    inset: 0;

    color: white;
    font-family: Arial, sans-serif;
}

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

.club-logo[b-lppryqieox] {
    position: absolute;

    top: 8%;
    left: 8%;

    width: 11%;
    aspect-ratio: 1;

    object-fit: contain;
}

.stadium-value[b-lppryqieox] {
    position: absolute;

    top: 28.7%;
    left: 6%;

    font-size: 1.0vw;
    font-weight: bold;

    color: white;
}

.country-value[b-lppryqieox] {
    position: absolute;

    top: 22.5%;
    left: 6%;

    font-size: 1.0vw;
    font-weight: bold;

    color: white;
}

.reputation-value[b-lppryqieox] {
    position: absolute;

    top: 40.5%;
    left: 6%;

    font-size: 1.2vw;
    font-weight: bold;

    color: #FFD700;

    letter-spacing: 0.08em;
}
/* =========================
   LEAGUE
   ========================= */

.league-position[b-lppryqieox] {
    position: absolute;

    top: 27%;
    left: 46%;

    width: 10%;

    text-align: center;

    font-size: 3.2vw;
    font-weight: bold;

    color: white;
}

.fixture-home[b-lppryqieox] {
    position: absolute;

    top: 35%;
    left: 57%;

    width: 22%;

    text-align: center;

    font-size: 0.6vw;
    font-weight: bold;

    color: white;
}

.fixture-away[b-lppryqieox] {
    position: absolute;

    top: 35%;
    left: 68%;

    width: 22%;

    text-align: center;

    font-size: 0.6vw;
    font-weight: bold;

    color: white;
}

.fixture-matchday[b-lppryqieox] {
    position: absolute;

    top: 19%;
    left: 68.2%;

    width: 22%;

    text-align: center;

    font-size: .85vw;

    color: rgba(255,255,255,.75);
}
/* =========================
   KEY PLAYERS
   ========================= */

.best-player[b-lppryqieox],
.top-scorer[b-lppryqieox],
.most-assists[b-lppryqieox],
.highest-potential[b-lppryqieox] {
    position: absolute;

    width: 18%;

    text-align: center;

    color: white;

    font-size: 0.95vw;
    font-weight: 600;

    z-index: 10;
}

.best-player[b-lppryqieox] {
    top: 50.4%;
    left: 49%;
}

.top-scorer[b-lppryqieox] {
    top: 55.5%;
    left: 49%;
}

.most-assists[b-lppryqieox] {
    top: 61.5%;
    left: 49%;
}

.highest-potential[b-lppryqieox] {
    top: 67%;
    left: 49%;
}
/* =========================
   RECENT FORM
   ========================= */

.result-letter[b-lppryqieox] {
    position: absolute;

    width: 3%;

    text-align: center;

    font-size: 1.4vw;
    font-weight: bold;
}

.result-letter.W[b-lppryqieox] {
    color: #4CAF50;
}

.result-letter.D[b-lppryqieox] {
    color: #FFC107;
}

.result-letter.L[b-lppryqieox] {
    color: #F44336;
}

.result-1[b-lppryqieox] {
    top: 84%;
    left: 23.6%;
}

.result-2[b-lppryqieox] {
    top: 84%;
    left: 37.5%;
}

.result-3[b-lppryqieox] {
    top: 84%;
    left: 51.5%;
}

.result-4[b-lppryqieox] {
    top: 84%;
    left: 66%;
}

.result-5[b-lppryqieox] {
    top: 84%;
    left: 80%;
}
.result-opponent[b-lppryqieox] {
    position: absolute;

    width: 6%;

    text-align: center;

    color: white;

    font-size: 0.55vw;
}
.opponent-1[b-lppryqieox] {
    top: 91%;
    left: 22.5%;
}

.opponent-2[b-lppryqieox] {
    top: 91%;
    left: 37.5%;
}

.opponent-3[b-lppryqieox] {
    top: 91%;
    left: 50.5%;
}

.opponent-4[b-lppryqieox] {
    top: 91%;
    left: 65%;
}

.opponent-5[b-lppryqieox] {
    top: 91%;
    left: 79%;
}
.club-name[b-lppryqieox] {
    position: absolute;

    top: 2%;
    left: 63%;

    transform: translateX(-50%);

    font-family: 'GreatVibes-Regular', cursive;

    font-size: 5.2vw;

    font-weight: normal;

    color: rgb(238, 7, 7);

    letter-spacing: 0.02em;

    text-align: center;

    white-space: nowrap;

    text-shadow:
        0 0 8px rgba(0,0,0,0.8),
        0 2px 4px rgba(0,0,0,0.9);
}
.manager-value[b-lppryqieox] {
    position: absolute;

    top: 16.4%;
    left: 6%;

    font-size: 1vw;
    font-weight: bold;

    color: white;
}

.message-link[b-lppryqieox] {

    margin-left: 18px;

    color: #d4af37;

    text-decoration: none;

    font-size: .85vw;

    font-weight: 600;

    transition: .2s;
}

.message-link:hover[b-lppryqieox] {

    color: white;

    text-decoration: underline;
}
/* /Components/Shared/LineupPlayerCard.razor.rz.scp.css */
.lineup-player-card[b-ifh0uocrds] {

    position: relative;

    width: 105px;
    height: 70px;

    background: rgba(30,30,30,.92);

    border: 2px solid rgba(255,255,255,.10);

    border-radius: 10px;

    display: flex;
    flex-direction: column;

    justify-content: space-between;

    padding: 6px;

    color: white;

    transition: .15s;
}

.lineup-player-card:hover[b-ifh0uocrds] {

    transform: scale(1.05);

    border-color: #6ecb63;
}

.lineup-player-card.selected[b-ifh0uocrds] {

    border:2px solid #63ff63;

    box-shadow:
        0 0 10px rgba(99,255,99,.6),
        0 0 25px rgba(99,255,99,.35);

    transform:scale(1.05);
}

.overall[b-ifh0uocrds] {

    font-size:20px;

    font-weight:700;

    line-height:20px;
}

.country[b-ifh0uocrds] {

    position:absolute;

    right:8px;

    top:6px;
}

.flag[b-ifh0uocrds]{

    width:18px;

    height:13px;

    object-fit:cover;

    border-radius:2px;
}

.name[b-ifh0uocrds] {

    text-align:center;

    font-size:12px;

    font-weight:600;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}

.position[b-ifh0uocrds] {

    text-align:center;

    font-size:11px;

    opacity:.75;
}

.empty-state[b-ifh0uocrds] {

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;
}

.empty-text[b-ifh0uocrds] {

    margin-top:6px;

    opacity:.55;
}
/* /Components/Shared/MessageModal.razor.rz.scp.css */
.message-title[b-04e4n679uk] {

    text-align: center;

    margin-bottom: 30px;

    color: #d4af37;
}

.recipient-box[b-04e4n679uk] {

    background: rgba(255,255,255,.05);

    border: 1px solid rgba(212,175,55,.25);

    border-radius: 12px;

    padding: 18px;

    margin-bottom: 30px;
}

.recipient-name[b-04e4n679uk] {

    color: white;

    font-size: 1.25rem;

    font-weight: bold;
}

.recipient-subtitle[b-04e4n679uk] {

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

    margin-top: 6px;
}

.message-field[b-04e4n679uk] {

    margin-bottom: 22px;
}

.message-field label[b-04e4n679uk] {

    display: block;

    margin-bottom: 8px;

    color: white;

    font-weight: 600;
}

.message-body[b-04e4n679uk] {

    width: 100%;

    min-height: 280px;

    resize: none;
}

.message-buttons[b-04e4n679uk] {

    display: flex;

    justify-content: flex-end;

    gap: 15px;

    margin-top: 30px;
}

.message-input[b-04e4n679uk] {

    display: block;

    width: 100% !important;

    max-width: 100%;

    box-sizing: border-box;
}

.message-body[b-04e4n679uk] {

    width: 100% !important;

    min-height: 280px;

    resize: vertical;
}
/* /Components/Shared/PlayerSlot.razor.rz.scp.css */
.player-slot[b-uwgqkp6o81]{

    width:100px;
    height:60px;

    background:rgba(36,36,36,.88);

    border-radius:10px;

    border:2px solid rgba(255,255,255,.12);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    transition:.2s;

    color:white;

}

.player-slot:hover[b-uwgqkp6o81]{

    transform:scale(1.04);

}

.slot-position[b-uwgqkp6o81]{

    font-size:11px;

    opacity:.65;

    letter-spacing:1px;

}

.slot-ovr[b-uwgqkp6o81]{

    font-size:22px;

    font-weight:bold;

}

.slot-name[b-uwgqkp6o81]{

    font-size:12px;

}

.slot-empty[b-uwgqkp6o81]{

    font-size:15px;

}
