@font-face {
    font-family: "Beausite Classic Regular";
    src: url("../fonts/Beausite.eot");
    src: url("../fonts/Beausite-1.eot")format("embedded-opentype"),
        url("../fonts/Beausite-2.eot")format("woff"),
        url("../fonts/Beausite.woff2")format("woff2"),
        url("../fonts/Beausite.ttf")format("truetype");
    font-weight: normal;
    font-style: classic;
    font-display: swap;
}

* {
    box-sizing: border-box
}

.family {
    font-family: "Beausite Classic Regular" !important;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.player-img {
    height: 24px;
    width: 24px;
    margin-top: -8px;
}

.playerImgForum {
    height: 36px;
    width: 36px;
}

a {
    text-decoration: none !important;
}

.text-F4D5A9 {
    color: #F4D5A9 !important;
}

.text-F4D5A9 {
    color: #F4D5A9 !important;
}

.text-cc793c {
    color: #cc793c !important;
}

.text-cc793c:hover {
    color: #F4D5A9 !important;
}

.text-b5a185 {
    color: #b5a185 !important;
}

.text-A18C76 {
    color: #A18C76 !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 12px !important;
}


.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}


.ms--10 {
    margin-left: -25px;
}

.ms---10 {
    margin-left: -6%;
}

.mt--5 {
    margin-top: -5px;
}

.mt--20 {
    margin-top: -20px;
}

.mt--30 {
    margin-top: -30px;
}

.mt--50 {
    margin-top: -50px;
}

.mt--60 {
    margin-top: -60px;
}

.mt--100 {
    margin-top: -100px;
}

.opacity-70 {
    opacity: 70%;
}

.rocks-left img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.rocks-right img {
    position: absolute;
    top: 0;
    right: 0;
}

body {
	 background: url(../img/background.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-color: #100B0C;
    font-family: "Beausite Classic Regular" !important;
}

/* server_id 2 olduğunda farklı arka plan ve fixed özellik */
body.server-2 {
    background: url(../img/background-asgard.jpg) no-repeat center fixed;
}

@media (max-width:768px) {
    body {
	 background: url(../img/mbackground.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
        background-color: #2c2827!important;
        font-family: "Beausite Classic Regular" !important;
    }

}

header {
    background-color: #100B0C;
    background-image: url("../img/header-bg.png");
    opacity: 100%;
    z-index: 999;
}

.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-left: -5px;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 64px;
    padding-right: 7px;
    padding-bottom: 10px;
    border: 1px solid #1b191536;
    background-color: #1b191596;
    z-index: 1;
    margin-left: 119px;
    border-radius: 16px;
}

.dropdown-content a {
    padding: 1px 0px 1px 0px;
    text-decoration: none;
    display: block;
    margin-left: -120px;
}


.dropdown:hover .dropdown-content {
    display: block;
}

.logoStyle {
    margin-top: 11px;
    width: 48px;
    height: 48px;
    margin-right: 50px;
}

.flagBGStyle {
    margin-top: 11px;
    margin-left: 121px;
    width: 48px;
    height: 48px;
}

.logomobile {
    max-width: 50%;
    max-height: auto;
    margin:10px;
}

@media(max-width:768px) {
    .logomobile {
        max-width: 70%;
        height: auto;
        margin-top: -40px;
    }
}

li {
    list-style-type: none;
}

.flagStyle {
    position: absolute;
    margin-top: -36px;
    margin-left: -25px;
    width: 24px;
    height: 24px;
}

.menu-item>a {
    padding: 20px 20px 32px 20px;
    font-family: "Beausite Classic Regular";
    font-size: 18px;
    color: #b5a185;
    cursor: pointer;
}

.menu-item a:hover {
    /* background-image: url('../img/menu-button-img.png'); */
    /* background-repeat: no-repeat; */
    /* background-size: auto; */
    /* background-position: 50% 120%; */
    width: 500px !important;
    color: #cc793c;
}

.menu-item.active>a {
    background-image: url('../img/menu-button-img.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 120%;
    width: 500px !important;
    color: #cc793c;
}

.menu-item-special {
    background-image: url("../img/menu-button.png");
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    width: 230px;
    height: auto;
    margin-top: 10px;
}



.menu-item-special>a {
    position: absolute;
    margin-top: 10px;
    margin-left: -80px;
    color: white;
    text-decoration: none;
}

.title-h1 {
    color: #cc793c;
    font-weight: 800 !important;
    font-size: 32px;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: black;
}

.title-h2 {
    color: #b5a185;
    font-size: 20px;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: black;
}

.outside-stroke {
    paint-order: stroke fill;
}

.h2mobile {
    display: none !important;
}

.h1mobile {
    display: none !important;
}

@media (max-width:768px) {

    .h1mobile,
    .h2mobile {
        display: block !important;
    }

    .h1mobile {
        font-size: 24px !important;
        color: #cc793c;
    }

    .title-h2>h2 {
        font-size: 14px !important;
    }

    .h1desktop,
    .h2desktop {
        display: none;
    }
}

.istemci img {
    position: relative;
    width: 350px;
}

.istemci a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    padding: 20px;
    padding-left: 75px;
    z-index: 99;
}

.sura {
    position: absolute;
    top: 12%;
    right: 18%;
    z-index: -1;
}

.suraMobile {
    display: none !important;
}

/* Ana Container */
.news-dashboard {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

/* Başlık Stili */
.news-dashboard-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #3D3223;
    position: relative;
}

.news-dashboard-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, #ebbf93 0%, rgba(255, 166, 38, 0) 100%);
}

.news-dashboard-title img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 8px rgba(255, 166, 38, 0.3));
}

.news-dashboard-title h1 {
    color: #cc793c!important;
    font-size: 24px !important;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

/* Haber Container */
.news-container {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 12px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.news-container:hover {
    border-color: #ebbf93;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.1);
}

/* Haber Başlık */
.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    text-decoration: none;
}

.news-header:hover {
    text-decoration: none;
}

.news-header-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.news-header-left img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 8px rgba(255, 166, 38, 0.3));
}

.news-header-left h4 {
    color: #d3bfaa !important;
    font-size: 16px;
    margin: 0;
    transition: color 0.3s ease;
}

.news-header:hover .news-header-left h4 {
    color: #E0B16D;
}

.news-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #A18C76;
    font-size: 14px;
}

.news-header-right i {
    color: #cc793c!important;
}

/* Boş Durum */
.news-empty {
    text-align: center;
    padding: 40px 20px;
}

.news-empty i {
    font-size: 48px;
    color: #ebbf93;
    margin-bottom: 20px;
    filter: drop-shadow(0 0 8px rgba(255, 166, 38, 0.3));
}

.news-empty h3 {
    color: #ebbf93;
    font-size: 24px;
    margin-bottom: 15px;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.news-empty p {
    color: #A18C76;
    font-size: 16px;
}

/* Responsive */
@media (max-width: 768px) {
    .news-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .news-header-right {
        justify-content: center;
    }

    .news-dashboard-title h1 {
        font-size: 20px !important;
    }
}

@media (max-width:1200px) {
    .sura {
        display: none !important;
    }

    .suraMobile {
        display: flex !important;
        position: absolute;
        top: 20%;
        right: 0;
    }
}

.ms--20 {
    margin-left: -20px;
}

.loginBox {
    background-color: #0E0606;
    background-image: url("../img/loginBoxBg.png");
    border: 2px solid #3D3223;
    min-height: 300px;
    min-width: 286px;
}


.loginArrowLeft {
    margin-left: -12px;
    margin-top: -52px;
}

.loginArrowRight {
    margin-right: -12px;
    margin-top: -138px;
}

.loginTitleBox {
    background-color: #451C17;
    background-image: url("../img/loginBoxTitleBg.png");
    min-height: 52px;
    min-width: 282px;
}



.loginTitleText {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: white;
    padding-left: 24px;
}

.home-login-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: white;
}

