.full_kenhdoitac{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
:focus-visible {
  outline: none;
}
.header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
border-bottom: 1px solid #ddd;
}

.title_kenhdoitac{
    justify-content: space-between;
    padding-bottom: 20px;
    padding-left: 22px;
}
.title_kenhdoitac span{
    font-size: 20px;
    font-weight: 600;
    background: url(../icons/settings_2.png) no-repeat left center;
    background-size: contain;
    padding-left: 40px;
    margin-bottom: 10px;
}
.chu_label_themdg{
    font-size: 18px;
    font-weight: 600;
    background: url(../icons/user1.png) no-repeat left center;
    background-size: contain;
    padding-left: 35px;
    margin-bottom: 10px;
}
.bgmautrang{
    background: #fff !important;
}
.chu_label_themkh{
    font-size: 18px;
    font-weight: 600;
    background: url(../icons/target.png) no-repeat left center;
    background-size: contain;
    padding-left: 35px;
    margin-bottom: 10px;
}
.title_kenhdoitac input{
    margin-bottom: 0px;
}
.center-c{
    text-align: center;
}
.desc_kenhdoitac{
    text-align: left;
    font-size: 16px;
    display: block;
    margin: auto;
    max-width: 90%;
    margin-bottom: 15px;
}
.chuh2_kenhdoitac{
    font-size: 20px;
    font-weight: 600;
    margin: auto;
    max-width: 90%;
    background: url(../icons/party.png) no-repeat left center;
    background-size:contain;
    padding-left: 40px;
    margin-bottom: 10px;
}
.w75k{
    width: 80%;
}
.content_img{
    padding-bottom: 10px;
}
.content_img img{
    max-width: 120px;
}

input.btn-luu{
    display: inline-block;
    color: #333;
    font-weight: 600;
    padding: 4px 15px;
    background: rgba(0, 0, 0,0.07);
    cursor: pointer;
    border-radius: 50px;
    border: none;
    outline: none;
    margin-bottom: 0px;
}
.div_nut{
padding-bottom: 0px;
}
input.btn-luu:hover{
    color: #fff;
    background: #333;
}
.mar0{
    margin-bottom: 0px !important;
}
.tabs a{
margin-right:25px;
color:#333;
cursor:pointer;
display: inline-block;
padding-bottom: 5px;
}

.tabs a.active, .tabs a:hover{
color:black;
font-weight:600;
border-bottom:2px solid black;
padding-bottom:6px;
}

.ask{
background:#eee;
border:none;
padding:10px 18px;
border-radius:20px;
cursor:pointer;
}

.main{
display:flex;
gap:30px;
padding-bottom: 50px;
}

.left{
flex:1;
margin-top: 20px;
}

.right{
width:360px;
}

.desc{
color:#666;
margin-bottom:20px;
}

.accordion{
background:white;
border-radius:12px;
padding:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
border:1px solid #e5e4e4;
}
.chuh3_kenhdoitac{
    font-size: 18px;
    font-weight: 600;
}

.item{
border-bottom:1px solid #eee;
}

.item:last-child{
border:none;
}

.title{
padding:18px;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
font-weight:500;
transition:.2s;
}

.title:hover{
background:#fafafa;
border-radius:8px;
}

.icon{
transition: transform .4s cubic-bezier(.4,0,.2,1);
color:#777;
}

.content-wrapper{
height:0;
overflow:hidden;
transition: height .45s cubic-bezier(.4,0,.2,1);
}

.content{
padding:0 18px 18px;
color:#666;
opacity:.6;
transform:translateY(-8px);
transition:.35s;
line-height:1.6;
}

.item.active .content{
opacity:1;
transform:translateY(0);
}

.item.active .icon{
transform:rotate(180deg);
color:#3a5bff;
}

.note{
color:#777;
margin-top:20px;
font-size:14px;
}

.progress1{
height:8px;
background:#e5e7eb;
border-radius:20px;
margin-top:15px;
}

.bar{
width:28%;
height:100%;
background:#ff2d55;
border-radius:20px;
}

.steps{
display:flex;
gap:30px;
margin-top:18px;
font-size:14px;
color:#555;
}

.step{
display:flex;
align-items:center;
gap:8px;
}

.card_kenh{
background:white;
padding:22px;

}

.price-box{
    background: #f7f8fc;
    padding: 10px 15px;
    border-radius: 10px;
    margin-top: 15px;
    box-shadow: 1px 1px #ccc;
    font-size: 18px;
    text-align: center;
}

.price{
color:#f39c12;
font-weight:700;
margin-left:8px;
}
.margin10{
    margin-bottom: 10px;
    font-size: 14px;
}
.chumophong{
    
    font-size: 18px;
    background: #eaf2ff;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    color: #2b6cff;
    margin-bottom:12px;
}
.chumophong h2{
    background: url(../icons/market-analysis.png) no-repeat left center;
    background-size: contain;
    display: inline-block;
    padding-left: 30px;
    font-weight: 600;
}
.chumophong h3{
    background: url(../icons/profit-growth.png) no-repeat left center;
    background-size: contain;
    display: flex;
    padding-left: 30px;
    font-weight: 600;
    gap: 10px;
    font-size: 18px;
}
.chu_busine{
    display: flex;
    justify-content: space-between;
    font-size: 17px;
}
.chu_busine h2{
    font-size: 18px;
    font-weight: 600;
}
.container_phantich .mok-success-badge{
margin-bottom: 10px;
}
.mkrica-results-left h2{
    display: flex;
    font-size: 18px;
    padding:5px 15px;
    border-radius: 20px;
    gap: 10px;
    background: #eaf2ff url(../icons/profit-growth.png) no-repeat left center;
    background-size: contain;
    padding-left: 40px;
}
.chu_mota_conso{
    margin-top: 10px;
    font-weight: 600;
}
.small{
color:#777;
font-size:14px;
}

.check{
margin-top:10px;
color:#444;
}

.sale{
border-radius: 12px;
margin-top: 18px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 600;
}