.home-login-box {
    width: 90%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-image: linear-gradient(90deg, #270E0E, #570D0D);
    background-repeat: no-repeat;
    padding: 14px 12px 14px 10px;
    margin-bottom: 5px;
}

.home-login-box-red {
    width: 90%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-image: linear-gradient(90deg, #570D0D, #270E0E);
    background-repeat: no-repeat;
    padding: 14px 12px 14px 10px;
    margin-bottom: 5px;
}

.home-login-box-sec {
    width: 90%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-image: linear-gradient(90deg, #392A1B, #1A120A);
    padding: 14px 12px 14px 10px;
    margin-bottom: 5px;
}

.home-login-box-th {
    width: 90%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-image: linear-gradient(90deg, #1A120A, #392A1B);
    padding: 14px 12px 14px 10px;
    margin-bottom: 5px;
}

.home-login-box-logout {
    width: 90%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #0C0D10;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 14px 12px 14px 10px;
    margin-bottom: 5px;
}



.loginTitleTextRight {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: #f4d5a9 !important;
    margin-top: -25px !important;
    margin-right: 25px;
}

.loginTitleTextRight>span {
    color: #fea526;
}

.loginContainer {
    margin: 0 auto;
    width: 90%;
    margin-top: -65px;
}

.registerContainer {
    margin: 0 auto;
    width: 100%;
    background-image: url(../img/registerBG.png);
}

.userContainer {
    margin: 0 auto;
    width: 100%;
}

.downloadPageBox {
    border: 2px solid #cc793c;
    background-color: #251F19;
    background-image: url('../img/downloadFirstBoxIMG.png');
    background-position: center;
    background-repeat: none !important;
    border-radius: 8px;
    padding: 5px 50px 35px 50px;
    cursor: pointer;
}

.downloadPageBox2 {
    border: 2px solid #251F19;
    background-color: #251F19;
    background-image: url('../img/downloadfourthBoxIMG.png'), linear-gradient(#292C31, #06090E);
    background-position: center;
    background-repeat: none !important;
    border-radius: 8px;
    padding: 35px 50px 50px 50px;
    cursor: pointer;
}

.downloadPageBox3 {
    border: 2px solid #251F19;
    background-color: #06090E;
    background-image: url('../img/downloadSecBoxIMG.png.png'), linear-gradient(#292C31, #06090E);
    background-position: center;
    background-repeat: none !important;
    border-radius: 8px;
    padding: 35px 50px 50px 50px;
    cursor: pointer;
}

.downloadPageBox4 {
    border: 2px solid #251F19;
    background-color: #06090E;
    background-image: url('../img/downloadThirdBoxIMG.png.png'), linear-gradient(#292C31, #06090E);
    background-position: center;
    background-color: #251F19;
    background-repeat: none !important;
    border-radius: 8px;
    padding: 35px 50px 50px 50px;
    cursor: pointer;
}

.downloadPageBox:hover,
.downloadPageBox2:hover,
.downloadPageBox3:hover,
.downloadPageBox4:hover {
    border: 2px solid #cc793c;
}

input[name="login"]:hover {
    border: 2px solid #cc793c;
    background-image: url('../img/user-circle-register-hover.png');
}

input[name="email"]:hover {
    border: 2px solid #cc793c;
    background-image: url('../img/mail-hover.png');
}

input[name="password"]:hover,
input[name="password_repeat"]:hover,
input[name="new_password"]:hover,
input[name="last_password"]:hover,
input[name="web_password"]:hover {
    border: 2px solid #cc793c;
    background-image: url('../img/lock-key-hover.png');
}

input[name="email"] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    background-color: #06090E;
    background-image: url('../img/mail-register.png');
    background-size: 16px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 30px;
    margin-bottom: 15px;
    font-weight: 600 !important;
}

input[name="login"] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    background-color: #06090E;
    font-weight: 600 !important;
    background-image: url('../img/user-circle.png');
    background-size: 16px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 30px;
    margin-bottom: 15px;
}

input[name="nick"],
input[name="partner"] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    background-color: #06090E;
    font-weight: 600 !important;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
}

input[name="nick"]::placeholder {
    color: #F4D5A9 !important;
}

input:focus {
    border-color: #F4D5A9;
    /* İstediğiniz renge göre düzenleyebilirsiniz */
    outline: none;
    /* Varsayılan mavi kenarlığı kaldırır */
}

input[name="partner"]::placeholder {
    color: white !important;
}

input[name="password"],
input[name="password_repeat"],
input[name="last_password"],
input[name="new_password"],
input[name="web_password"] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    background-color: #06090E;
    background-image: url('../img/lock-key.png');
    background-size: 16px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 30px;
    margin-bottom: 15px;
}

.rankingSelectBox {
    position: relative;
    color: #917449;
    font-size: 14px;
    text-align: center;
    border: 2px solid #3D3223;
    background-color: #160F0F;
    padding: 12px 0px 12px 0px;
    border-radius: 8px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    min-width: 102px;
    font-weight: 600;
}

.rankingSelectBoxBig {
    position: relative;
    color: #917449;
    font-size: 14px;
    text-align: center;
    border: 2px solid #3D3223;
    background-color: #160F0F;
    padding: 16px 12px 16px 12px;
    border-radius: 8px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    min-width: 212px;
    font-weight: 600;
}

.ranking-vertical-label {
    border: 1px solid #3D3223;
    width: 1px;
    height: 500px;
}

.rankingSelected {
    color: #fff;
    background-color: #5C1212;
    border: 2px solid #cc793c;
}

.rankingBoxSoft {
    border: 1px solid #1A1716;
    background-color: #1A1716;
    padding: 12px 25px 12px 25px;
    border-radius: 8px;
}

.rankingBoxDark {
    border: 1px solid #0F1013;
    background-color: #0F1013;
    padding: 12px 25px 12px 25px;
    border-radius: 8px;
}

.rankingBoxSoft>.title,
.rankingBoxDark>.title {
    color: #b5a185;
}

.registerbutton {
    margin-top: 15px;
    /* max-width: 325px; */
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #ffa52636;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
}

.custom-checkbox-container input[type="checkbox"] {
    display: none;
}

.custom-checkbox-container label {
    width: 24px;
    height: 24px;
    background-color: #FFCFA0;
    /* Turuncu dış çerçeve rengi */
    border-radius: 20%;
    /* Köşelerin yuvarlatılması */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    /* Hafif gölge */
}

/* İç daire */
.custom-checkbox-container label::after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #06090E;
    /* Siyah iç çerçeve rengi */
    border-radius: 50%;
    /* Tam daire */
    position: absolute;
    z-index: 1;
    /* Üstte kalması için */
}

/* Turuncu iç sınır */
.custom-checkbox-container label::before {
    content: '';
    width: 24px;
    height: 24px;
    background-color: #cc793c;
    /* Açık turuncu sınır rengi */
    border-radius: 20%;
    /* Köşelerin yuvarlatılması */
    position: absolute;
    z-index: 0;
    /* Siyah daire altında */
}

/* Tik işareti */
.custom-checkbox-container label span {
    width: 6px;
    height: 10px;
    border: 4px solid #cc793c;
    /* Tik işareti rengi */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    opacity: 0;
    /* Varsayılan olarak görünmez */
    z-index: 2;
    transition: opacity 0.2s ease;
    /* Geçiş efekti */
}

/* Checkbox işaretliyken tik işareti görünür */
.custom-checkbox-container input[type="checkbox"]:checked+label span {
    opacity: 1;
    /* Tik işareti görünür hale gelir */
}


.mobileCenter {
    text-align: start;
}

@media (max-width:900px) {
    .mobileCenter {
        text-align: center;
    }
}

.accountBuyButton {
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
}

.ranking-line {
    border: 1px solid #372D20;
    width: 80%;
}

.accountSecurityButton {
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 12px 55px 12px 55px;
    margin-bottom: 15px;
}

.formSubmitButton {
    margin-top: 15px;
    max-width: 200px;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
    margin-left: -10px;
}

form>button {
    margin-top: 15px;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
}

form>button:hover {
    border: 2px solid #cc793c;
}

.middleSlideBox {
    background-color: #0E0606;
    background-image: url("../img/loginBoxBg.png");
    border: 2px solid #3D3223;
    width: 100%;
    height: 100%;
}

.rightBox {
    position: absolute;
    background-color: none!important;
    background-image: url("../img/loginBoxBg.png");
    border: 1px solid #000;
    min-height: 323px;
    min-width: 286px;
}

.rightBoxMobile {
    display: none;
}


@media (max-width:1400px) {

    .mt-3M {
        margin-top: 1rem !important;
    }

    .mb-3M {
        margin-bottom: 1rem !important;
    }

    .rightBoxMobile {
        margin-top: 15px;
        display: block;
    }
}

.selectBox {
    background-color: #3D3223;
    background-image: url("../img/discord-BG.png");
    border: 2px solid #3D3223;
	margin-top:2px;
    width: 100%;
    height: 105px;
    cursor: pointer;
	-webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.75);
}

.selectBox:hover {
    background-color: #3D3223;
    background-image: url("../img/discord-BG2.png");
    cursor: pointer;
}

.selectBox>a {
    color: #d3bfaa !important;
	text-shadow: 0px 0px 15px #000;
    text-align: center;
}

.select-box-title {
    color: #d3bfaa !important;
	text-shadow: 0px 0px 15px #000;
    text-align: center;
}

.onlineBox {
    background-color: #0E0606;
    background-image: url("../img/loginBoxBg.png");
    border: 2px solid #3D3223;
    min-height: 272px;
    min-width: 306.4px;
}

.mobileText {
    display: none;
}

@media (max-width:900px) {
    .mobileText {
        display: grid;
        text-align: start;
        margin-top: 20px;
    }
}

.downloadBox {
    border: 2px solid #3d322300;
    width: 100%;
    height: auto;
    min-height: 194px;
    text-align: center;
}

.downloadBox>img {
    position: absolute;
    object-fit: cover;
    height: 153px;
    z-index: -1;
}

.merlis-download-logo {
    width: 150px;
    height: auto;
}

.downloadBoximg {
    position: absolute;
    width: 173px;
    margin: -7.75px auto;
    text-align: center;
    margin-left: -88.75px;
}

.onlineTitleBox {
    background-color: #451C17;
    background-image: url("../img/online-bg.png");
    min-height: 272px;
    min-width: 295px;
}

.onlineTitleText {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: white;
    padding-left: 18px;
    padding-top: 24px;
}

.onlineTitleText>img {
    min-height: 48px;
    min-width: 48px;
}

.onlineTitleTextRight {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: white;
    margin-top: 32px !important;
    margin-left: 25px;
}

.onlineTitleTextRight>span {
    text-shadow: 0px 0px 15px #0B0D18, 0px 0px 15px #0B0D18, 0px 0px 6px #0B0D18;
    line-height: 36px;
    font-size: 32px;
    color: #cc793c;
}

.onlineRedBlackBoxFirst {
    margin-top: 5%;
    background-color: #271514;
    min-height: 56px;
    color: #fea526;
    font-size: 16px;
}

.onlineRedBlackBox {
    background-color: #271514;
    min-height: 56px;
    color: #fea526;
    font-size: 16px;
}

.onlineRedBox {
    background-color: #451C17;
    min-height: 56px;
    color: #fea526;
    font-size: 16px;
}


.leftImg {
    margin: 18px;
    height: 24px;
    width: 24px;
}

.onlineRedBlackBox>span,
.onlineRedBox>span,
.onlineRedBlackBoxFirst>span {
    color: #F4D5A9;
}

.theBestText {
    position: absolute;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4%;
    color: white;
    margin-left: -36px;
}

.darkBG {
    background-image: url("../img/downloadBoxBgDark.png");
    margin-top: -85px !important;
    padding-top: 15px;
}

.theBestLineBorder {
    border: 1px solid #372D20;
    width: 100%;
    margin: 0 auto;
    opacity: 50%;
    height: 1px;
}

.z-index10 {
    z-index: 10 !important;
}

.nickName {
    margin-top: -5px;
    color: white;
    font-weight: 500;
}

.guildName {
    margin-top: -25px;
    color: #F4D5A9;
    font-weight: 500;
}

.theBestBox {
    background-color: #0E0606;
    background-image: url("../img/loginBoxBg.png");
    border: 2px solid #3D3223;
    min-height: 300px;
    min-width: 306.4px;
}

.mainBorder {
    background-color: #0C0D10;
    border: 2px solid #3D3223;
    width: 104.5%;
    margin-left: -25px;
}

@media (max-width:765px) {
    .mainBorder {
        width: 115.3% !important;
        margin-left: -32px;
        border: 0px;
    }

}


.mainBorderImageBox {
    border: 2px solid #3D3223;
}

.mainBorderImageBox>img {
    margin: 0 auto;
    width: 99%;
    padding: 25px 25px 50px 25px;
}

.topImgClass {
    margin-top: -21px;
}

.mainContainer {
    margin: 0 auto;
    width: 96%;
    line-height: 20px;
    padding-bottom: 10px;
}

.mainLineImg {
    width: 100.5%;
}

.replyLineImg {
    width: 99%;
    margin-left: -10px;
    margin-bottom: 5px;
}

.readMoreButton img {
    position: relative;
    width: 267.75px;
    margin-top: -28px;
}

.readMoreButton a {
    margin-top: -28px;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    padding: 20px;
    padding-left: 62px;
    z-index: 99;
}



.footer-links {
    max-width: 550px !important;
    width: 250px !important;
}

.kvkk {
    text-align: center;
    width: 190px;
}

@media (min-width:769px) {

    .mobileMenu {
        display: none;
    }
}

.justify-content-end-custom {
    justify-content: flex-end !important;
}


@media (max-width:1400px) {
    .mobileNone {
        display: none !important;
    }

    .footer-links {
        max-width: 550px !important;
        width: auto !important;
    }

    .kvkk {
        text-align: center;
        width: auto !important;
    }

    .justify-content-end-custom {
        justify-content: flex-start !important;
    }


}

.footer-links a {
    margin-left: 15%;
    margin-right: 15%;
    font-size: 24px;
    color: #F4D5A9 !important;
    font-weight: 500;

}

.footer-links a>span {
    line-height: 16px;
    font-size: 16px;
    margin-top: -25px;
    color: #F4D5A9 !important;
    font-weight: 500;
    opacity: 50%;
}

.footer-logo {
    margin-top: 3%;
    margin-bottom: 3%;
}

.kvkk {
    color: #b5a185;
    font-size: 14px;
    line-height: 14px;
    opacity: 50%;
}

.copyright {
    color: #cc793c;
    font-size: 18px;
    line-height: 18px;
}

.forumLogo {
    width: 32px;
    height: 32px;
}

.forum-new-button {
    background-image: url("../img/forum-new.png");
    background-repeat: no-repeat;
    color: white;
    padding-top: 10px;
    min-height: 50px;
    margin-right: 20px;
}

@media (max-width:768px) {
    .forum-new-button {
        margin-right: 0px;
    }
}

.forum-new-button a {
    padding: 32px;
    color: white;
    text-decoration: none;
}

.forum-box-single {
    border: 1px solid #61543D;
    background-color: #231d167a;
    padding: 15px 15px 0px 15px;
    min-height: 72px;
    width: 97%;
    border-radius: 8px;
}

.forum-box-single-selected {
    border: 1px solid #61543D;
    background-color: #231D16;
    padding: 15px 15px 0px 15px;
    min-height: 72px;
    width: 97%;
    border-radius: 8px;
}

.forum-detail-like-button {
    border: 2px solid #4F3F28;
    background-color: #530F0F;
    padding: 6px 4px 6px 4px;
    width: 62px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
}

.forum-detail-unlike-button {
    border: 2px solid #251F19;
    background-color: #06090E;
    padding: 6px 4px 6px 4px;
    width: 62px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
}

.forum-detail-substract {
    border: 1px solid #4F3F28;
    background-color: #06090E;
    padding: 6px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

textarea {
    border: 1px solid #251F19;
    background-color: #06090E;
    width: 100%;
    margin-left: -15px;
    border-radius: 8px;
    min-height: 80px;
    color: #F4D5A9;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
}

.forum-detail-like-img {
    width: 14px;
    height: 14px;
    margin-top: 2px;
}

.forum-detail-substract-img {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-left: -1px;
}

.forum-icon {
    width: 16px !important;
    height: 16px !important;
}

.dot-icon {
    width: 6px !important;
    height: 6px !important;
}

.forum-right-box-selected {
    border: 1px solid #3D3223;
    background-color: #231D16;
    border-radius: 8px;
    padding: 3px 10px 3px 10px;
}

.forum-right-box {
    border: 1px solid #3D3223;
    background-color: #231D16;
    border-radius: 8px;
    padding: 3px 10px 3px 10px;
    color: #F4D5A9;
}

.forum-img-ann {
    width: 56px;
    height: 56px;
}

@media (max-width:768px) {
    .ms-3-m {
        margin-left: 1rem !important;
    }

    .ms-4-m {
        margin-left: 2rem !important;
    }

}

.account-page-box {
    border: 1px solid #61543D;
    background-color: #231D16;
    width: 100%;
    padding: 15px 25px 5px 25px;
    border-radius: 8px;
}

.security-page-box {
    border: 1px solid #1A1716;
    background-color: #1A1716;
    width: 100%;
    border-radius: 8px;
}

.security-page-box-dark {
    border: 1px solid #0F1013;
    background-color: #0F1013;
    width: 100%;
    border-radius: 8px;
}

.account-page-dark {
    border: 1px solid #29231A;
    background-color: #231d1663;
    width: 100%;
    padding: 15px 25px 5px 25px;
    border-radius: 8px;
}

.account-page-icon {
    width: 22px;
    height: 22px;
}

.account-selected-icon {
    position: absolute;
    margin-top: -7px;
    margin-left: -27px;
}

.account-page-box-bottom {
    border: 1px solid #1E1B16;
    background-color: #0F1114;
    width: 100%;
    padding: 10px 25px 0px 25px;
    border-radius: 8px;
}

.account-page-box-soft {
    border: 1px solid #1E1B16;
    background-color: #10100F;
    width: 100%;
    padding: 10px 25px 0px 25px;
    border-radius: 8px;
}

input {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    background-color: #06090E;
    font-weight: 600 !important;
    padding: 10px 12px 12px 30px;
    margin-bottom: 15px;
    /* background-image: url('../img/user-circle.png'); */
    /* background-size: 16px; */
    /* background-position: 10px 12px; */
    /* background-repeat: no-repeat; */
}

input:hover {
    border: 2px solid #cc793c;
}

.formContainer label {
    display: block;
    margin-bottom: 5px;
    color: #dac0a3;
    font-size: 14px;
}

input[type="submit"] {
    margin-top: 15px;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #251F19;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    background-color: #570D0D;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 12px 12px 10px;
    margin-bottom: 15px;
}


.active,
.active {
    background-color: transparent !important;
    /* İstediğiniz renge göre düzenleyin */
}

.accordion {
    background-color: #1a1a1a;
    color: #cc793c;
    font-weight: bold;
    border: 1px solid #cc793c;
    border-radius: 8px;
    margin-bottom: 10px;
    --bs-accordion-border-color: #cc793c;
}

.accordion-button {
    background-color: #1a1a1a;
    color: #cc793c;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.accordion-button:not(.collapsed) {
    background-color: #1a1a1a;
    color: #cc793c;
}

.accordion-body {
    background-color: #1a1a1a;
    color: #fff;
}

.accordion-button:focus {
    box-shadow: #cc793c 0 0 0 0.1rem;
}

.security-pc-container {
    margin-top: 20px;
}

.referral-box {
    background-color: #0E0606;
    background-image: url("../img/loginBoxBg.png");
    border: 2px solid #3D3223;
    min-height: 323px;
    min-width: 286px;
    margin-bottom: 10px;
}

.charge-coin-box {
    border: 2px solid #251F19;
    background-color: #251F19;
    background-image: url('../img/downloadfourthBoxIMG.png'), linear-gradient(#292C31, #06090E);
    background-position: center;
    background-repeat: none !important;
    border-radius: 8px;
    cursor: pointer;
}

table {
    width: 100%;
    border-collapse: collapse;
    /* Hücre kenarlarını birleştirir */
    table-layout: fixed;
    /* Sütun genişliklerini sabitler */
}

th,
td {
    padding: 10px;
    border-right: 2px solid #4F3F28;
    /* Sağ kenara çizgi ekler */
    text-align: center;
    vertical-align: middle;
}

/* En son sütunda çizginin görünmesini engellemek için */
th:last-child,
td:last-child {
    border-right: none;
}

/* Alternatif satır arka planları için */
tbody tr:nth-child(even) {
    background-color: #1A1716;
}

tbody tr:nth-child(odd) {
    background-color: #0F1013;
}

tbody tr:hover {
    background-color: #3D3223;
    transition: background-color 0.3s ease;
}

.table-security-tr {
    display: table;
    border: 1px solid #0F1013;
    background-color: #0F1013;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.table-security-tr:nth-child(even) {
    background-color: #1A1716;
}



.choose-support-box {
    display: table;
    border: 1px solid #61543D;
    width: 100%;
    max-height: 48px;
    border-radius: 8px;
    background-image: none;
    cursor: pointer;
    background-color: #231D16;
    background-image: url('../img/line-img.png');
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 100%;
}

.create-support-ticket-box {
    display: table;
    border: 1px solid #231d1675;
    background-color: #231d1675;
    width: 100%;
    max-height: 48px;
    border-radius: 8px;
    background-image: none;
    cursor: pointer;
}

.create-support-ticket-box:hover {
    background-color: #231D16;
    background-image: url('../img/line-img.png');
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 100%;
}

.choose-box {
    padding: 40px;
    width: 100%;
    border: 1px solid #29231A;
    background-color: #231d1650;
    border-radius: 8px;
    text-align: center;
}


.custom-dropdown select {
    background-color: #06090e;
    color: #757575 !important;
    padding: 10px 15px 10px 25px;
    border: 1px solid #29231A;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    font-weight: 600;
}

select {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

select:focus {
    border: 1px solid #cc793c;
    border-radius: 8px;
    outline: none;
}

option {
    background-color: #1a1a1a;
    color: white;
    padding: 10px;
}

option:checked {
    background-color: #1a1a1a;
    color: white;
    padding: 10px;
}

option:hover {
    background-color: #333;
}

.merlis-payment-logo {
    width: 150px;
    min-height: 50px;
}

.paymentPageBox {
    border: 2px solid #cc793c;
    background-color: #251F19;
    background-image: url('../img/paymentBox.png');
    background-position: center;
    background-repeat: none !important;
    background-blend-mode: lighten;
    border-radius: 8px;
    padding: 5px 50px 35px 50px;
    cursor: pointer;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcInfoBox {
    border: 1px solid #1E1B16;
    background-color: #251F19;
    background-position: center;
    background-repeat: none !important;
    border-radius: 8px;
    padding: 15px 15px 15px 15px;
    text-align: center;
}

.dcInfoBox>p>span {
    color: #fea526;
}

.table-container {
    margin: 0 auto;
    border: 1px solid #4F3F28;
    border-radius: 8px;
    background-color: #0E0606;
    padding: 15px;
}

.table-dark th {
    background-color: #2B2B2B;
    color: #cc793c;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #cc793c;
}

.table__tbody-tr {
    background-color: #1A1716;
    border-bottom: 1px solid #4F3F28;
}

.table__tbody-tr:nth-child(even) {
    background-color: #0F1013;
}

.table__tbody-tr:hover {
    background-color: #3D3223;
    transition: background-color 0.3s ease;
}

.table-link {
    color: #cc793c;
    text-decoration: underline;
}

.table-link:hover {
    color: #F4D5A9;
}

.text-center {
    text-align: center;
}

.align-middle {
    vertical-align: middle;
}

.text-cc793c {
    color: #cc793c !important;
}

.level {
    color: #98ff33;
}


.footer-logo-img {
    max-width: 25%;
    max-height: auto;
}

@media(max-width:768px) {
    .footer-logo-img {
        max-width: 25%;
        height: auto;
        margin-top: -40px;
    }
}

/* Ranking Table Styles */
.table-custom {
    width: 100%;
    background: transparent;
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}

.table-custom thead th {
    border: none;
    padding: 15px;
    background-color: #1A1716;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
}

.table-custom tbody tr {
    background-color: #0F1013;
    transition: all 0.3s ease;
}

.table-custom tbody tr:hover {
    background-color: #1A1716;
    transform: scale(1.01);
}

.table-custom td {
    border: none;
    padding: 15px;
    vertical-align: middle;
}

.player-img img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

/* DataTables özelleştirmeleri */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

/* Tüm sayfalama butonları için temel stil */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    color: #A18C76 !important;
    border: none !important;
    padding: 2px 6px;
    margin: 0 2px;
    font-size: 12px;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Aktif sayfa */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #cc793c !important;
    font-weight: 600;
}

/* Hover efekti */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #cc793c !important;
    cursor: pointer;
}

/* Devre dışı butonlar */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #3D3223 !important;
    opacity: 0.5;
    cursor: not-allowed;
}

/* Previous/Next butonları */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-size: 14px;
    font-weight: bold;
}

/* Sayfa bilgisi */
.dataTables_wrapper .dataTables_info {
    color: #A18C76 !important;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
}

/* Mobil için düzenlemeler */
@media (max-width: 768px) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 2px 4px;
        font-size: 11px;
        min-width: 20px;
        height: 20px;
    }
}

/* Referans Sistemi Stilleri */
.ref-stat-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    min-height: 90px;
}

.ref-stat-box:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
}

.ref-stat-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
}

.ref-stat-icon img {
    width: 24px;
    height: 24px;
}

.ref-stat-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.ref-stat-label {
    color: #A18C76;
    font-size: 14px;
    margin-bottom: 5px;
}

.ref-stat-value {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Hover durumunda tooltip benzeri görünüm için */
.ref-stat-box.copy-link:hover .ref-stat-value {
    white-space: normal;
    word-break: break-all;
    position: relative;
    z-index: 1;
    background: #1A1716;
    border-radius: 4px;
    padding: 4px;
    margin: -4px;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .ref-stat-box {
        padding: 15px;
    }

    .ref-stat-value {
        font-size: 14px;
    }
}

/* Kurallar Kutusu */
.ref-rules-box {
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
}

.ref-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ref-rules-list li {
    color: #A18C76;
    font-size: 14px;
    padding: 8px 0;
    padding-left: 20px;
    position: relative;
}

.ref-rules-list li::before {
    content: "•";
    color: #cc793c;
    position: absolute;
    left: 0;
}

/* Tablo Stilleri */
.ref-table-container {
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
}

/* DataTables Özelleştirmeleri */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #b5a185 !important;
    background: #0F1013 !important;
    border: 1px solid #251F19 !important;
    border-radius: 4px;
    margin: 0 3px;
    padding: 5px 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1A1716 !important;
    color: #cc793c !important;
    border-color: #cc793c !important;
}