.sale-price{
background: #FFB065;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    flex-direction: column;
    color: #222;
    font-size: 20px;
    line-height: 10px;
    font-style: normal;
}
.sale-price::before {
    content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    background: linear-gradient(180deg, #FFEAD5 66.92%, rgba(255, 234, 213, 0.00) 100%);
    border-radius: 50%;
    z-index: 1;
}
.sale-price h3{
        z-index: 1;
    color: #333;
    font-size: 20px;
    position: relative;
    font-weight: 600;
}
.mokrica-content img,.mokrica-content iframe{
    max-width: 100% !important;
    height: auto !important;
}

.activate{
width:100%;
max-width: 100%;
margin-top:10px;
margin-bottom:10px;
padding:15px;
border:none;
border-radius:30px;
text-align: center;
background:linear-gradient(
90deg,
#3a5bff,
#32d27a
);

color:white;
font-weight:600;
cursor:pointer;

}

.activate:hover{
box-shadow:0 8px 20px rgba(0,0,0,0.15);
color: #fff;
}

.time{
text-align:center;
margin-top:10px;
font-size:13px;
color:#777;
}

/*Phat trien kenh*/
.desc{
color:#777;
}

.card-row{
display:flex;
gap:20px;
margin-top:15px;
margin-bottom:20px;
}

.card{
flex:1;
padding:20px;
border-radius:10px;
box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

.card h4{
margin:0;
font-size:16px;
}

.number{
font-size:32px;
font-weight:bold;
margin:10px 0;
}

.blue{
background:#a9c4d6 !important;
}

.green{
background:#dbe8a6 !important;
}

.darkgreen{
background:#5c8f4c !important;
}

.purple{
background:#5b6ed6 !important;
}

.red{
background:#ef5b5b !important;
}

.upload-box{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.upload-area{
background:#d9e7ef;
border-radius:10px;
padding:30px;
text-align:center;
margin-top:10px;
margin-bottom:15px;
}

.upload-btn{
background:#6c7cff;
border:none;
color:white;
padding:10px 25px;
border-radius:20px;
cursor:pointer;
margin-top:10px;
}

.note{
color:#777;
font-size:14px;
}

table{
width:100%;
border-collapse:collapse;
margin-top:15px;
}

th{
text-align:left;
padding:12px;
background:#f3f4f7;
}

td{
padding:12px;
border-bottom:1px solid #eee;
}

.status{
background:#2ecc71;
color:white;
padding:5px 12px;
border-radius:15px;
font-size:13px;
}
/*Thiết lập kênh*/
.card{
background:white;
padding:35px;
border-radius:14px;
box-shadow:0 3px 14px rgba(0,0,0,0.06);
}

.section{
padding-bottom:25px;
}

label{
font-weight:600;
display:block;
margin-bottom:10px;
color: #333;
}

input[type=text],
textarea{

width:100%;
padding:13px;
border-radius:10px;
border:1px solid #e2e5ea;
margin-bottom:10px;
font-size:14px;

}

textarea{
height:120px;
resize:none;
}

.banner-box{
display:flex;
gap:20px;
align-items:center;
}

.banner-preview{

width:220px;
height:120px;
background:#f9f9f9;
border-radius:10px;
background-size:cover;
background-position:center;
padding-top: 10px;
}

.kenh_hinhanh{
width: 220px;
    height: 120px;
    background: #f9f9f9;
    border-radius: 10px;
    background-size: cover;
    text-align: center;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.chumota{
    display: block;
    margin-bottom: 5px;
    color: #666;
}
.btn{
background: rgba(0, 0, 0,0.05);
    border: none;
    padding: 7px 13px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;

}
.btn:hover{
    background: rgba(0, 0, 0, 0.1);
}
.mgb10{
    margin-bottom: 25px;
}

.banner_kenh{
    height: 100px;
    width: 130px;
}

.avatar-row{
display:flex;
gap:20px;
align-items:center;
}

.avatar{
width:90px;
height:90px;
border-radius:50%;
background-size:cover;
overflow: hidden;
}
.avatar img{
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.upload-area{

border:2px dashed #d7dbe3;
padding:25px;
border-radius:12px;
background:#fafbff;
text-align:center;
cursor:pointer;
transition:.2s;

}

.upload-area:hover{

border-color:#4f46e5;
background:#f4f5ff;

}

.file-name{

margin-top:10px;
font-size:14px;
color:#4f46e5;

}

.translator-header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;

}

.search{

width:250px;
padding:10px;
border-radius:20px;
border:1px solid #e2e5ea;

}

.translator-list{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;

max-height:260px;

overflow:auto;

padding-right:5px;

}

.translator{

display:flex;
align-items:center;
gap:12px;
padding:12px;
border-radius:12px;
border:1px solid #e6e8ee;
cursor:pointer;
transition:.15s;

}

.translator:hover{

background:#f7f8ff;
border-color:#4f46e5;

}

.translator img{

width:40px;
height:40px;
border-radius:50%;

}

.count{

margin-top:10px;
font-size:14px;
color:#666;

}

.checkbox{

width:18px;
height:18px;

}


/*Phan tich*/

.grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

}

.card{

background:white;

padding:20px;

border-radius:10px;

box-shadow:0 2px 10px rgba(0,0,0,0.08);

margin-top:20px;

}


input{
padding:10px;
margin-bottom:12px;
border:1px solid #ddd;
border-radius:6px;
}

button{
background:#2d7ef7;
color:white;
border:none;
padding:12px;
border-radius:6px;
cursor:pointer;
font-weight:bold;
/*max-width: 140px;*/
outline: none;
border: none;
}

button:hover{
background:#1b5fd1;
color: #fff !important;
}
.w850{
    max-width:880px;
}
.w600{
    width: 600px;
}
.result-box{

margin-top:15px;

display:flex;

flex-direction:column;

gap:15px;

}

.result-item{

display:flex;

justify-content:space-between;

padding:15px;

background:#f7faff;

border-radius:8px;

border:1px solid #e3ecff;

transition:.2s;

}

.result-item:hover{

transform:translateX(5px);

background:#eef4ff;

}

.label{

color:#6b7280;

}

.value{
font-size:20px;
font-weight:bold;
color: red;
}

.revenue{

color:#16a34a;

}

.tmr{

color:#2563eb;

}

table{

width:100%;

border-collapse:collapse;

margin-top:10px;

}

th,td{

border:1px solid #ddd !important;

padding:10px;

text-align:center;

}

th{
background:#2d7ef7;
}

/**/
.mok-container{
max-width:1100px;
margin:auto;
padding:30px;
}

.mok-hero{

background:white;
padding:20px 30px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
margin-bottom:25px;
border:1px solid #e5e4e4;
}

.mok-success-badge{

background:#eaf2ff;
color:#4a67ff;
display:inline-block;
padding:6px 14px;
border-radius:20px;
font-size:13px;
font-weight:600;

}

.mok-profile{

display:flex;
align-items:center;
margin-top:15px;

}

.mok-avatar{

width:65px;
height:65px;
border-radius:50%;
background:#5b6ed6;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
font-weight:bold;
margin-right:15px;

}

.mok-name{

font-size:20px;
font-weight:bold;

}

.mok-role{

color:#777;
font-size:14px;

}

.mok-highlight{

display:flex;
gap:25px;
margin-top:25px;

}

.mok-big-card{

flex:1;
background:#f8faff;
padding:20px;
border-radius:12px;
text-align:center;

}

.mok-big-number{

font-size:34px;
font-weight:bold;
color:#2d3436;

}

.mok-label{

color:#777;
margin-top:5px;

}

.mok-card-row{

display:flex;
gap:20px;
margin-top:20px;

}

.mok-card{

flex:1;
padding:20px;
border-radius:12px;
color:white;

}

.mok-darkgreen{
background:#5c8f4c;
}

.mok-purple{
background:#5b6ed6;
}

.mok-red{
background:#ef5b5b;
}

.mok-number{

font-size:28px;
font-weight:bold;
margin:10px 0;

}

.mok-chart{

background:white;
padding:25px;
border-radius:15px;
margin-top:25px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);

}

.mok-table{

background:white;
margin-top:25px;
padding:25px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);

}

.mok-table table{
width:100%;
border-collapse:collapse;
}

.mok-table th{

text-align:left;
padding:12px;
background:#f3f4f7;

}

.mok-table td{

padding:12px;
border-bottom:1px solid #eee;

}

.mok-status{

background:#2ecc71;
color:white;
padding:5px 12px;
border-radius:20px;
font-size:13px;

}

.mok-cta{

background:linear-gradient(90deg,#5b6ed6,#7c8cff);
color:white;
padding:25px;
border-radius:15px;
margin-top:30px;
display:flex;
justify-content:space-between;
align-items:center;

}

.mok-cta a{

background:white;
border:none;
padding:12px 25px;
border-radius:25px;
font-weight:bold;
cursor:pointer;
}

.mok-growth{

color:#27ae60;
font-weight:bold;

}

.mokr-section{
}

.mokr-translator-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.mokr-search{

width:240px;

padding:8px 12px;

border-radius:8px;

border:1px solid #e5e7eb;

outline:none;

transition:.2s;

}

.mokr-search:focus{

border-color:#2563eb;

box-shadow:0 0 0 2px rgba(37,99,235,0.15);

}

.mokr-mota{

display:block;

color:#6b7280;

margin-bottom:15px;

}


.mokr-translator{

display:block;

cursor:pointer;

margin-bottom:10px;

}


.mokr-checkbox{

display:none;

}


.mokr-card{

position:relative;

border:1px solid #e5e7eb;

border-radius:12px;

padding:12px;

background:white;

transition:.25s;

}


.mokr-card:hover{

border:1px solid #2563eb;

transform:translateY(-2px);

box-shadow:0 6px 16px rgba(0,0,0,0.08);

}


.mokr-checkbox:checked + .mokr-card{

border:2px solid #2563eb;

background:#eff6ff;

}


.mokr-top{

display:flex;

gap:10px;

align-items:center;

}


.mokr-avatar{

width:42px;

height:42px;

border-radius:50%;

object-fit:cover;

}


.mokr-name{

font-weight:600;

font-size:15px;

}


.mokr-country{

font-size:13px;

color:#6b7280;

}


.mokr-rating{

margin-top:4px;

}


.mokr-star{

font-size:12px;

color:#d1d5db;

}


.mokr-active{

color:#f59e0b;

}


.mokr-lang{

margin-top:10px;

}


.mokr-lang-item{

display:flex;

align-items:center;

gap:6px;

}


.mokr-lang img{

width:22px;

height:22px;

border-radius:4px;

}


.mokr-check{

position:absolute;

top:10px;

right:10px;

width:22px;

height:22px;

border-radius:50%;

background:#2563eb;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-size:11px;

opacity:0;

transform:scale(.7);

transition:.25s;

}


.mokr-checkbox:checked + .mokr-card .mokr-check{

opacity:1;

transform:scale(1);

}


.mokr-count{
margin-top:10px;
font-weight:500;
margin-bottom: 10px;
}
.mokr-translator-list{
    flex-wrap: wrap;
    gap: 10px;
    overflow-y: scroll;
    height: 320px;
    background: rgba(0, 0, 0, 0.03);
    padding: 5px;
    overflow-x: hidden;
}
.w32{
    width: 32%;
}
.img_tenchuyen img{
    width: 20px;
}
.mokr-disabled{

opacity:.4;

pointer-events:none;

}


.mokr-toast{

position:fixed;

bottom:30px;

left:50%;

transform:translateX(-50%) translateY(20px);

background:#111827;

color:white;

padding:10px 18px;

border-radius:10px;

font-size:14px;

opacity:0;

transition:.3s;

z-index:999;

}


.mokr-show{

opacity:1;

transform:translateX(-50%) translateY(0);

}

.fixed_kenh{
    position: fixed;
    top: 0px;
    width: 90%;
    z-index: 99;
    background: #fff;
}
.tabs{
    padding-top: 5px;
}