.dataTables_info {
    color: #A18C76 !important;
    padding: 15px 0;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .ref-stat-box {
        margin-bottom: 15px;
    }

    .ref-stat-value {
        font-size: 16px;
    }
}

/* Bootstrap Pagination Override */
.pagination {
    margin: 15px 0;
    justify-content: center;
}

.page-item .page-link {
    background-color: transparent;
    border: none;
    color: #A18C76;
    padding: 6px 12px;
    font-size: 14px;
}

.page-item .page-link:hover {
    background-color: transparent;
    color: #cc793c;
}

.page-item.active .page-link {
    background-color: transparent;
    color: #cc793c;
    font-weight: 600;
    border: none;
}

.page-item.disabled .page-link {
    background-color: transparent;
    color: #3D3223;
    border: none;
}

/* DataTables bilgi metni */
.dataTables_info {
    color: #A18C76 !important;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
}

/* Pagination butonları */
.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    color: #A18C76 !important;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
    color: #cc793c !important;
}

/* Promotion İstatistik Kartları */
.promotion-stat-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    min-height: 90px;
}

.promotion-stat-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
}

.promotion-stat-icon img {
    width: 24px;
    height: 24px;
}

.promotion-stat-info {
    display: flex;
    flex-direction: column;
}

.promotion-stat-label {
    color: #A18C76;
    font-size: 14px;
    margin-bottom: 5px;
}

.promotion-stat-value {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
}

/* Hızlı İşlem Butonları */
.promotion-action-button {
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

.promotion-action-button:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
}

.promotion-action-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin-right: 15px;
}

.promotion-action-icon img {
    width: 32px;
    height: 32px;
}

.promotion-action-text h3 {
    color: #cc793c;
    font-size: 16px;
    margin-bottom: 5px;
}

.promotion-action-text p {
    color: #A18C76;
    font-size: 14px;
    margin: 0;
}

/* Kurallar Grid */
.promotion-rules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}

.promotion-rule-item {
    background: rgba(255, 166, 38, 0.05);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.promotion-rule-item i {
    margin-right: 10px;
    font-size: 16px;
}

.promotion-rule-item span {
    color: #A18C76;
    font-size: 14px;
}

/* Video Link */
.video-link {
    color: #cc793c;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.video-link:hover {
    color: #F4D5A9;
}

/* Durum Rozetleri */
.status-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.status-onaylandi {
    background: rgba(39, 174, 96, 0.1);
    color: #27AE60;
}

.status-beklemede {
    background: rgba(242, 201, 76, 0.1);
    color: #F2C94C;
}

.status-reddedildi {
    background: rgba(235, 87, 87, 0.1);
    color: #EB5757;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .promotion-stat-value {
        font-size: 20px;
    }

    .promotion-rules-grid {
        grid-template-columns: 1fr;
    }

    .promotion-action-button {
        padding: 15px;
    }
}

.promotion-stat-icon i,
.promotion-action-icon i {
    color: #cc793c;
    font-size: 24px;
}

.promotion-action-icon i {
    font-size: 32px;
}

/* Video Yükleme Sayfası Stilleri */
.video-upload-container {
    background: #0F1013;
    border-radius: 8px;
    padding: 25px;
}

/* Video Bilgilendirme Kutusu */
.video-info-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
}

.video-info-icon {
    color: #cc793c;
    font-size: 24px;
    margin-bottom: 15px;
}

.video-info-content h3 {
    color: #cc793c;
    font-size: 18px;
    margin-bottom: 15px;
}

.video-info-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.video-info-content ul li {
    color: #A18C76;
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.video-info-content ul li i {
    color: #cc793c;
    margin-right: 10px;
    font-size: 12px;
}

/* Form Kutusu */
.video-form-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
}

.video-upload-form label {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.video-upload-form .input-group {
    margin-bottom: 5px;
}

.video-upload-form .input-group-text {
    background: rgba(255, 166, 38, 0.1);
    border: 1px solid #3D3223;
    color: #cc793c;
}

.video-upload-form .form-control {
    background: #0F1013;
    border: 1px solid #3D3223;
    color: #b5a185;
    padding: 12px;
}

.video-upload-form .form-control::placeholder {
    color: #A18C76;
    opacity: 0.7;
}

.video-upload-form .form-control:focus {
    border-color: #cc793c;
    box-shadow: 0 0 0 1px rgba(255, 166, 38, 0.1);
    background: #1A1716;
}

.video-upload-form .form-text {
    color: #A18C76;
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.9;
}

.video-submit-btn {
    background: #570D0D;
    border: 1px solid #cc793c;
    color: #cc793c;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    width: 100%;
    transition: all 0.3s ease;
}

.video-submit-btn:hover {
    background: #6E1010;
    transform: translateY(-2px);
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .video-info-box {
        margin-bottom: 20px;
    }

    .video-form-box {
        padding: 15px;
    }
}

/* Bakiye Kutuları */
.balance-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    transition: all 0.3s ease;
}

.balance-box.clickable {
    cursor: pointer;
}

.balance-box.clickable:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
}

.balance-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin-right: 15px;
}

.balance-icon i {
    color: #cc793c;
    font-size: 24px;
}

.balance-info {
    display: flex;
    flex-direction: column;
}

.balance-label {
    color: #A18C76;
    font-size: 14px;
    margin-bottom: 5px;
}

.balance-value {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
}

.balance-action {
    color: #cc793c;
    font-size: 16px;
    font-weight: 500;
}

/* Ödeme Yöntemleri */
.payment-section {
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 30px;
}

.section-title {
    color: #cc793c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.payment-card {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 100%;
}

.payment-card.featured {
    border: 1px solid #cc793c;
    background: linear-gradient(145deg, #1A1716 0%, #570D0D 100%);
}

.payment-card:hover {
    transform: translateY(-2px);
    border-color: #cc793c;
}

.payment-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.payment-card img {
    width: auto;
    height: 40px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.payment-card:hover img {
    transform: scale(1.05);
}

.payment-label {
    color: #A18C76;
    font-size: 14px;
    margin-top: 10px;
}

/* Kupon Bozdurma Bölümü */
.coupon-exchange-section {
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
}

.coupon-form-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
}

.coupon-form label {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.coupon-form .form-control {
    background: #0F1013;
    border: 1px solid #3D3223;
    color: #b5a185;
    padding: 12px;
    font-size: 16px;
    letter-spacing: 1px;
}

.coupon-form .form-control::placeholder {
    color: #A18C76;
    opacity: 0.7;
}

.coupon-form .form-text {
    color: #A18C76;
    font-size: 12px;
    margin-top: 5px;
}

.coupon-submit-btn {
    background: #570D0D;
    border: 1px solid #cc793c;
    color: #cc793c;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    width: 100%;
    transition: all 0.3s ease;
    margin-top: 15px;
}

.coupon-submit-btn:hover {
    background: #6E1010;
    transform: translateY(-2px);
}

.coupon-history-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    height: 100%;
}

.history-title {
    color: #cc793c;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .balance-value {
        font-size: 20px;
    }

    .payment-card {
        padding: 15px;
    }

    .payment-card img {
        height: 30px;
    }

    .payment-label {
        font-size: 12px;
    }

    .section-title {
        font-size: 16px;
    }
}

.payment-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 10px;
}

.payment-link-card {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #A18C76;
    transition: all 0.3s ease;
    text-align: center;
}

.payment-link-card:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
    color: #cc793c;
}

.payment-link-card i {
    margin-right: 10px;
    color: #cc793c;
}

.arpay-form {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
}

.arpay-form .form-group {
    margin-bottom: 20px;
}

.arpay-form label {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.arpay-form .form-control {
    background: #0F1013;
    border: 1px solid #3D3223;
    color: #b5a185;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.arpay-form .form-control:focus {
    border-color: #cc793c;
    outline: none;
}

.arpay-form .form-control::placeholder {
    color: #A18C76;
    opacity: 0.7;
}

.arpay-form .custom-dropdown select {
    background: #0F1013;
    border: 1px solid #3D3223;
    color: #b5a185 !important;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cc793c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px;
}

.arpay-form .custom-dropdown select:focus {
    border-color: #cc793c;
    outline: none;
}

.arpay-form .custom-dropdown select option {
    background: #0F1013;
    color: #b5a185;
    padding: 8px;
}

.arpay-links-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
}

.arpay-links-box .history-title {
    color: #cc793c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 3px solid #cc793c;
}

.page-title-container {
    display: flex;
    align-items: center;
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.page-title-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.1), transparent);
    animation: shine 3s infinite linear;
}

@keyframes shine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.page-title-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-title-icon img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 4px rgba(255, 166, 38, 0.5));
}

.page-title {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
    position: relative;
}

@media (max-width: 768px) {
    .page-title-container {
        padding: 15px;
    }

    .page-title-icon {
        padding: 8px;
    }

    .page-title-icon img {
        width: 24px;
        height: 24px;
    }

    .page-title {
        font-size: 20px;
    }
}

.coupon-history-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}

.coupon-history-table thead th {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    background: rgba(255, 166, 38, 0.1);
    border-bottom: 2px solid #3D3223;
}

.coupon-history-table tbody tr {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    transition: all 0.3s ease;
}

.coupon-history-table tbody tr:hover {
    background: linear-gradient(145deg, #231f1e 0%, #161719 100%);
    transform: translateY(-2px);
}

.coupon-history-table td {
    color: #b5a185;
    padding: 12px;
    text-align: center;
    border-top: 1px solid #3D3223;
    border-bottom: 1px solid #65553e;
}

.coupon-history-table td:first-child {
    border-left: 1px solid #3D3223;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.coupon-history-table td:last-child {
    border-right: 1px solid #3D3223;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.coupon-history-empty {
    text-align: center;
    padding: 20px;
    color: #A18C76;
    font-style: italic;
}

@media (max-width: 768px) {
    .coupon-history-table {
        font-size: 12px;
    }

    .coupon-history-table th,
    .coupon-history-table td {
        padding: 8px;
    }
}

.coupon-history-box {
    max-height: 400px;
    overflow: hidden;
}

.coupon-history-table-wrapper {
    max-height: 320px;
    overflow-y: auto;
    margin-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: #cc793c #1A1716;
}

.coupon-history-table-wrapper::-webkit-scrollbar {
    width: 6px;
}

.coupon-history-table-wrapper::-webkit-scrollbar-track {
    background: #1A1716;
    border-radius: 10px;
}

.coupon-history-table-wrapper::-webkit-scrollbar-thumb {
    background: #cc793c;
    border-radius: 10px;
}

.coupon-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    gap: 5px;
}

.coupon-pagination .page-item {
    list-style: none;
}

.coupon-pagination .page-link {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    color: #A18C76;
    padding: 8px 12px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    min-width: 35px;
    text-align: center;
    display: block;
}

.coupon-pagination .page-item.active .page-link {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border-color: #cc793c;
    color: #cc793c;
}

.coupon-pagination .page-link:hover:not(.active) {
    border-color: #cc793c;
    color: #cc793c;
}

.coupon-pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .coupon-pagination .page-link {
        padding: 6px 10px;
        font-size: 12px;
        min-width: 30px;
    }
}

.coupon-history-table-wrapper {
    padding: 0 5px;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 10px 0;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%) !important;
    border: 1px solid #3D3223 !important;
    color: #A18C76 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    margin: 0 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%) !important;
    border-color: #cc793c !important;
    color: #cc793c !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(145deg, #231f1e 0%, #161719 100%) !important;
    border-color: #cc793c !important;
    color: #cc793c !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%) !important;
    border-color: #3D3223 !important;
    color: #3D3223 !important;
    cursor: not-allowed;
    opacity: 0.5;
}

.dataTables_processing {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%) !important;
    color: #cc793c !important;
    border: 1px solid #3D3223 !important;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 6px 10px !important;
        font-size: 12px;
    }
}

.promotion-table-container {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.promotion-table-container .table-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 3px solid #cc793c;
}

.promotion-table-container .table-title img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.promotion-table-container .table-title h2 {
    color: #cc793c;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.promotion-table-container .table-custom {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}

.promotion-table-container .table-custom thead th {
    background: rgba(255, 166, 38, 0.1);
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    border-bottom: 2px solid #3D3223;
}

.promotion-table-container .table-custom tbody tr {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    transition: all 0.3s ease;
}

.promotion-table-container .table-custom tbody tr:hover {
    background: linear-gradient(145deg, #231f1e 0%, #161719 100%);
    transform: translateY(-2px);
}

.promotion-table-container .table-custom td {
    padding: 12px;
    color: #b5a185;
    border-top: 1px solid #3D3223;
    border-bottom: 1px solid #65553e;
}

.promotion-table-container .table-custom td:first-child {
    border-left: 1px solid #3D3223;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.promotion-table-container .table-custom td:last-child {
    border-right: 1px solid #3D3223;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.video-link {
    color: #cc793c;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.video-link:hover {
    color: #F4D5A9;
}

.video-link i {
    margin-right: 8px;
}

/* Durum rozetleri için yeni stiller */
.status-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    min-width: 100px;
}

.status-onaylandi {
    background: rgba(39, 174, 96, 0.15);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.3);
}

.status-beklemede {
    background: rgba(241, 196, 15, 0.15);
    color: #f1c40f;
    border: 1px solid rgba(241, 196, 15, 0.3);
}

.status-reddedildi {
    background: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.3);
}

.status-approved {
    background: rgba(39, 174, 96, 0.15);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.3);
}

.status-pending {
    background: rgba(241, 196, 15, 0.15);
    color: #f1c40f;
    border: 1px solid rgba(241, 196, 15, 0.3);
}

.status-rejected {
    background: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.3);
}

@media (max-width: 768px) {
    .promotion-table-container {
        padding: 15px;
    }

    .promotion-table-container .table-custom th,
    .promotion-table-container .table-custom td {
        padding: 8px;
        font-size: 12px;
    }

    .status-badge {
        padding: 4px 8px;
        font-size: 11px;
        min-width: 80px;
    }
}

.promotion-header {
    display: flex;
    align-items: center;
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.promotion-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.1), transparent);
    animation: shine 3s infinite linear;
}

.promotion-header-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.promotion-header-icon img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 4px rgba(255, 166, 38, 0.5));
}

.promotion-header-title {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .promotion-header {
        padding: 15px;
    }

    .promotion-header-icon {
        padding: 8px;
    }

    .promotion-header-icon img {
        width: 24px;
        height: 24px;
    }

    .promotion-header-title {
        font-size: 20px;
    }
}

.payment-method-container {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
}

.payment-method-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #65553e;
}

.payment-method-header img {
    width: 48px;
    height: 48px;
    margin-right: 15px;
}

.payment-method-header h4 {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.payment-method-form {
    background: rgba(15, 16, 19, 0.5);
    border-radius: 8px;
    padding: 25px;
}

.payment-method-form .form-group {
    margin-bottom: 20px;
}

.payment-method-form label {
    display: block;
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.payment-method-form input {
    width: 100%;
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    color: #b5a185;
    padding: 12px 15px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.payment-method-form input:focus {
    border-color: #cc793c;
    box-shadow: 0 0 0 2px rgba(255, 166, 38, 0.1);
    outline: none;
}

.payment-method-form input::placeholder {
    color: #A18C76;
    opacity: 0.7;
}

.payment-method-form .submit-btn {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border: 1px solid #cc793c;
    border-radius: 8px;
    color: #cc793c;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 25px;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.payment-method-form .submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
}

.payment-method-info {
    background: rgba(255, 166, 38, 0.1);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.payment-method-info p {
    color: #b5a185;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.payment-method-info i {
    color: #cc793c;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .payment-method-container {
        padding: 15px;
    }

    .payment-method-header img {
        width: 36px;
        height: 36px;
    }

    .payment-method-header h4 {
        font-size: 20px;
    }

    .payment-method-form {
        padding: 15px;
    }
}

.download-page-container {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.download-page-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.1), transparent);
    animation: shine 3s infinite linear;
}

.download-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.download-header img {
    width: 64px;
    height: 64px;
    margin-bottom: 15px;
    filter: drop-shadow(0 0 8px rgba(255, 166, 38, 0.5));
    transition: transform 0.3s ease;
}

.download-header img:hover {
    transform: scale(1.1);
}

.download-header h4 {
    color: #cc793c;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.download-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
}

.download-card {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.download-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
    border-color: rgba(255, 166, 38, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.download-card:hover {
    transform: translateY(-5px);
    border-color: #cc793c;
    box-shadow: 0 5px 15px rgba(255, 166, 38, 0.2);
}

.download-card:hover::before {
    opacity: 1;
}

.download-card img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.download-card:hover img {
    transform: scale(1.1);
}

.download-card h2 {
    color: #cc793c;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 5px rgba(255, 166, 38, 0.3);
}

.download-footer {
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 1;
}

.download-footer h4 {
    color: #b5a185;
    font-size: 18px;
    margin: 0;
}

.download-footer span {
    color: #cc793c;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.3s ease;
}

.download-footer span:hover {
    color: #F4D5A9;
}

@media (max-width: 768px) {
    .download-page-container {
        padding: 15px;
    }

    .download-header img {
        width: 48px;
        height: 48px;
    }

    .download-header h4 {
        font-size: 24px;
    }

    .download-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .download-card {
        padding: 20px;
    }

    .download-card img {
        width: 60px;
        height: 60px;
    }

    .download-card h2 {
        font-size: 18px;
    }

    .download-footer {
        margin-top: 30px;
    }

    .download-footer h4 {
        font-size: 16px;
    }
}

.dashboard-container {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.dashboard-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.1), transparent);
    animation: shine 3s infinite linear;
}

.dashboard-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #65553e;
    position: relative;
    z-index: 1;
}

.dashboard-header img {
    width: 48px;
    height: 48px;
    margin-right: 15px;
    filter: drop-shadow(0 0 4px rgba(255, 166, 38, 0.5));
}

.dashboard-header h4 {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.dashboard-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
}

.dashboard-tab {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dashboard-tab:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
    background: rgba(87, 13, 13, 0.3);
}

.dashboard-tab.active {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border-color: #cc793c;
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
}

.dashboard-tab img {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
    filter: brightness(0.8);
}

.dashboard-tab:hover img,
.dashboard-tab.active img {
    transform: scale(1.1);
    filter: brightness(1);
}

.dashboard-tab p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    color: #A18C76;
}

.dashboard-tab:hover p {
    color: #b5a185;
}

.dashboard-tab.active p {
    color: #cc793c;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.dashboard-content {
    position: relative;
    z-index: 1;
}

.dashboard-box {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.dashboard-box:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
}

.dashboard-box-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.dashboard-box-header img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.dashboard-box-header p {
    color: #b5a185;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.dashboard-input {
    width: 100%;
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    color: #b5a185;
    padding: 12px 15px;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-bottom: 0;
    height: 45px;
}

.dashboard-input:focus {
    border-color: #cc793c;
    box-shadow: 0 0 0 2px rgba(255, 166, 38, 0.1);
    outline: none;
}

.dashboard-button {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border: 1px solid #cc793c;
    border-radius: 8px;
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: fit-content;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
}

.settings-accordion {
    margin-top: 20px;
}

.settings-accordion-item {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.settings-accordion-header {
    padding: 15px;
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.settings-accordion-header:hover {
    background: linear-gradient(145deg, #231f1e 0%, #161719 100%);
}

.settings-accordion-header i {
    color: #cc793c;
    margin-right: 10px;
    transition: transform 0.3s ease;
}

.settings-accordion-header span {
    color: #b5a185;
    font-size: 16px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.settings-accordion-header:hover span {
    color: #cc793c;
}

.settings-accordion-header.active span {
    color: #cc793c;
}

.settings-accordion-header.active i {
    transform: rotate(90deg);
}

.settings-accordion-content {
    padding: 20px;
    border-top: 1px solid #3D3223;
}

.settings-accordion-content label {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

.settings-accordion-content small {
    color: #A18C76;
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

.settings-accordion-content p {
    color: #b5a185;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.alert-danger {
    background: rgba(235, 87, 87, 0.1);
    border: 1px solid rgba(235, 87, 87, 0.3);
    color: #cc793c !important;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    font-weight: 600;
}

.alert-danger p {
    color: #cc793c !important;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 600;
}

.security-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    table-layout: fixed;
}

.security-table th {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    text-align: left;
    background: rgba(255, 166, 38, 0.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.security-table td {
    background: rgba(15, 16, 19, 0.5);
    color: #b5a185;
    padding: 12px;
    border-top: 1px solid #3D3223;
    border-bottom: 1px solid #65553e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.security-table th:nth-child(1),
.security-table td:nth-child(1) {
    width: 5%;
}

.security-table th:nth-child(2),
.security-table td:nth-child(2) {
    width: 20%;
}

.security-table th:nth-child(3),
.security-table td:nth-child(3) {
    width: 25%;
}

.security-table th:nth-child(4),
.security-table td:nth-child(4) {
    width: 20%;
}

.security-table th:nth-child(5),
.security-table td:nth-child(5) {
    width: 15%;
}

.security-table th:nth-child(6),
.security-table td:nth-child(6) {
    width: 15%;
}

@media (max-width: 768px) {
    .dashboard-container {
        padding: 15px;
    }

    .dashboard-header img {
        width: 36px;
        height: 36px;
    }

    .dashboard-header h4 {
        font-size: 20px;
    }

    .dashboard-tabs {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-tab {
        padding: 10px;
    }

    .dashboard-tab img {
        width: 24px;
        height: 24px;
    }

    .dashboard-tab p {
        font-size: 12px;
    }

    .security-table {
        font-size: 12px;
    }

    .security-table th,
    .security-table td {
        padding: 8px;
    }
}

.text-muted {
    color: #b5a185 !important;
    font-weight: 600;
}

small.text-muted {
    color: #b5a185 !important;
    font-weight: 600;
    font-size: 13px;
}

.d-flex.align-items-center {
    gap: 10px;
}

.sidebar-user-panel {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.sidebar-user-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.1), transparent);
    animation: shine 3s infinite linear;
}

.sidebar-user-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(61, 50, 35, 0.5);
    position: relative;
    z-index: 1;
}

.sidebar-user-header img {
    width: 42px;
    height: 42px;
    margin-right: 12px;
    filter: drop-shadow(0 0 4px rgba(255, 166, 38, 0.3));
}

.sidebar-user-header span {
    color: #cc793c;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.2);
}

.sidebar-menu-item {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.sidebar-menu-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 166, 38, 0.05), transparent);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

.sidebar-menu-item:hover::before {
    transform: translateX(100%);
}

.sidebar-menu-item:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
    background: rgba(87, 13, 13, 0.2);
}

.sidebar-menu-item img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    transition: transform 0.3s ease;
}

.sidebar-menu-item:hover img {
    transform: scale(1.1);
}

.sidebar-menu-item .menu-text {
    color: #b5a185;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease;
    flex-grow: 1;
}

.sidebar-menu-item:hover .menu-text {
    color: #cc793c;
}

.sidebar-menu-item .menu-value {
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    padding-left: 10px;
}

.sidebar-menu-item .menu-arrow {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.sidebar-menu-item:hover .menu-arrow {
    opacity: 1;
}

.sidebar-menu-item.logout {
    background: rgba(87, 13, 13, 0.1);
    border-color: #3D3223;
    margin-top: 15px;
}

.sidebar-menu-item.logout:hover {
    background: rgba(87, 13, 13, 0.3);
    border-color: #cc793c;
}

.auth-login-panel {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.auth-login-panel::before {
    content: '';
}

.auth-login-header {
	background: url(../img/buton.png)!important;
    margin: -20px -20px 20px -20px;
    padding: 15px 20px;
    border-bottom: 1px solid #65553e;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.auth-login-title {
    color: #cc793c;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.2);
}

.auth-login-register {
    color: #b5a185;
    font-size: 16px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.auth-login-register:hover {
    color: #cc793c;
}

.auth-login-register span {
    color: #cc793c;
    font-weight: 600;
}

.auth-login-form {
    position: relative;
    z-index: 1;
}

.auth-login-form input[type="text"],
.auth-login-form input[type="password"] {
    width: 100%;
    background: #0F1013;
    border: 1px solid #3D3223;
    border-radius: 8px;
    color: #b5a185;
    padding: 12px 15px 12px 40px;
    font-size: 14px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.auth-login-form input[type="text"] {
    background-image: url('../img/user-circle.png');
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px;
}

.auth-login-form input[type="password"] {
    background-image: url('../img/lock-key.png');
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px;
}

.auth-login-form input:focus {
    border-color: #cc793c;
    box-shadow: 0 0 0 2px rgba(255, 166, 38, 0.1);
    outline: none;
}

.auth-login-form input::placeholder {
    color: #A18C76;
    opacity: 0.7;
}

.auth-login-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}

.auth-login-links a {
    color: #cc793c;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.auth-login-links a:hover {
    color: #b5a185;
}

.auth-login-submit {
    width: 100%;
	background: url(../img/buton3.png)!important;
    border: 1px solid #8d6c4c!important;
    color: #ebbf93!important;
    border-radius: 8px;
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.auth-login-submit:hover {
    transform: translateY(-2px);
	background: url(../img/buton.png)!important;
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
}

/* Otomatik doldurma stilleri */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #06090E inset !important;
    -webkit-text-fill-color: #b5a185 !important;
    font-weight: 600 !important;
    transition: background-color 5000s ease-in-out 0s;
    border: 2px solid #251F19 !important;
}

input:-webkit-autofill:hover {
    border: 2px solid #cc793c !important;
}

input:-webkit-autofill:focus {
    -webkit-text-fill-color: #cc793c !important;
}

.login-form input:-webkit-autofill::placeholder {
    -webkit-text-fill-color: #A18C76 !important;
}

/* Promotion Admin Sayfası Stilleri */
.promotion-admin-container {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.promotion-admin-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #65553e;
    position: relative;
    z-index: 1;
}

.promotion-admin-header img {
    width: 48px;
    height: 48px;
    margin-right: 15px;
    filter: drop-shadow(0 0 4px rgba(255, 166, 38, 0.5));
}

.promotion-admin-header h4 {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.promotion-rules-box {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.promotion-rules-box h2 {
    color: #cc793c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.promotion-rules-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.promotion-rules-box ul li {
    color: #b5a185;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.promotion-rules-box ul li::before {
    content: "•";
    color: #cc793c;
    position: absolute;
    left: 0;
}

.promotion-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.promotion-tab-item {
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 15px 20px;
    color: #b5a185;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.promotion-tab-item:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
    background: rgba(87, 13, 13, 0.2);
}

.promotion-tab-item.is-active {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border-color: #cc793c;
    color: #cc793c;
}

.promotion-tab-item img {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.promotion-tab-item:hover img {
    transform: scale(1.1);
}

.promotion-action-buttons {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.promotion-action-button {
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border: 1px solid #cc793c;
    border-radius: 8px;
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    flex: 1;
    text-decoration: none;
}

.promotion-action-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
    color: #cc793c;
}

.promotion-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    margin-top: -8px;
}

.promotion-table thead th {
    background: rgba(255, 166, 38, 0.1);
    color: #cc793c;
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
}

.promotion-table tbody tr {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    transition: all 0.3s ease;
}

.promotion-table tbody tr:hover {
    transform: translateY(-2px);
}

.promotion-table td {
    padding: 12px;
    color: #b5a185;
    text-align: center;
    border-top: 1px solid #3D3223;
    border-bottom: 1px solid #65553e;
}

.promotion-table td:first-child {
    border-left: 1px solid #3D3223;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.promotion-table td:last-child {
    border-right: 1px solid #3D3223;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.promotion-table a {
    color: #cc793c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.promotion-table a:hover {
    color: #F4D5A9;
}

@media (max-width: 768px) {
    .promotion-admin-container {
        padding: 15px;
    }

    .promotion-admin-header img {
        width: 36px;
        height: 36px;
    }

    .promotion-admin-header h4 {
        font-size: 20px;
    }

    .promotion-tab-item {
        padding: 10px 15px;
        font-size: 12px;
    }

    .promotion-tab-item img {
        width: 20px;
        height: 20px;
    }

    .promotion-action-buttons {
        flex-direction: column;
    }

    .promotion-table {
        font-size: 12px;
    }

    .promotion-table th,
    .promotion-table td {
        padding: 8px;
    }
}

/* Promotion Admin Sayfası Yeni Stiller */
.promotion-stat-box {
    background: linear-gradient(145deg, #1A1716 0%, #0F1013 100%);
    border: 1px solid #3D3223;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    height: 100%;
}

.promotion-stat-box:hover {
    border-color: #cc793c;
    transform: translateY(-2px);
}

.promotion-stat-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
}

.promotion-stat-icon img {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(757%) hue-rotate(334deg) brightness(101%) contrast(101%);
}

.promotion-stat-info {
    display: flex;
    flex-direction: column;
}

.promotion-stat-label {
    color: #A18C76;
    font-size: 14px;
    margin-bottom: 5px;
}

.promotion-stat-value {
    color: #cc793c;
    font-size: 24px;
    font-weight: 600;
}

.rules-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.rules-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(757%) hue-rotate(334deg) brightness(101%) contrast(101%);
}

.action-button-icon {
    background: rgba(255, 166, 38, 0.1);
    padding: 12px;
    border-radius: 8px;
    margin-right: 15px;
}

.action-button-icon img {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(757%) hue-rotate(334deg) brightness(101%) contrast(101%);
}

.action-button-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.action-button-text span {
    color: #cc793c;
    font-size: 16px;
    font-weight: 600;
}

.action-button-text small {
    color: #A18C76;
    font-size: 12px;
    margin-top: 2px;
}

.tab-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tab-text small {
    color: #A18C76;
    font-size: 12px;
    margin-top: 2px;
}

.partner-link {
    text-decoration: none;
    transition: all 0.3s ease;
}

.partner-info {
    display: flex;
    align-items: center;
}

.partner-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(757%) hue-rotate(334deg) brightness(101%) contrast(101%);
}

.coin-amount {
    color: #cc793c;
    font-weight: 600;
}

.channel-link {
    color: #b5a185;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 500;
}

.channel-link:hover {
    color: #cc793c;
}

.language-tag, .platform-tag {
    background: rgba(255, 166, 38, 0.1);
    color: #b5a185;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.invited-count, .waiting-count {
    color: #cc793c;
    font-weight: 600;
}

.status-button {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.status-passive {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.2);
}

.status-passive:hover {
    background: rgba(231, 76, 60, 0.2);
    color: #e74c3c;
}

.status-real-money {
    background: rgba(46, 204, 113, 0.1);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.2);
    margin-bottom: 5px;
}

.status-real-money:hover {
    background: rgba(46, 204, 113, 0.2);
    color: #2ecc71;
}

.status-coin {
    background: rgba(241, 196, 15, 0.1);
    color: #f1c40f;
    border: 1px solid rgba(241, 196, 15, 0.2);
}

.status-coin:hover {
    background: rgba(241, 196, 15, 0.2);
    color: #f1c40f;
}

.status-buttons {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.no-data {
    text-align: center;
    color: #A18C76;
    font-style: italic;
    padding: 20px;
}

@media (max-width: 768px) {
    .promotion-stat-box {
        margin-bottom: 15px;
    }

    .promotion-stat-value {
        font-size: 20px;
    }

    .action-button-text span {
        font-size: 14px;
    }

    .action-button-text small {
        font-size: 11px;
    }

    .promotion-table th,
    .promotion-table td {
        font-size: 12px;
        padding: 8px;
    }

    .language-tag,
    .platform-tag {
        font-size: 11px;
        padding: 3px 6px;
    }

    .status-button {
        font-size: 11px;
        padding: 4px 8px;
    }
}

/* Font Awesome İkon Stilleri */
.promotion-stat-icon i,
.rules-icon,
.action-button-icon i,
.promotion-tab-item i,
.partner-icon {
    color: #cc793c;
    font-size: 24px;
}

.promotion-stat-icon i {
    font-size: 28px;
}

.action-button-icon i {
    font-size: 26px;
}

.promotion-tab-item i {
    font-size: 22px;
    margin-right: 10px;
}

.partner-icon {
    font-size: 18px;
    margin-right: 8px;
}

.rules-icon {
    margin-right: 10px;
}

/* Hover Efektleri */
.promotion-stat-box:hover .promotion-stat-icon i,
.promotion-action-button:hover .action-button-icon i,
.promotion-tab-item:hover i {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.promotion-tab-item.is-active i {
    color: #cc793c;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
}

.empire-flag {
    display: block;
    width: 29px;
    height: 16px;
    margin: 0 auto
}

.empire-flag.jinno {
    background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAAtAAADAQEAAAAAAAAAAAAAAAACAwQFBgEAAwEAAAAAAAAAAAAAAAAAAAIDBf/aAAwDAQACEAMQAAAA4EnXaSY5Woof/8QAJBAAAgIBAwIHAAAAAAAAAAAAAQIDEQASITFBYQQTIiNDUnH/2gAIAQEAAT8A8uZj6La2ql3IPfDDOqLI5Ko3DXeFX5Dtp+xFDIrOq2PTnEWdXZkVwb6ft4kvi0+IsdtJIqq7DJVmkbVJCzHI0ZS/tsBe15//xAAdEQACAgEFAAAAAAAAAAAAAAABAwARAgQTITFB/9oACAECAQE/AGL1YN4URfXvMXg6xuCf/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Aqv/Z) no-repeat
}

.empire-flag.shinsoo {
    background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAAsAAACAwAAAAAAAAAAAAAAAAAEBQIDBgEBAQEAAAAAAAAAAAAAAAAAAgUG/9oADAMBAAIQAxAAAADDFRaTtCrqaAF//8QAIRAAAgICAgIDAQAAAAAAAAAAAQIDEQASITEEIhRBUnH/2gAIAQEAAT8AtjIRsR7V3g8TyigYHu65vYDixXY4x/GnjUOzepW9tuL/ACD9nIWb2snFicSE6tW2fICrIieJtG+lpL7AleOgBxQ6yeYzbl4ZNyoUc2BX9GRRMC1qR1n/xAAYEQADAQEAAAAAAAAAAAAAAAAAAQISIf/aAAgBAgEBPwBOSnOeH//EABwRAAEEAwEAAAAAAAAAAAAAAAEAAgQSAxETI//aAAgBAwEBPwDM2TYc9qO2Rb0BX//Z) no-repeat
}

.empire-flag.chunjo {
    background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAArAAADAQEAAAAAAAAAAAAAAAADBAUCBgEBAQAAAAAAAAAAAAAAAAAAAQX/2gAMAwEAAhADEAAAAFtGFGorXYPRh//EACMQAAICAgICAQUAAAAAAAAAAAECAwQAEgURBiFREzFBQqH/2gAIAQEAAT8Av86a092JWO8Mqqqs5G5b4yLnqxQGa0Yjsw+7EHU/qct+RCIA15DKCoOxYqOiSOx8gZw3ILfluor7iFkAbbYMGzmPHJOWsqUQRgMS8mntsq+Ihg8FqKf6QPaex0cs+Iz2ZZARMiAEI79N/FzgaD0KpikhCOOgxUen6/Of/8QAHBEAAQMFAAAAAAAAAAAAAAAAAQADERITIjJB/9oACAECAQE/AAGaBMz1OBq3jsv/xAAXEQEBAQEAAAAAAAAAAAAAAAARAAIx/9oACAEDAQE/AHJ20F//2Q==) no-repeat
}



.main-header {
    background: linear-gradient(180deg, rgba(15, 16, 19, 0.80) 0%, rgba(15, 16, 19, 0.85) 100%)!important;
    border-bottom: 1px solid rgba(61, 50, 35, 0.5);
    padding: 15px 0;
    position: relative;
    z-index: 100;
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.nav-logo {
    flex-shrink: 0;
}

.nav-logo img {
    height: 50px;
    width: auto;
    transition: transform 0.3s ease;
}

.nav-logo:hover img {
    transform: scale(1.05);
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-item {
    position: relative;
}

.nav-item a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #d3bfaa !important;
    text-shadow: 0px 0px 15px #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-item i {
    font-size: 16px;
    color: #cc793c!important;
}

.nav-item:hover a {
	background: url(../img/buton2.png)!important;
    border: 1px solid #8d6c4c!important;
    color: #ebbf93!important;
    color: #cc793c;
    transform: translateY(-2px);
}

.nav-item.active a {
	background: url(../img/buton.png)!important;
    border: 1px solid #8d6c4c!important;
    color: #ebbf93!important;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.fa-download {
    color: #cc793c!important;
}

.download-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
	background: url(../img/buton.png)!important;
    border: 1px solid #8d6c4c!important;
    color: #ebbf93!important;
	border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-button:hover {
    transform: translateY(-2px);
	background: url(../img/buton2.png)!important;
    box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
    color: #cc793c;
}

.language-selector {
    position: relative;
    margin-left: 10px;
}

.language-current {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 8px;
}

.language-current:hover {
    border-color: #cc793c;
    background: rgba(15, 16, 19, 0.5);
    transform: translateY(-2px);
}

.language-current img {
    width: 32px;
    height: 22px;
    border-radius: 4px;
    object-fit: cover;
}

.language-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    background: rgba(15, 16, 19, 0.95);
    border: 1px solid #3D3223;
    border-radius: 12px;
    padding: 12px;
    display: none;
    flex-direction: column;
    gap: 10px;
    min-width: 180px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.language-selector:hover .language-dropdown {
    display: none;
}

.language-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #b5a185;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.language-option span {
    font-size: 14px;
    font-weight: 500;
}

.language-option:hover {
    background: rgba(255, 166, 38, 0.1);
    color: #cc793c;
    transform: translateX(4px);
}

.language-option img {
    width: 32px;
    height: 22px;
    border-radius: 4px;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .nav-item a span {
        display: none;
    }

    .nav-item a {
        padding: 10px;
    }

    .nav-item i {
        font-size: 18px;
    }
}

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

/* Mobil Menü Butonu */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    color: #cc793c;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
}

/* Responsive Düzenlemeler */
@media (max-width: 991px) {
    .nav-container {
        padding: 8px 15px;
        position: relative;
    }

    .nav-logo {
        padding: 5px 0;
    }

    .nav-logo img {
        height: 38px;
    }

    .mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
        background: rgba(255, 166, 38, 0.1);
        border: 1px solid rgba(255, 166, 38, 0.2);
        border-radius: 8px;
        color: #cc793c;
        transition: all 0.3s ease;
    }

    .mobile-menu-toggle:hover {
        background: rgba(255, 166, 38, 0.15);
    }

    .nav-menu {
        display: none;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(15, 16, 19, 0.98);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-top: 1px solid rgba(255, 166, 38, 0.1);
        padding: 20px;
        z-index: 1000;
        overflow-y: auto;
    }

    .nav-menu.active {
        display: block;
    }

    .nav-item {
        width: 100%;
        margin-bottom: 10px;
        background: linear-gradient(145deg, rgba(87, 13, 13, 0.1) 0%, rgba(61, 8, 8, 0.1) 100%);
        border: 1px solid rgba(255, 166, 38, 0.1);
        border-radius: 12px;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .nav-item:hover {
        transform: translateX(5px);
        background: linear-gradient(145deg, rgba(87, 13, 13, 0.2) 0%, rgba(61, 8, 8, 0.2) 100%);
        border-color: rgba(255, 166, 38, 0.2);
    }

    .nav-item.active {
        background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
        border-color: rgba(255, 166, 38, 0.3);
    }

    .nav-item a {
        padding: 15px;
        justify-content: flex-start;
        gap: 15px;
    }

    .nav-item a span {
        display: inline-block !important;
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        color: #b5a185;
    }

    .nav-item i {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #cc793c!important;
    }

    .nav-right {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .download-button {
        height: 40px;
        padding: 0 15px;
	background: url(../img/buton.png)!important;
    border: 1px solid #8d6c4c!important;
    color: #ebbf93!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .download-button i {
        font-size: 18px;
    }

    .language-current {
        width: 40px;
        height: 40px;
        padding: 8px;
        background: rgba(15, 16, 19, 0.3);
        border: 1px solid rgba(255, 166, 38, 0.2);
        border-radius: 8px;
    }

    .language-current img {
        width: 24px;
        height: 16px;
        border-radius: 2px;
    }

    .language-dropdown {
        right: 0;
        min-width: 200px;
        background: rgba(15, 16, 19, 0.98);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 166, 38, 0.1);
        border-radius: 12px;
        padding: 10px;
    }

    .language-option {
        padding: 12px;
        border-radius: 8px;
    }
}

@media (max-width: 576px) {
    .nav-container {
        padding: 5px 10px;
    }

    .nav-logo img {
        height: 32px;
    }

    .mobile-menu-toggle {
        width: 36px;
        height: 36px;
    }

    .nav-menu {
        top: 60px;
        padding: 15px;
    }

    .nav-item a {
        padding: 12px;
    }

    .nav-item a span {
        font-size: 14px;
    }

    .download-button {
        height: 36px;
        padding: 0 12px;
    }

    .language-current {
        width: 36px;
        height: 36px;
        padding: 6px;
    }

}
	.stats-item.highlight {
	background: url(../img/buton3.png)!important;
    border: 1px solid #49413d!important;
    color: #ebbf93!important;
}
	.stats-box {
	background-color:#0C0D10!important;
    border: 1px solid #3D3223;
    border-radius: 12px;
    overflow: hidden;
}



/* Başlık */
.stats-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #3D3223;
}

.stats-header img {
    width: 24px;
    height: 24px;
}

/* Sidebar Menu Stilleri */
.sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px;
}

.sidebar-menu-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    color: #E0B16D;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 16px;
}

.sidebar-menu-item:hover {
    background: rgba(15, 16, 19, 0.8);
    border-color: #ebbf93;
    transform: translateY(-1px);
    color: #E0B16D;
}

.sidebar-menu-item i:first-child {
    font-size: 18px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.menu-value {
    color: #ebbf93;
    font-weight: 600;
    font-size: 14px;
    margin-left: auto;
}

.menu-arrow {
    color: #E0B16D;
    font-size: 14px;
    opacity: 0.8;
    margin-left: auto;
}

.sidebar-menu-item:hover .menu-arrow {
    color: #ebbf93;
    opacity: 1;
    transform: translateX(2px);
}

/* Çıkış Butonu Özel Stil */
.sidebar-menu-item.logout {
    background: rgba(87, 13, 13, 0.3);
    border-color: #570D0D;
}

.sidebar-menu-item.logout:hover {
    background: rgba(87, 13, 13, 0.5);
    border-color: #ebbf93;
}

/* Sıralama Kutusu */
.ranking-box {
    background: linear-gradient(145deg, rgba(26, 23, 22, 0.9) 0%, rgba(15, 16, 19, 0.9) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    overflow: hidden;
}

/* Başlık */
.ranking-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #3D3223;
}

.ranking-header img {
    width: 24px;
    height: 24px;
}

.ranking-header h3 {
    color: #cc793c!important;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

/* Liste */
.ranking-list {
    padding: 15px;
}

/* Liste Öğesi */
.ranking-item {
    padding: 10px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.ranking-item:hover {
    border-color: #ebbf93;
    background: rgba(15, 16, 19, 0.5);
    transform: translateY(-1px);
}

/* Oyuncu Bilgileri */
.ranking-player {
    display: flex;
    align-items: center;
    gap: 12px;
}

.player-avatar {
    position: relative;
    width: 40px;
    height: 40px;
}

.player-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #3D3223;
}

.player-level {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border: 1px solid #ebbf93;
    color: #ebbf93!important;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 24px;
    text-align: center;
}

.player-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.player-name {
    color: #ebbf93!important;
    font-size: 14px;
    font-weight: 500;
}

.player-guild {
    color: #A18C76!important;
    font-size: 12px;
}

/* Ayırıcı */
.ranking-divider {
    height: 1px;
    background: #3D3223;
    margin: 10px 0;
    opacity: 0.5;
}

/* Boş Durum */
.ranking-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    color: #A18C76;
    text-align: center;
}

.ranking-empty i {
    font-size: 24px;
    color: #ebbf93;
}

.ranking-empty span {
    font-size: 14px;
}

/* İstatistik Kutusu */
.stats-box {
    background: linear-gradient(145deg, rgba(26, 23, 22, 0.9) 0%, rgba(15, 16, 19, 0.9) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    overflow: hidden;
}

/* Başlık */
.stats-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #3D3223;
}

.stats-header img {
    width: 24px;
    height: 24px;
}

.stats-header h3 {
    color: #cc793c!important;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

/* İçerik */
.stats-content {
    padding: 15px;
}

/* İstatistik Öğesi */
.stats-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.stats-item:hover {
    border-color: #ebbf93;
    background: rgba(15, 16, 19, 0.5);
    transform: translateY(-1px);
}

/* Öne Çıkan İstatistik */
.stats-item.highlight {
    background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
    border-color: rgba(255, 166, 38, 0.2);
}

.stats-item.highlight .stats-value {
    color: #ebbf93!important;
    font-size: 20px;
}

.stats-item.highlight .stats-icon i {
    color: #ebbf93!important;
    font-size: 24px;
}

/* İkon */
.stats-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 166, 38, 0.1);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-icon i {
    color: #E0B16D;
    font-size: 18px;
}

/* Bilgi */
.stats-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stats-value {
    color: #E0B16D;
    font-size: 16px;
    font-weight: 600;
}

.stats-label {
    color: #A18C76;
    font-size: 12px;
}

/* Ayırıcı */
.stats-divider {
    height: 1px;
    background: #3D3223;
    margin: 10px 0;
    opacity: 0.5;
}

/* Pulse Animasyonu */
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }

}

.footer-bg-img {
    background: linear-gradient(180deg, rgba(15, 16, 19, 0.95) 0%, rgba(15, 16, 19, 0.98) 100%);
    border-top: 1px solid rgba(255, 166, 38, 0.1);
    padding: 15px 0 0;
    margin-bottom: 0;
}

.footer-logo-img {
    height: auto;
    width: 160px;
    transition: all 0.3s ease;
}

.footer-nav {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-main-link {
    color: #E0B16D;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 3px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

.footer-main-link:hover {
    color: #cc793c!important;
    background: rgba(255, 166, 38, 0.1);
}

.footer-social {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.social-icon {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
	background: url(../img/buton.png)!important;
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 4px;
    color: #ebbf93!important;
    font-size: 12px;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background: rgba(255, 166, 38, 0.15);
    transform: translateY(-2px);
    color: #cc793c;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 166, 38, 0.1);
    padding-top: 8px;
    margin-top: 8px;
    padding-bottom: 8px;
}

.kvkk-container {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.kvkk-link {
    color: rgba(224, 177, 109, 0.7);
    text-decoration: none;
    font-size: 10px;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(255, 166, 38, 0.05);
    border: 1px solid rgba(255, 166, 38, 0.1);
    transition: all 0.3s ease;
}

.kvkk-link:hover {
    color: #cc793c;
    background: rgba(255, 166, 38, 0.1);
    border-color: rgba(255, 166, 38, 0.2);
}

.copyright {
    color: rgba(224, 177, 109, 0.6);
    font-size: 10px;
}

@media (max-width: 768px) {
    .footer-bg-img {
        padding: 12px 0 0;
    }

    .footer-logo-img {
        width: 140px;
    }

    .footer-nav {
        gap: 10px;
    }

    .footer-main-link {
        font-size: 11px;
    }

    .kvkk-container {
        flex-direction: column;
        gap: 6px;
    }

    .social-icon {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .footer-bg-img {
        padding: 10px 0 0;
    }

    .footer-logo-img {
        width: 120px;
    }

    .footer-main-link {
        font-size: 10px;
        padding: 2px 4px;
    }

    .kvkk-link {
        font-size: 9px;
        padding: 2px 4px;
    }

    .copyright {
        font-size: 9px;
    }
}

/* Geri Sayım Stilleri */
.countdown-container {
    background: linear-gradient(180deg, rgba(15, 16, 19, 0.5) 0%, rgba(15, 16, 19, 0.3) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.countdown-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.countdown-item {
    background: linear-gradient(180deg, rgba(61, 50, 35, 0.3) 0%, rgba(61, 50, 35, 0.1) 100%);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 8px;
    padding: 15px 25px;
    min-width: 120px;
    transition: all 0.3s ease;
}

.countdown-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 166, 38, 0.4);
    box-shadow: 0 4px 15px rgba(255, 166, 38, 0.1);
}

.countdown-number {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #FFA626;
    text-shadow: 0 0 10px rgba(255, 166, 38, 0.3);
    margin-bottom: 5px;
}

.countdown-label {
    display: block;
    font-size: 14px;
    color: #E0B16D;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.countdown-expired {
    font-size: 32px;
    color: #FFA626;
    font-weight: 700;
    text-shadow: 0 0 15px rgba(255, 166, 38, 0.4);
    margin: 20px 0;
}

/* Video Bölümü Stilleri */
.video-container {
    max-width: 600px;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(15, 16, 19, 0.8) 0%, rgba(15, 16, 19, 0.6) 100%);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

.video-container iframe {
    height: 280px;
    border-radius: 8px;
}

.new-server-title {
    color: #FFA626;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px;
    text-shadow: 0 0 15px rgba(255, 166, 38, 0.4);
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.new-server-title::before,
.new-server-title::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 166, 38, 0) 0%, #FFA626 100%);
}

.new-server-title::before {
    right: 100%;
    margin-right: -10px;
    background: linear-gradient(90deg, #FFA626 0%, rgba(255, 166, 38, 0) 100%);
}

.new-server-title::after {
    left: 100%;
    margin-left: -10px;
}

.new-countdown-container {
    margin-top: 30px;
    text-align: center;
    padding: 15px;
    background: linear-gradient(180deg, rgba(15, 16, 19, 0.7) 0%, rgba(15, 16, 19, 0.5) 100%);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 166, 38, 0.15);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.countdown-container {
    background: linear-gradient(180deg, rgba(61, 50, 35, 0.2) 0%, rgba(61, 50, 35, 0.1) 100%);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 16px;
    padding: 25px;
    margin: 0 auto;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

.countdown-wrapper {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.countdown-item {
    min-width: 100px;
    padding: 12px 20px;
}

@media (max-width: 768px) {
    .new-server-title {
        font-size: 22px;
        padding: 0 15px;
        max-width: 95%;
    }

    .new-server-title::before,
    .new-server-title::after {
        width: 20px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .video-container iframe {
        height: 240px;
    }
}

@media (max-width: 480px) {
    .new-server-title {
        font-size: 18px;
        padding: 0 10px;
    }

    .new-server-title::before,
    .new-server-title::after {
        width: 15px;
    }

    .video-container iframe {
        height: 200px;
    }
}

#discord {
    position: fixed;
    bottom: 100px;
    right: -150px;
    z-index: 45;
    opacity: .5;
    transition: .3s
}

#discord:hover {
    right: 0;
    opacity: 1
}

.rc-anchor-normal-footer {
    display: none !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* Sidebar Menu Stilleri */
.sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px;
}

.sidebar-menu-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: rgba(15, 16, 19, 0.5);
    border: 1px solid #3D3223;
    border-radius: 8px;
    color: #E0B16D;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 16px;
}

.sidebar-menu-item:hover {
    background: rgba(15, 16, 19, 0.8);
    border-color: #FFA626;
    transform: translateY(-1px);
    color: #E0B16D;
}

.sidebar-menu-item i:first-child {
    font-size: 18px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-text {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
}

.menu-value {
    color: #FFA626;
    font-weight: 600;
    font-size: 14px;
    margin-left: auto;
}

.menu-arrow {
    color: #E0B16D;
    font-size: 14px;
    opacity: 0.8;
    margin-left: auto;
}

.sidebar-menu-item:hover .menu-arrow {
    color: #FFA626;
    opacity: 1;
    transform: translateX(2px);
}

/* Çıkış Butonu Özel Stil */
.sidebar-menu-item.logout {
    background: rgba(87, 13, 13, 0.3);
    border-color: #570D0D;
}

.sidebar-menu-item.logout:hover {
    background: rgba(87, 13, 13, 0.5);
    border-color: #FFA626;
}

/* Sıralama Kutusu */
.ranking-box {
    background: linear-gradient(145deg, rgba(26, 23, 22, 0.9) 0%, rgba(15, 16, 19, 0.9) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    overflow: hidden;
}

/* Başlık */
.ranking-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #3D3223;
}

.ranking-header img {
    width: 24px;
    height: 24px;
}

.ranking-header h3 {
    color: #FFA626;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

/* Liste */
.ranking-list {
    padding: 15px;
}

/* Liste Öğesi */
.ranking-item {
    padding: 10px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.ranking-item:hover {
    border-color: #FFA626;
    background: rgba(15, 16, 19, 0.5);
    transform: translateY(-1px);
}

/* Oyuncu Bilgileri */
.ranking-player {
    display: flex;
    align-items: center;
    gap: 12px;
}

.player-avatar {
    position: relative;
    width: 40px;
    height: 40px;
}

.player-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #3D3223;
}

.player-level {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
    border: 1px solid #FFA626;
    color: #FFA626;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 10px;
    min-width: 24px;
    text-align: center;
}

.player-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.player-name {
    color: #FFA626;
    font-size: 14px;
    font-weight: 500;
}

.player-guild {
    color: #A18C76;
    font-size: 12px;
}

/* Ayırıcı */
.ranking-divider {
    height: 1px;
    background: #3D3223;
    margin: 10px 0;
    opacity: 0.5;
}

/* Boş Durum */
.ranking-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    color: #A18C76;
    text-align: center;
}

.ranking-empty i {
    font-size: 24px;
    color: #FFA626;
}

.ranking-empty span {
    font-size: 14px;
}

/* İstatistik Kutusu */
.stats-box {
    background: linear-gradient(145deg, rgba(26, 23, 22, 0.9) 0%, rgba(15, 16, 19, 0.9) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    overflow: hidden;
}

/* Başlık */
.stats-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #3D3223;
}

.stats-header img {
    width: 24px;
    height: 24px;
}

.stats-header h3 {
    color: #FFA626;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

/* İçerik */
.stats-content {
    padding: 15px;
}

/* İstatistik Öğesi */
.stats-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.stats-item:hover {
    border-color: #FFA626;
    background: rgba(15, 16, 19, 0.5);
    transform: translateY(-1px);
}

/* Öne Çıkan İstatistik */
.stats-item.highlight {
    background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
    border-color: rgba(255, 166, 38, 0.2);
}

.stats-item.highlight .stats-value {
    color: #FFA626;
    font-size: 20px;
}

.stats-item.highlight .stats-icon i {
    color: #FFA626;
    font-size: 24px;
}

/* İkon */
.stats-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 166, 38, 0.1);
    border: 1px solid rgba(255, 166, 38, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-icon i {
    color: #E0B16D;
    font-size: 18px;
}

/* Bilgi */
.stats-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stats-value {
    color: #E0B16D;
    font-size: 16px;
    font-weight: 600;
}

.stats-label {
    color: #A18C76;
    font-size: 12px;
}

/* Ayırıcı */
.stats-divider {
    height: 1px;
    background: #3D3223;
    margin: 10px 0;
    opacity: 0.5;
}

/* Pulse Animasyonu */
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Sunucu Seçim Paneli */
.server-select-panel {
    background: linear-gradient(145deg, rgba(26, 23, 22, 0.9) 0%, rgba(15, 16, 19, 0.9) 100%);
    border: 1px solid #3D3223;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
}

.server-select-header {
    background: rgba(255, 166, 38, 0.1);
    padding: 15px;
    border-bottom: 1px solid #3D3223;
}

.server-select-title {
    color: #FFA626;
    font-size: 16px;
    font-weight: 600;
}

.server-select-content {
    padding: 15px;
}

.server-select-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    background: rgba(15, 16, 19, 0.3);
    border: 1px solid #3D3223;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.server-select-item:hover {
    background: rgba(15, 16, 19, 0.5);
    border-color: #FFA626;
    transform: translateY(-2px);
    text-decoration: none;
}

.server-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.server-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.server-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.server-name {
    color: #E0B16D;
    font-size: 16px;
    font-weight: 500;
}

.server-status {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.server-status.online {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.server-status.coming-soon {
    background: rgba(255, 166, 38, 0.1);
    color: #FFA626;
    border: 1px solid rgba(255, 166, 38, 0.2);
}

.server-select-divider {
    height: 1px;
    background: #3D3223;
    margin: 10px 0;
    opacity: 0.5;
}

#widget1 {
    position: fixed;
    bottom: 250px;
    right: 0px;
    z-index: 45;
    opacity: .5;
    transition: .3s;
}

#widget1:hover {
    right: 0;
    opacity: 1
}