.dash-kpis{
--bg:#0b1220;
--text:#e5e7eb;
--muted:#94a3b8;
--r:8px;
color:var(--text);
margin-top: 45px;
}

.dash-kpis__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}

@media (max-width: 520px){
.dash-kpis__grid{ grid-template-columns:1fr; }
}

@media (min-width: 992px){
.dash-kpis__grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}

.dash-kpi{
--kpi-bg:#ffffff;
--kpi-hover:#0b5ed7;
--kpi-ink:#052c65;
--kpi-muted:#084298;
--kpi-bd:rgba(0,0,0,.12);
--kpi-chip-bg:rgba(255,255,255,.55);
--kpi-chip-bd:rgba(0,0,0,.14);

border-bottom: 5px solid var(--kpi-bd);
position:relative;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:0;
padding:16px 16px 14px;
border-radius:var(--r);
background:var(--kpi-bg);
color:var(--kpi-ink);
text-decoration:none;
overflow:hidden;

opacity:0;
top:10px;
animation:dashIn .6s cubic-bezier(.2,.9,.2,1) forwards;
}

.dash-kpi:nth-child(1){ animation-delay:.03s; }
.dash-kpi:nth-child(2){ animation-delay:.10s; }
.dash-kpi:nth-child(3){ animation-delay:.17s; }
.dash-kpi:nth-child(4){ animation-delay:.24s; }

.dash-kpi::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:0;
background:var(--kpi-hover);
opacity:.18;
z-index:1;
}

.dash-kpi:hover::before,
.dash-kpi:focus-visible::before{
animation:kpiFill .55s cubic-bezier(.2,.9,.2,1) forwards;
}

.dash-kpi:focus-visible{
outline:3px solid rgba(11,18,32,.18);
outline-offset:3px;
}

.dash-kpi > *{
position:relative;
z-index:2;
}

.dash-kpi__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}

.dash-kpi__meta{
display:flex;
flex-direction:column;
gap:6px;
min-width:0;
}

.dash-kpi__title{
font-size:20px;
font-weight:600;
letter-spacing:.2px;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:var(--kpi-ink);
}

.dash-kpi__link{
font-size:13px;
font-weight:400;
color:var(--kpi-muted);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.dash-kpi__ico{
width:42px;
height:42px;
color:var(--kpi-ink);
flex:0 0 auto;
}

.dash-kpi__bottom{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:10px;
margin-top: 30px;
}

.dash-kpi__count{
font-size:34px;
line-height:1;
font-weight:700;
letter-spacing:-.8px;
color:var(--kpi-ink);
}

.dash-kpi__chip{
font-size:12px;
font-weight:650;
color:var(--kpi-ink);
padding:7px 10px;
border-radius:999px;
background:var(--kpi-chip-bg);
}

.dash-kpi__accent{ display:none; }

.dash-kpi--products{
--kpi-bg:#00B4D8;
--kpi-ink:#ffffff;
--kpi-muted:rgba(255,255,255,.88);
--kpi-bd:#008fab;
--kpi-hover:#008fab;
--kpi-chip-bg: rgb(0 0 0 / 15%);
--kpi-chip-bd:rgba(255,255,255,.28);
}

.dash-kpi--domains{
--kpi-bg:#FFB800;
--kpi-ink:#ffffff;
--kpi-muted:rgba(255,255,255,.88);
--kpi-bd:#c88f00;
--kpi-hover:#c88f00;
--kpi-chip-bg: rgb(0 0 0 / 15%);
--kpi-chip-bd:rgba(255,255,255,.28);
}

.dash-kpi--invoices{
--kpi-bg:#FF6B00;
--kpi-ink:#ffffff;
--kpi-muted:rgba(255,255,255,.88);
--kpi-bd:#c75300;
--kpi-hover:#c75300;
--kpi-chip-bg: rgb(0 0 0 / 15%);
--kpi-chip-bd:rgba(255,255,255,.28);
}

.dash-kpi--tickets{
--kpi-bg:#25cd63;
--kpi-ink:#ffffff;
--kpi-muted:rgba(255,255,255,.88);
--kpi-bd:#14af4d;
--kpi-hover:#14af4d;
--kpi-chip-bg: rgb(0 0 0 / 15%);
--kpi-chip-bd:rgba(255,255,255,.28);
}

@keyframes dashIn{
0%{ opacity:0; top:10px; }
100%{ opacity:1; top:0; }
}

@keyframes kpiFill{
0%{ width:0; }
100%{ width:100%; }
}









.mspheader{
--msp-accent:#111827;
--msp-danger:#b91c1c;
--msp-gold:#ffd700;
--msp-bg:#ffffff;
--msp-nav:#e5e7eb;
--msp-surface:#f3f4f6;
--msp-line:rgba(17,24,39,.14);
--msp-muted:rgba(17,24,39,.70);
--msp-radius:16px;
width:100%;
background:var(--msp-bg);
color:var(--yazi_siyah);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.12);
}

.mspheader *{box-sizing:border-box}
.mspheader svg{display:block}
.mspheader-sprite{position:absolute;width:0;height:0;overflow:hidden}

.mspheader-top{
background-color: #E4E4E4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23E4E4E4'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f2f2f2'/%3E%3Cstop offset='1' stop-color='%23E4E4E4'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}


.msp-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:30px 0;
}

.msp-userblock{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-width:0;
flex:0 0 auto;
width:fit-content;
max-width:100%;
}

.msp-userleft{display:flex;align-items:center;gap:12px;min-width:0}
.msp-avatar{
width:62px;
height:62px;
border-radius:100%;
display:grid;
place-items:center;
background: #e8e8e8;
color:var(--yazi_siyah);
flex:0 0 auto;
position: relative;
transition: color 0.3s ease, transform 0.3s ease;
isolation: isolate;
overflow: hidden;
}
.msp-avatar::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border-radius:100%;
background: conic-gradient(
from 0deg,
#6f00ff,
#00b4ff,
#00ffd5,
#6f00ff
);
animation: tumpaketleri_gor_linki 4s linear infinite;
z-index: 0;
}
.msp-avatar::after {
content: "";
position: absolute;
inset: 2px;
border-radius:100%;
background: #f7f7f7;
z-index: 1;
}

.msp-initials{
font-size: 24px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
line-height:1;
position: relative;
z-index: 3;
}

.msp-usertext{min-width:0;display:flex;flex-direction:column;gap:0px}
.msp-welcome{font-size:13px;font-weight:400;letter-spacing:.15px;color: var(--yazi_siyah);}
.msp-name{font-size:22px;font-weight:700;letter-spacing:.15px;color: var(--yazi_siyah);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}


.msp-useractions{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:10px}
.msp-notifmenu.msp-open .wclientnotification {display: block!important;}
.msp-notifbtn{position:relative}
.msp-notifbadge{
position:absolute;
top:-7px;
right:-14px;
min-width:29px;
height:29px;
padding:0 0px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:11px;
font-weight:500;
line-height:0;
background: var(--arkaplan_kirmizi);
color:var(--yazi_beyaz);
border:3px solid #f4f4f4;
}
.msp-notifmenu .wnotifititle {
background: #ffcc3d!important;
color: #8e6900!important;
text-align: left;
}
.msp-notifmenu .wnotifititle h5{
font-size:15px;
position:relative;
z-index:12;
line-height:1.5;
letter-spacing:0.6px;
}
.msp-notifmenu .wnotifititle svg{
width:72px;
height:72px;
position:absolute;
top:53%;
right:10px;
transform:translateY(-50%);
color:#F4B400;
}
@keyframes msp-bell-ring{
0%{transform:translateY(-50%) rotate(0deg)}
10%{transform:translateY(-50%) rotate(-10deg)}
20%{transform:translateY(-50%) rotate(10deg)}
30%{transform:translateY(-50%) rotate(-8deg)}
40%{transform:translateY(-50%) rotate(8deg)}
50%{transform:translateY(-50%) rotate(-6deg)}
60%{transform:translateY(-50%) rotate(6deg)}
70%{transform:translateY(-50%) rotate(-4deg)}
80%{transform:translateY(-50%) rotate(4deg)}
90%{transform:translateY(-50%) rotate(-2deg)}
100%{transform:translateY(-50%) rotate(0deg)}
}

.msp-notifmenu.msp-open .wnotifititle svg{
transform-origin:50% 0%;
animation:msp-bell-ring 900ms ease-in-out 1;
}

@media (prefers-reduced-motion: reduce){
.msp-notifmenu.msp-open .wnotifititle svg{animation:none}
}

.msp-notifbtn .msp-notifico{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform-origin:50% 0% !important;
will-change:transform !important;
}

.msp-notifbtn.msp-has-bubble .msp-notifico{
animation:msp-notif-bell-ring 900ms ease-in-out infinite !important;
}

@keyframes msp-notif-bell-ring{
0%{transform:rotate(0deg)}
10%{transform:rotate(-10deg)}
20%{transform:rotate(10deg)}
30%{transform:rotate(-8deg)}
40%{transform:rotate(8deg)}
50%{transform:rotate(-6deg)}
60%{transform:rotate(6deg)}
70%{transform:rotate(-4deg)}
80%{transform:rotate(4deg)}
90%{transform:rotate(-2deg)}
100%{transform:rotate(0deg)}
}

@media (prefers-reduced-motion: reduce){
.msp-notifbtn.msp-has-bubble .msp-notifico{
animation:none !important;
}
}




.msp-notifmenu{
position:absolute;
top:55px;
right:0;
width:360px;
background:#ffffff;
border:1px solid rgba(17,24,39,.10);
border-radius:18px;
box-shadow:0 14px 40px rgba(17,24,39,.12);
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:50;
overflow:hidden;
}
.msp-notifmenu.msp-open{opacity:1;visibility:visible;pointer-events:auto;z-index:999}
.msp-notifmenu .wclientnotification{position:static;width:100%}
.msp-notifbtn svg{
animation:none !important;
transform:none !important;
will-change:auto !important;
backface-visibility:visible !important;
width: 26px;
height: 26px;
}




.msp-iconbtn{
width:42px;height:42px;
border-radius:14px;
background: #e8e8e8;
color: var(--yazi_siyah);
display:grid;place-items:center;
cursor:pointer;
}
.msp-iconbtn:focus-visible{outline:3px solid rgba(17,24,39,.16);outline-offset:2px}
.msp-iconbtn svg{
display:block;
transform-origin:50% 50%;
animation:msp-gear-spin 7.5s linear infinite;
will-change:transform;
backface-visibility:hidden;
}

@keyframes msp-gear-spin{
to{ transform:rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
.msp-iconbtn svg{ animation:none; }
}

.msp-profilemenu{
position:absolute;
top:55px;
right:0;
width:280px;
padding:10px;
background:#ffffff;
border:1px solid rgba(17,24,39,.10);
border-radius:18px;
box-shadow:0 14px 40px rgba(17,24,39,.12);
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:50;
}

.msp-profilemenu.msp-open{opacity:1;visibility:visible;pointer-events:auto;z-index:999}

.msp-pitem{
display:flex;
align-items:center;
gap:10px;
padding:5px 8px;
border-radius:8px;
color:var(--yazi_siyah);
text-decoration:none;
font-weight:500;
font-size:14px;
letter-spacing:.15px;
border:1px solid transparent;
background:transparent;
margin-bottom: 5px;
}
.msp-pitem:last-child {
margin-bottom: 0px;
}

.msp-picon{
width:34px;
height:34px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(17,24,39,.05);
border:1px solid rgba(17,24,39,.08);
flex:0 0 34px;
}

.msp-picon svg{
width:18px;
height:18px;
color:rgba(17,24,39,.70);
}

.msp-plabel{line-height:1.1}

.msp-pitem:hover{
color:var(--msp-accent);
background:rgba(17,24,39,.03);
border-color:rgba(17,24,39,.08);
}

.msp-pitem:hover .msp-picon{
background:rgba(17,24,39,.06);
border-color:rgba(17,24,39,.12);
}

.msp-pitem:hover .msp-picon svg{color:var(--msp-accent)}

.msp-pitem:focus-visible{
outline:3px solid rgba(17,24,39,.12);
outline-offset:2px;
}

.msp-psep{
height:1px;
margin:8px 6px;
background:rgba(17,24,39,.10);
border-radius:99px;
}

.msp-pdanger{color:var(--msp-danger)}
.msp-pdanger .msp-picon{
background:rgba(239,68,68,.08);
border-color:rgba(239,68,68,.18);
}
.msp-pdanger .msp-picon svg{color:rgba(239,68,68,.85)}
.msp-pdanger:hover{
color:var(--msp-danger);
background:rgba(239,68,68,.06);
border-color:rgba(239,68,68,.18);
}
.msp-pdanger:hover .msp-picon{
background:rgba(239,68,68,.10);
border-color:rgba(239,68,68,.22);
}
.msp-pdanger:hover .msp-picon svg{color:var(--msp-danger)}



.msp-balanceblock{flex:0 0 auto}
.msp-balancecard{
display:flex;align-items:center;justify-content:space-between;gap:45px;
padding:15px 15px;
background: #e2e2e2;
border-radius:12px;
min-width:0;
width:fit-content;
max-width:100%;
}

.msp-balleft{display:flex;align-items:center;gap:12px;min-width:0}
.msp-balico{
width:44px;height:44px;
display:grid;place-items:center;
color: var(--yazi_siyah);
flex:0 0 auto;
}
.msp-balico svg{
width: 32px;
height: 32px;
}

.msp-baltext{display:flex;flex-direction:column;gap:0px;min-width:0}
.msp-ballabel{font-size:12px;font-weight:400;letter-spacing:.15px;color:var(--yazi_siyah); line-height: 1.4;}
.msp-balvalue{font-size:18px;font-weight:700;letter-spacing:.15px;color:var(--yazi_siyah); line-height: 1.2;}

.msp-cta {
padding:8px 14px;
border-radius: 999px;
border:0;
background: var(--arkaplan_yesil);
color:#ffffff;
letter-spacing:.15px;
cursor:pointer;
white-space:nowrap;
font-weight: 500;
font-size: 14px;
position: relative;
transition: background .2s ease;
overflow: hidden;
}


.msp-cta:focus-visible{outline:3px solid rgba(17,24,39,.18);outline-offset:2px}

.mspheader-nav{background:#f3f3f3}

.msp-menubtn{
display:none;
width:100%;
align-items:center;
gap:10px;
padding:12px 14px;
margin:12px 0 10px;
border:1px solid rgba(17,24,39,.12);
border-radius:16px;
background:rgba(255,255,255,.60);
color:var(--yazi_siyah);
font-weight:600;
letter-spacing:.15px;
cursor:pointer;
}

.msp-menubtn-ico{
width:20px;
height:20px;
display:block;
flex:0 0 auto;
}

.msp-menubtn-txt{line-height:1;display:inline-block}

.msp-menubtn::after{
content:"";
width:8px;
height:8px;
margin-left:auto;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
opacity:.60;
transform:rotate(45deg);
}

.msp-menubtn[aria-expanded="true"]::after{
opacity:1;
transform:rotate(-135deg);
}

.msp-menubtn:focus-visible{outline:3px solid rgba(17,24,39,.16);outline-offset:2px}

@media (max-width:768px){
.msp-topbar{
flex-direction:column;
align-items: flex-start;
}
.msp-userblock,
.msp-balanceblock{
width:100%;
}
.msp-balancecard {
width: 100%;
}
}


.mpanel_menu,
.mpanel_menu * { box-sizing: border-box; }

.mpanel_menu {
--mpanel_menu_bg: #ffffff;
--mpanel_menu_text: #111111;
--mpanel_menu_border: rgba(0,0,0,.08);
--mpanel_menu_shadow: 0 18px 44px rgba(0,0,0,.12);
--mpanel_menu_radius: 14px;
--mpanel_menu_h: 74px;
--mpanel_menu_divider: #e0e2e9;
width: 100%;
background: var(--mpanel_menu_bg);
color: var(--mpanel_menu_text);
position: relative;
z-index: 50;
}

.mpanel_menu_inner {
margin: 0 auto;
min-height: var(--mpanel_menu_h);
display: flex;
align-items: center;
gap: 10px;
}

.mpanel_menu_nav {
flex: 1;
display: flex;
justify-content: center;
}

.mpanel_menu_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: center;
width: 100%;
flex-wrap: wrap;
}

.mpanel_menu_item {
position: relative;
flex: 1 1 0;
min-height: 1px;
background: transparent;
border-right: 1px solid #dedede;
}
.mpanel_menu_item:last-child {
border-right: 0px;
}
.mpanel_menu_item:hover .mpanel_menu_label {
color: var(--yazi_lacivert);
}
.mpanel_menu_item:hover .mpanel_menu_icon {
color: var(--yazi_lacivert);
}
.mpanel_menu_item:last-child::after { display: none; }

.mpanel_menu_link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
color: inherit;
padding: 15px 0px;
outline: none;
user-select: none;
height: 100%;
position: relative;
}

.mpanel_menu_link:focus-visible {
outline: 2px solid rgba(0,0,0,.18);
outline-offset: 2px;
border-radius: 12px;
}

.mpanel_menu_icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}

.mpanel_menu_icon svg { width: 100%; height: 100%; display: block; }

.mpanel_menu_label {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
font-size: 15px;
line-height: 1.2;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 6px;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 2px;
transition: background-size 220ms ease;
font-weight: 500;
}

.mpanel_menu_has_sub > .mpanel_menu_link .mpanel_menu_label::after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m8 10.207l3.854-3.853l-.707-.708L8 8.793L4.854 5.646l-.708.708z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
opacity: .85;
margin-left: -1px;
flex: 0 0 auto;
}

@keyframes mpanel_menu_arrow_turn { from { transform: rotate(0deg); } to { transform: rotate(180deg); } }
@keyframes mpanel_menu_arrow_back { from { transform: rotate(180deg); } to { transform: rotate(0deg); } }

.mpanel_menu_has_sub:hover > .mpanel_menu_link .mpanel_menu_label::after,
.mpanel_menu_has_sub:focus-within > .mpanel_menu_link .mpanel_menu_label::after { animation: mpanel_menu_arrow_turn 220ms ease both; }

.mpanel_menu_has_sub.mpanel_menu_sub_open > .mpanel_menu_link .mpanel_menu_label::after {
animation: mpanel_menu_arrow_turn 220ms ease both;
transform: rotate(180deg);
}

.mpanel_menu_has_sub.mpanel_menu_sub_closing > .mpanel_menu_link .mpanel_menu_label::after { animation: mpanel_menu_arrow_back 220ms ease both; }

.mpanel_menu_sub {
list-style: none;
margin: 0;
padding: 10px;
position: absolute;
left: 50%;
top: calc(100% + 1px);
transform: translateX(-50%);
min-width: 240px;
background: var(--mpanel_menu_bg);
border: 1px solid var(--mpanel_menu_border);
border-radius: var(--mpanel_menu_radius);
box-shadow: var(--mpanel_menu_shadow);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 170ms ease, visibility 0s linear 170ms;
}

.mpanel_menu_sub::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -18px;
height: 18px;
}

.mpanel_menu_has_sub:hover > .mpanel_menu_sub,
.mpanel_menu_has_sub:focus-within > .mpanel_menu_sub {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 190ms ease, visibility 0s linear 0s;
}

.mpanel_menu_sub_item { width: 100%; }

.mpanel_menu_sub_link {
display: inline-flex;
align-items: center;
width: 100%;
padding: 10px 10px;
text-decoration: none;
color: inherit;
font-size: 14px;
white-space: nowrap;
border-radius: 10px;
outline: none;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 2px;
transition: background-size 220ms ease;
}

.mpanel_menu_sub_link:hover,
.mpanel_menu_sub_link:focus-visible { background-size: 100% 2px; }

.mpanel_menu_sub_link:focus-visible {
outline: 1px solid rgba(0,0,0,.18);
outline-offset: 1px;
}

.mpanel_menu_toggle {
display: none;
align-items: center;
justify-content: center;
gap: 8px;
height: 44px;
padding: 0 12px 0 10px;
border-radius: 12px;
cursor: pointer;
user-select: none;
flex: 0 0 auto;
}

.mpanel_menu_toggle:focus-visible {
outline: 2px solid rgba(0,0,0,.18);
outline-offset: 2px;
}

.mpanel_menu_toggle_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}

.mpanel_menu_toggle_icon svg { display: block; }

.mpanel_menu_toggle_text {
font-size: 14px;
line-height: 1;
white-space: nowrap;
}


@media (max-width: 991px) {
.mpanel_menu_inner {
padding: 0 12px;
min-height: unset;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: var(--mpanel_menu_h) auto;
align-items: center;
column-gap: 10px;
row-gap: 0;
}

.mpanel_menu_inner{
position:relative;
}

.mpanel_menu_toggle{
display:flex;
position:absolute;
left:0;
right:0;
top:0;
height:var(--mpanel_menu_h);
padding:0 12px;
border-radius:0;
justify-content:flex-end;
align-items:center;
}


.mpanel_menu_nav{
grid-column:1 / -1;
grid-row:2;
width:100%;
justify-content:flex-start;
border-top:1px solid var(--mpanel_menu_border);
max-height:0;
opacity:0;
overflow:hidden;
transition:max-height 380ms ease, opacity 220ms ease;
will-change:max-height;
}

.mpanel_menu.mpanel_menu_is_open .mpanel_menu_nav{
max-height:calc(100dvh - var(--mpanel_menu_h));
opacity:1;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}


.mpanel_menu.mpanel_menu_is_open .mpanel_menu_nav{
max-height:calc(100dvh - var(--mpanel_menu_h));
opacity:1;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}


.mpanel_menu_list {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 6px;
padding: 10px 0 12px 0;
width: 100%;
flex-wrap: nowrap;
background: transparent;
}

.mpanel_menu_item {
flex: none;
width: 100%;
background: transparent;
border-right: 0px !important;
border-bottom: 1px solid #dedede;
}
.mpanel_menu_item:last-child {
border-bottom: 0px;
}

.mpanel_menu_item::after { display: none; }

.mpanel_menu_link {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
padding: 10px 10px;
border-radius: 14px;
height: auto;
}

.mpanel_menu_icon {
width: 26px;
height: 26px;
flex: 0 0 26px;
}

.mpanel_menu_label {
flex: 1 1 auto;
width: 100%;
justify-content: flex-start;
font-size: 15px;
padding-bottom: 0;
white-space: normal;
overflow: visible;
text-overflow: unset;
background-size: 0 2px;
}

.mpanel_menu_has_sub > .mpanel_menu_link .mpanel_menu_label::after {
margin-left: auto;
width: 14px;
height: 14px;
}

.mpanel_menu_sub {
position: static;
left: auto;
top: auto;
transform: none;
min-width: 0;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0 0 0 38px;
max-height: 0;
overflow: hidden;
opacity: 0;
pointer-events: auto;
transition: max-height 260ms ease, opacity 180ms ease, padding 180ms ease;
}

.mpanel_menu_sub::before { display: none; }

.mpanel_menu_has_sub:hover > .mpanel_menu_sub,
.mpanel_menu_has_sub:focus-within > .mpanel_menu_sub {
opacity: 0;
max-height: 0;
}

.mpanel_menu_has_sub.mpanel_menu_sub_open > .mpanel_menu_sub {
opacity: 1;
max-height: 900px;
padding-top: 6px;
padding-bottom: 6px;
}

.mpanel_menu_sub_item { width: 100%; }

.mpanel_menu_sub_link {
padding: 10px 8px;
border-radius: 12px;
font-size: 14px;
white-space: normal;
}
}


#basic_client_rightcon {
width: 100%!important;
float: unset!important;
}
.yenidashliste {
width: 100%;
margin-top: 45px;
}



.liste-panel{
--vurgu:#2563eb;
--yazi:#0f172a;
--soluk:#64748b;
--cizgi:rgba(15,23,42,.10);
--arka:#fff;
--arka2:#f6f7fb;
width:100%;
border: 1px solid #f2f2f2;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 10px rgb(179 179 179 / 10%), 0 0 10px rgb(179 179 179 / 10%);
}
.liste-panel--alanadi{--vurgu:#2563eb}

.liste-baslik{display:flex;align-items:center;justify-content:flex-start;}

.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-baslik-link,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_bir .liste-baslik-sol,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_bir .liste-baslik-sol,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-sekmeler,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-tablo thead th,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_bir .liste-tablo thead th,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_bir .liste-tablo thead th {
background: transparent;
}


.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-baslik-yazi,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-baslik-yazi,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-baslik-yazi {
position: relative;
font-size: clamp(1.4rem, 1.6vw + 1rem, 1.6rem);
font-weight: 400;
color: var(--yazi_siyah);
text-align: left;
margin: 0 0 10px 0;
padding-bottom: 12px;
display: inline-block;
letter-spacing: 0px;
overflow: hidden;
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-baslik-yazi::after,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-baslik-yazi::after,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-baslik-yazi::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 90px;
background: linear-gradient(90deg, #007bff, #00c6ff, #007bff);
background-size: 200%;
border-radius: 3px;
animation: blog_haber_glow 2.5s linear infinite;
transition: width 0.4s ease;
}


.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-baslik-yazi {
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_bir .liste-baslik-yazi {
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_bir .liste-baslik-yazi {
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-baslik-ikon svg {
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_bir .liste-baslik-ikon svg {
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_bir .liste-baslik-ikon svg {
color: var(--yazi_siyah);
}

.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_bir .liste-mini-link {
background: var(--arkaplan_acik_mavi);
}
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_bir .liste-mini-link {
background: var(--arkaplan_acik_yesil);
}
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_bir .liste-mini-link {
background: var(--arkaplan_acik_kirmizi);
}





.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-mini-link,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-mini-link,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-mini-link {
border-radius: 2px;
background: var(--arkaplan_acik_mavi);
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-sekme,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-sekme,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-sekme {
border-radius: 2px;
background: transparent;
color: var(--yazi_siyah);
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-sekme.is-active,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-sekme.is-active,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-sekme.is-active {
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-tablo thead th,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-tablo thead th,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-tablo thead th {
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki {
border: 1px solid var(--arkaplan_acik_mavi);
}


.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-tablo tbody tr,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-tablo tbody tr,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-tablo tbody tr,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-tablo tbody tr,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_tab .liste-tablo tbody tr,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_tab .liste-tablo tbody tr,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-kutu {
box-shadow: unset!important;
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-tablo tbody td,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-tablo tbody td,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-tablo tbody td {
border-bottom: 1px solid #dedede;
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-tablo tbody tr:last-child td,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-tablo tbody tr:last-child td,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-tablo tbody tr:last-child td {
border-bottom: 0 !important;
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-yonet,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-yonet,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-yonet {
color: var(--yazi_siyah);
border-radius: 4px;
}


.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-baslik-ikon,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_tab .liste-baslik-ikon,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_tab .liste-baslik-ikon,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-baslik-ikon,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-baslik-ikon,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-baslik-ikon {
display: none;
}
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-sekmeler,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_tab .liste-sekmeler,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_tab .liste-sekmeler,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_iki .liste-sekmeler,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_iki .liste-sekmeler,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_iki .liste-sekmeler,
.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-tablo thead,
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_tab .liste-tablo thead,
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_tab .liste-tablo thead {
background: transparent;
}

.liste-panel.liste-panel--alanadi.liste-panel--alanadi-listesi.musteri_paneli_tab .liste-mini-link {
background: var(--arkaplan_acik_mavi);
}
.liste-panel.liste-panel--siparisler.liste-panel--siparisler-son.musteri_paneli_tab .liste-mini-link {
background: var(--arkaplan_acik_yesil);
}
.liste-panel.liste-panel--destek.liste-panel--destek-talepler.musteri_paneli_tab .liste-mini-link {
background: var(--arkaplan_acik_kirmizi);
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
background: transparent!important;
}

.musteri_paneli_tab .liste-tablo thead th {
background: transparent;
color: var(--yazi_siyah);
}
.musteri_paneli_tab .liste-baslik-yazi {
color: var(--yazi_siyah);
font-size: 24px;
font-weight: 600;
margin-left: 20px;
}

.liste-panel.musteri_paneli_tab {
overflow: hidden;
}

.yenidashliste .liste-panel.musteri_paneli_tab + .liste-panel.musteri_paneli_tab,
.yenidashliste + .yenidashliste .liste-panel.musteri_paneli_tab {
margin-top: 14px;
}

.liste-panel.musteri_paneli_tab .liste-baslik.ac-acc-head {
cursor: pointer;
user-select: none;
position: relative;
}

.liste-panel.musteri_paneli_tab .liste-baslik.ac-acc-head:focus {
outline: none;
}

.liste-panel.musteri_paneli_tab .liste-baslik.ac-acc-head:focus-visible {
box-shadow: 0 0 0 3px rgba(0,0,0,.12);
}

.liste-panel.musteri_paneli_tab .liste-baslik.ac-acc-head::after {
content: "";
width: 10px;
height: 10px;
border-right: 2px solid rgba(0,0,0,.55);
border-bottom: 2px solid rgba(0,0,0,.55);
position: absolute;
left: 15px;
top: 45%;
transform: translateY(-45%) rotate(45deg);
transition: transform .22s ease;
}

.liste-panel.musteri_paneli_tab.is-acc-open .liste-baslik.ac-acc-head::after {
left: 15px;
top: 55%;
transform: translateY(-50%) rotate(-135deg);
}

.liste-panel.musteri_paneli_tab .ac-acc-body {
height: 0;
overflow: hidden;
transition: height .26s ease;
will-change: height;
}

@media (prefers-reduced-motion: reduce) {
.liste-panel.musteri_paneli_tab .ac-acc-body {
transition: none;
}
.liste-panel.musteri_paneli_tab .liste-baslik.ac-acc-head::after {
transition: none;
}
}


.mclientlastblocks thead {
background: transparent;
}

.listingstatus span {
font-size:13px !important;
padding:10px 10px !important;
text-align:center !important;
min-width:110px !important;
display:inline-block !important;
border-radius:999px !important;
font-weight:600 !important;
line-height:1 !important;
letter-spacing:.2px !important;
}
.listingstatus .wait{
border: 1px solid #f50b0b !important;
color:#f50b0b !important;
}

.listingstatus .responded{
border: 1px solid #26d968 !important;
color:#26d968 !important;
}

.listingstatus .active{
border: 1px solid #26d968 !important;
color:#26d968 !important;
}

.listingstatus .process{
border: 1px solid #2979ff !important;
color:#2979ff !important;
}

.listingstatus .autorenew{
border: 1px solid #aa00ff !important;
color:#aa00ff !important;
margin-bottom:6px !important;
}

.listingstatus span {
border: 1px solid #26d968 !important;
color:#26d968 !important;
border-radius:999px !important;
}
.listingstatus {
border:0px;
color: unset;
}


.liste-baslik-sol,
.liste-baslik-link{
width:100%;
color:var(--yazi_beyaz);
font-size:16px;
font-weight:600;
letter-spacing:0.2px;
padding:12px 15px 12px 20px;
border-radius:10px 10px 0px 0px;
box-sizing:border-box;
position:relative;
display:flex;
align-items:center;
}

.liste-baslik--satir .liste-baslik-sol{margin-bottom:0}

.liste-baslik-yazi{
font-weight:600;
color: var(--yazi_siyah);
font-size: clamp(1.4rem, 1.6vw + 1rem, 1.6rem);
margin-left:10px;
opacity:0.95;
}
.liste-baslik-ikon svg {
display:block;
color: var(--yazi_siyah);
width: 32px;
height: 32px;
}
.liste-baslik-sol,
.liste-baslik-link{
align-items:center;
}

.liste-baslik-ikon{
display:flex;
align-items:center;
line-height:0;
}

.liste-baslik-yazi{
display:flex;
align-items:center;
line-height:1;
}


.liste-mini-link{
margin-left:auto;
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
color:var(--yazi_beyaz)!important;
text-decoration:none;
font-size:14px;
font-weight:600;
padding:6px 12px;
border-radius:999px;
background:rgba(0, 0, 0, 0.15);
overflow: hidden;
position: relative;
}

.liste-mini-link:hover{background:rgba(0, 0, 0, 0.20);opacity:1}
.liste-mini-link:focus{outline:none}
.liste-mini-link:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,0.28)}





.liste-baslik--satir{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.liste-mini-link{text-decoration:none;color:var(--vurgu);font-weight:500}

.liste-bilgi{display:flex;gap:10px;align-items:flex-start;background:var(--arka2);border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;color:var(--soluk);margin:0 0 12px 0}
.liste-bilgi i{color:var(--vurgu);margin-top:2px}
.liste-bilgi p{margin:0;line-height:1.45;font-weight:400}

.liste-sekmeler{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
padding:8px 10px 8px 20px;
background: var(--arkaplan_acik_mavi);
position: relative;
}
.liste-sekme{
appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding: 6px 10px 6px 12px;
border-radius:999px;
border-bottom: 1px solid var(--arkaplan_acik_mavi);
color: var(--yazi_siyah);
font-size:12px;
line-height:1;
font-weight: 400;
cursor:pointer;
user-select:none;
-webkit-tap-highlight-color:transparent
}

.liste-sekme.is-active{
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

.liste-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:18px;
height:auto;
padding: 4px 4px;
border-radius:999px;
background:var(--arka2);
font-size:10px;
color:var(--yazi);
font-weight: 400;
}


.liste-tab.is-hidden{display:none !important}
.liste-kutu {
overflow: hidden;
border-radius: 0px 0px 10px 10px;
}

.liste-tablo {width:100%;border-collapse:separate;border-spacing:0}
.liste-tablo thead,
.liste-tablo thead {position: relative; border: 0px!important;}
.liste-tablo thead th{background:var(--arkaplan_acik_mavi);padding:12px 20px!important;font-size:15px!important;font-weight:400;color:var(--yazi_siyah);}
.liste-tablo thead th[align="center"]{text-align:center}

.liste-tablo tbody td{
padding:20px 20px!important;
border-bottom:1px solid rgba(15,23,42,.08);
vertical-align:middle;
color:var(--yazi);
font-size:14px;
line-height:1.45;
font-weight:500;
}
.listingstatus span {font-size: 12px!important;}
.liste-tablo tbody tr:last-child td{
border-bottom:none
}

.liste-tablo tbody tr:hover{
box-shadow: inset 0px 7px 19px 0px rgb(237 237 237 / 40%);
background-color: #fcfcfc!important;
}


.liste-hucre--ad{width:44%}
.liste-ad strong{font-weight:600; font-size: 16px;}
.liste-altbilgi{display:block;margin-top:4px;color:var(--soluk);font-size:14px;font-weight:400}
.liste-yonet{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--yazi);font-weight:500}
.liste-yonet--pasif{opacity:.45;filter:grayscale(100%);pointer-events:none}
.liste-pasif{color:var(--soluk)}

.liste-hucre--ad,
.liste-hucre--ad .liste-ad,
.liste-hucre--ad .liste-ad a{
max-width: 100%;
}

.liste-hucre--ad .liste-ad a{
display: inline-block;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}


.liste-mobil-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.liste-ac{display:none;appearance:none;border:1px solid var(--cizgi);background:var(--arka);border-radius:12px;padding:8px 10px;cursor:pointer;color:var(--vurgu);font-weight:600;min-width:44px;justify-content:center}
.liste-ac-ikon{font-size:18px;line-height:1}

.liste-mobil-detay{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(15,23,42,.18)}
.liste-detay-satir{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:8px 0}
.liste-detay-etiket{color:var(--soluk);font-weight:500}
.liste-detay-deger{color:var(--yazi);font-weight:500;text-align:right}

.liste-bos{border:1px dashed var(--cizgi);border-radius:16px;padding:18px;text-align:center;background:var(--arka)}
.liste-bos i{font-size:28px;opacity:.55;margin-bottom:8px}
.liste-bos h2{margin:6px 0 4px 0;font-size:18px;font-weight:600}
.liste-bos h4{margin:0;font-size:14px;opacity:.85;font-weight:400}

@media (max-width: 860px){
.liste-sekmeler{gap:8px}
.liste-sekme{flex:1 1 auto;justify-content:space-between}
.liste-tablo thead{display:none}
.liste-tablo tbody td{display:none;padding:0;border-bottom:none}
.liste-tablo tbody tr{display:block}
.liste-tablo tbody tr.liste-satir{border-bottom:1px solid rgba(15,23,42,.08)}
.liste-tablo tbody tr.liste-satir:last-child{border-bottom:none}
.liste-tablo tbody tr.liste-satir td.liste-hucre--ad{display:block;padding:14px; width: calc(100% - 40px);}
.liste-ac{display:inline-flex}
}

.dt-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0px 20px 20px 20px;border-top: 1px solid #dedede; padding: 15px 0px 0px 0px;}
.dt-bottom .dataTables_length,.dt-bottom .dataTables_paginate{margin:0}
.dt-bottom .dataTables_paginate{display:flex;justify-content:flex-end;width:auto}
.dt-bottom .dataTables_paginate .pagination{margin:0}
@media (max-width:680px){
.dt-bottom{flex-direction:column;align-items:stretch}
.dt-bottom .dataTables_paginate{justify-content:center}
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 5px 13px!important;
font-size: 13px;
border-radius: 6px!important;
}
.dt-bottom .dt-left {
width:auto !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
}

.dt-bottom .dt-left label{
width:auto !important;
margin:0 !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
white-space:nowrap !important;
}

.dt-bottom .dt-left .dttblegoster{
width:auto !important;
display:inline-flex !important;
align-items:center !important;
}

.dt-bottom .dt-left select{
width:auto !important;
height:32px !important;
padding:0 10px !important;
border:1px solid var(--cizgi) !important;
border-radius:10px !important;
background:var(--arka) !important;
color:var(--yazi) !important;
font-size:12px !important;
font-weight:400 !important;
line-height:1 !important;
outline:none !important;
}

.dt-bottom .dt-left .datatbspan{
width:auto !important;
display:inline-flex !important;
align-items:center !important;
font-size:13px !important;
font-weight:400 !important;
line-height:1 !important;
color:var(--soluk) !important;
}


.haberler_duyuru {
display: block;
margin-top: 45px;
}


.panel_baslik_yeni{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
}
.panel_baslik_yeni a{
margin-left:auto;
white-space:nowrap;
font-size: 14px;
font-weight: 400;
color: var(--arkaplan_acik_mavi);
border: 1px solid var(--arkaplan_acik_mavi);
border-radius: 999px;
padding: 2px 12px;
background: transparent;
}
.panel_baslik_yeni a:hover {
background: var(--arkaplan_acik_mavi);
color: var(--yazi_beyaz);
}

h3.mp_yeni_baslik {
position: relative;
font-size: clamp(1.4rem, 1.6vw + 1rem, 1.6rem);
font-weight: 400;
color: var(--yazi_siyah);
text-align: left;
margin: 0 0 10px 0;
padding-bottom: 12px;
display: inline-block;
letter-spacing: 0px;
overflow: hidden;
}
h3.mp_yeni_baslik::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 90px;
background: linear-gradient(90deg, #007bff, #00c6ff, #007bff);
background-size: 200%;
border-radius: 3px;
animation: blog_haber_glow 2.5s linear infinite;
transition: width 0.4s ease;
}



@media (max-width:768px){
.liste-baslik-ikon svg {
  width: 20px;
  height: 20px;
}
.liste-baslik-yazi {
font-size: 16px;
margin-left: 5px;
}
.liste-mini-link {
font-size: 10px;
}
}


ul#mp_haber_liste {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
justify-content: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 0;
}
ul#mp_haber_liste li {
display: flex;
flex-direction: column;
align-items: center;
max-width: 500px;
margin: 0 auto;
padding: 15px;
border: 1px solid var(--border);
border-radius: 8px 8px 8px 8px;
}
ul#mp_haber_liste .blog-article {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
ul#mp_haber_liste .blog-image-link {
position: relative;
}
ul#mp_haber_liste .blog-image-link img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
height: auto;
border-radius: 8px 8px 0 0;
display: block;
}
ul#mp_haber_liste .blog-title {
font-size: 18px;
font-weight: 800;
color: var(--yazi_siyah);
line-height: 1.4;
margin: 25px 0px 10px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
ul#mp_haber_liste .blog-title a {
text-decoration: none;
color: var(--yazi_siyah);
}
ul#mp_haber_liste li:hover .blog-title a {
color: var(--yazi_lacivert);
}
ul#mp_haber_liste .blog-date {
font-size: 14px;
color: var(--yazi_beyaz);
position: absolute;
bottom: -21px;
right: 10px;
padding: 6px 16px;
background: var(--arkaplan_acik_mavi);
border-radius: 30px;
border: 6px solid var(--arkaplan_beyaz);
}
ul#mp_haber_liste .blog-excerpt {
font-size: 16px;
font-weight: 400;
color: var(--yazi_siyah);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
display: none!important;
}
@media (max-width: 980px) {
ul#mp_haber_liste {
grid-template-columns: 1fr;
}
}






.son_giris_bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}

.son_giris_goster{
min-width:0;
}

.son_giris_link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 12px;
border-radius:12px;
text-decoration:none;
font-weight:600;
line-height:1;
white-space:nowrap;
border:1px solid rgba(148,163,184,.35);
background:rgba(255,255,255,.06);
color:inherit;
transition:background .18s ease, border-color .18s ease, opacity .18s ease;
user-select:none;
}

.son_giris_link:hover{
background:rgba(255,255,255,.10);
border-color:rgba(148,163,184,.55);
}

.son_giris_link:active{
opacity:.85;
}

.son_giris_link:focus-visible{
outline:2px solid rgba(56,189,248,.7);
outline-offset:3px;
}

.ac-lastlogin-modal{
position:fixed;
inset:0;
z-index:9999;
visibility:hidden;
opacity:0;
pointer-events:none;
transition:opacity .18s ease, visibility .18s ease;
}

.ac-lastlogin-modal.is-open{
visibility:visible;
opacity:1;
pointer-events:auto;
}

.ac-lastlogin-overlay{
position:absolute;
inset:0;
background:rgba(15,23,42,.55);
backdrop-filter:blur(10px) saturate(120%);
-webkit-backdrop-filter:blur(10px) saturate(120%);
}

.ac-lastlogin-dialog{
position:relative;
width:min(720px, calc(100vw - 32px));
max-height:calc(100vh - 32px);
margin:16px auto;
background:rgba(255,255,255,.92);
color:#0f172a;
border-radius:18px;
box-shadow:0 18px 50px rgba(0,0,0,.35);
border:1px solid rgba(15,23,42,.10);
display:flex;
flex-direction:column;
overflow:hidden;
opacity:0;
transform:translateY(10px);
transition:opacity .18s ease, transform .18s ease;
}

.ac-lastlogin-modal.is-open .ac-lastlogin-dialog{
opacity:1;
transform:translateY(0);
}

.ac-lastlogin-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 14px 12px 16px;
border-bottom:1px solid rgba(15,23,42,.10);
background:rgba(255,255,255,.75);
}

.ac-lastlogin-title{
margin:0;
font-size:16px;
font-weight:800;
letter-spacing:.2px;
min-width:0;
}

.ac-lastlogin-close{
width:38px;
height:38px;
border-radius:12px;
border:1px solid rgba(15,23,42,.12);
background:rgba(255,255,255,.65);
color:#0f172a;
font-size:22px;
line-height:1;
cursor:pointer;
transition:background .18s ease, border-color .18s ease, opacity .18s ease;
}

.ac-lastlogin-close:hover{
background:rgba(255,255,255,.9);
border-color:rgba(15,23,42,.18);
}

.ac-lastlogin-close:active{
opacity:.85;
}

.ac-lastlogin-close:focus-visible{
outline:2px solid rgba(56,189,248,.7);
outline-offset:3px;
}

.ac-lastlogin-body{
padding:14px 16px 16px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

.ac-lastlogin-body .songiris_listesi h4{
margin:0 0 12px;
font-size:14px;
font-weight:800;
color:#0f172a;
}

.ac-lastlogin-body .songiris_listesi ul{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px;
}

.ac-lastlogin-body .songiris_listesi li{
padding:12px 12px;
border:1px solid rgba(15,23,42,.10);
border-radius:14px;
background:rgba(248,250,252,.85);
font-size:13px;
line-height:1.45;
}

.ac-lastlogin-body .songiris_listesi li strong{
display:block;
font-weight:800;
margin-bottom:6px;
}

.ac-modal-open{
overflow:hidden;
}

@media (max-width: 640px){
.son_giris_bar{
flex-wrap:wrap;
align-items:flex-start;
}

.son_giris_link{
width:100%;
justify-content:center;
}

.ac-lastlogin-dialog{
width:100vw;
height:100vh;
max-height:none;
margin:0;
border-radius:0;
}

.ac-lastlogin-body{
padding:14px 14px 18px;
}
}










.invoice-nudge{
--in-border: #f5c2c7;
--in-bg: #f8d7da;
--in-text: #842029;
--in-muted: rgba(132,32,41,.78);

--in-panel: #dc3545;
--in-panel-text: #ffffff;

--in-soft: rgba(220,53,69,.12);

--in-btn: #dc3545;
--in-btn-hover: #bb2d3b;
--in-btn-text: #ffffff;
--in-focus: rgba(220,53,69,.35);

display: grid;
grid-template-columns: 96px 1fr;
border: 1px solid var(--in-border);
background: var(--in-bg);
overflow: hidden;
margin-top: 30px;
border-radius: 8px;
}

.invoice-nudge__panel{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 10px;
color: var(--in-panel-text);
background: var(--in-panel);
}

.invoice-nudge__panel::before{
content:"";
position: absolute;
inset: 0;
background:
repeating-linear-gradient(
135deg,
rgba(255,255,255,.16) 0 10px,
rgba(255,255,255,.06) 10px 22px
);
opacity: .28;
pointer-events: none;
}

.invoice-nudge__panel::after{
content:"";
position: absolute;
left: 0;
right: 0;
top: -35%;
height: 30%;
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.26), rgba(255,255,255,0));
opacity: .9;
animation: invoice-nudge-scan 3.4s ease-in-out infinite;
pointer-events: none;
}

.invoice-nudge__icon{
position: relative;
z-index: 1;
width: 26px;
height: 26px;
opacity: .98;
}

.invoice-nudge__count{
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
height: 36px;
min-width: 36px;
padding: 0 0px;
border: 1px solid rgba(255,255,255,.38);
background: rgba(255,255,255,.16);
color: #fff;
font-weight: 600;
font-size: 13px;
letter-spacing: .2px;
animation: invoice-nudge-breathe 2.8s ease-in-out infinite;
border-radius: 999px;
}

.invoice-nudge__body{
display: flex;
align-items: center;
padding: 14px 14px;
background:
linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),
var(--in-bg);
}

.invoice-nudge__row{
width: 100%;
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
}

.invoice-nudge__content{
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
}

.invoice-nudge__title{
color: var(--in-text);
font-weight: 700;
font-size: 14px;
line-height: 1.25;
letter-spacing: .12px;
}

.invoice-nudge__desc{
color: var(--in-muted);
font-weight: 600;
font-size: 13px;
line-height: 1.55;
overflow-wrap: anywhere;
}

.invoice-nudge__btn{
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 14px;
background: var(--in-btn);
color: var(--in-btn-text) !important;
text-decoration: none;
border: 1px solid rgba(0,0,0,.12);
font-weight: 700;
font-size: 13px;
line-height: 1.1;
text-align: center;
white-space: nowrap;
position: relative;
overflow: hidden;
border-radius: 999px;
}
.panel_buton_hover {
position: relative;
overflow: hidden;
transition: background-color .18s ease, border-color .18s ease;
}
.panel_buton_hover::before{
content:"";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 24%, rgba(255,255,255,0) 48%);
background-size: 220% 100%;
opacity: .65;
animation: invoice-nudge-shimmer 3s linear infinite;
pointer-events: none;
}
.panel_buton_hover:hover{
background: var(--in-btn-hover);
}
.panel_buton_hover:focus,
.panel_buton_hover:focus-visible{
outline: 2px solid var(--in-focus);
outline-offset: 2px;
}

.invoice-nudge__btnicon{
width: 18px;
height: 18px;
color: currentColor;
opacity: .95;
}

@keyframes invoice-nudge-scan{
0%{ top: -35%; opacity: 0; }
12%{ opacity: .9; }
55%{ opacity: .6; }
100%{ top: 120%; opacity: 0; }
}

@keyframes invoice-nudge-breathe{
0%,100%{ background: rgba(255,255,255,.16); }
50%{ background: rgba(255,255,255,.24); }
}

@keyframes invoice-nudge-shimmer{
0%{ background-position: 160% 0; }
100%{ background-position: -120% 0; }
}

@media (max-width: 720px){
.invoice-nudge{
grid-template-columns: 1fr;
}

.invoice-nudge__panel{
flex-direction: row;
gap: 12px;
padding: 12px 12px;
}

.invoice-nudge__panel::after{
display: none;
}

.invoice-nudge__body{
padding: 14px 14px;
}

.invoice-nudge__row{
flex-direction: column;
align-items: stretch;
gap: 12px;
}

.invoice-nudge__btn{
width: 100%;
white-space: normal;
padding: 13px 14px;
}
}

@media (prefers-reduced-motion: reduce){
.invoice-nudge__panel::after,
.invoice-nudge__count,
.invoice-nudge__btn::before{
animation: none !important;
}
}



.alanadisorgu_panel{
width:100%;
padding:60px 15px 30px 15px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

.alanadisorgu_panel h1{
margin:0 auto 22px;
max-width: 900px;
font-weight: 400;
line-height:1.08;
letter-spacing:-0.015em;
font-size:clamp(28px, 3.4vw, 28px);
color: var(--yazi_siyah);
text-wrap:balance;
}
.alanadisorgu_panel h1 strong {
font-weight: 800;
color: var(--yazi_turuncu);
}

.alanadisorgu_panel #checkForm{
width:100%;
max-width:900px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin:0 auto;
padding:0;
border:none;
background:transparent;
box-shadow:none;
}

.alanadisorgu_panel #checkForm input[type="text"]{
flex:1 1 auto;
min-width:0;
height:64px;
padding:0 20px;
border-radius:999px;
border:2px solid var(--border);
background:#fff;
color: var(--yazi_siyah);
font-size:16px;
outline:none;
box-shadow:
0 10px 28px rgba(2, 6, 23, 0.08),
0 1px 0 rgba(255,255,255,0.85) inset;
}

.alanadisorgu_panel #checkForm input[type="text"]::placeholder{
color:rgba(100, 116, 139, 0.95);
}

.alanadisorgu_panel #checkForm input[type="text"]:focus{
border-color:var(--arkaplan_acik_mavi);
box-shadow:
0 0 0 4px rgba(99, 102, 241, 0.16),
0 14px 34px rgba(2, 6, 23, 0.10),
0 1px 0 rgba(255,255,255,0.90) inset;
}

.alanadisorgu_panel #checkForm .gonderbtn{
flex:0 0 auto;
height:64px;
padding:0 24px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
font-weight:600;
font-size:15px;
letter-spacing:-0.01em;
color:#fff;
background: var(--arkaplan_acik_mavi);
border:1px solid rgba(255,255,255,0.18);
box-shadow:
0 14px 30px rgba(59,130,246,0.22),
0 10px 26px rgba(2, 6, 23, 0.10);
cursor:pointer;
user-select:none;
white-space:nowrap;
}

.alanadisorgu_panel #checkForm .gonderbtn:hover{
filter:brightness(1.03);
}

.alanadisorgu_panel #checkForm .gonderbtn:active{
filter:brightness(0.98);
}

@media (min-width: 769px){
.alanadisorgu_panel #checkForm{
width:100%;
max-width:900px;
}
}

@media (max-width: 768px){
.alanadisorgu_panel{
padding:46px 14px;
}
.alanadisorgu_panel #checkForm{
width:100%;
max-width:none;
gap:10px;
}
.alanadisorgu_panel #checkForm input[type="text"],
.alanadisorgu_panel #checkForm .gonderbtn{
height:54px;
}
}



.mpanelrightcon {
float: unset!important;
border: 1px solid var(--arkaplan_acik_gri)!important;
border-radius: 10px!important;
box-shadow: 0 0 1px rgb(0 0 0 / 7%), 0 2px 24px rgb(0 0 0 / 6%)!important;
width: 100%!important;
margin-bottom: 0px!important;
background: #fff!important;
margin-top: 30px!important;
min-height: 430px!important;
}
#basic_client_rightcon {
margin-top: 60px!important;
}

.mpaneltitle {
float: left;
width: 100%;
background: #f50b0b;
border-bottom: 0px!important;
padding: 10px;
margin-bottom: 15px;
border-radius: 10px;
}
.mpaneltitle h4 {
font-size: 18px;
font-weight: 600!important;
color: #ffffff;
letter-spacing: .1px;
}

.mp_yeni_title_sayfa{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:8px 0;
  width:100%;
  min-width:0;
}

.mp_basligi{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:1 1 auto;
  max-width:100%;
}

.mp_bas_svg{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.mp_bas_svg svg{
  display:block;
  width:40px;
  height:40px;
  color:var(--yazi_siyah);
  flex:0 0 auto;
}

.mp_basligi strong{
  display:block;
  min-width:0;
  max-width:100%;
  font-size:clamp(1.4rem, 1.1vw + 1rem, 1.8rem);
  font-weight:600;
  color:var(--yazi_siyah);
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 auto;
}

.sayfa_yolu{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  flex:0 0 auto;
  max-width:44%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:14px;
  color:rgba(0,0,0,0.62);
  font-weight:600;
}

.sayfa_yolu a{
  color:rgba(0,0,0,0.62);
  text-decoration:none;
  font-weight:400;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sayfa_yolu a:hover{
  text-decoration:underline;
}

@media (max-width: 980px){
  .sayfa_yolu{
    max-width:38%;
  }
}

@media (max-width: 780px){
  .mp_yeni_title_sayfa{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .mp_basligi{
    width:100%;
  }
  .sayfa_yolu{
    width:100%;
    max-width:100%;
    justify-content:flex-start;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .sayfa_yolu a{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
}


.mp_ozel_class ul.tab {
background: unset!important;
filter: unset!important;
}




.mp_ozel_class ul.tab{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px;
}

.mp_ozel_class ul.tab > li{
flex:0 0 auto;
}

.mp_ozel_class .tablinks{
position:relative;
display:inline-flex;
align-items:center;
gap:7px;
padding:10px 20px;
border-radius:999px;
text-decoration:none;
color:var(--yazi_rengi, rgba(17,24,39,.90));
background:transparent;
border:1px solid rgba(17,24,39,.14);
user-select:none;
-webkit-tap-highlight-color:transparent;
transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}

.mp_ozel_class .tablinks:hover{
background:rgba(17,24,39,.06);
}

.mp_ozel_class .tablinks:focus-visible{
outline:none;
border-color:rgba(17,24,39,.22);
}

.mp_ozel_class .tablinks span{
font-size:14px;
line-height:1;
font-weight:650;
letter-spacing:.2px;
color:inherit;
}

.mp_ozel_class .tab_svgsi{
position:relative;
width:22px;
height:22px;
flex:0 0 22px;
display:grid;
place-items:center;
overflow:hidden;
}

.mp_ozel_class .tab_svgsi::after{
content:"";
display:inline-block;
width:18px;
height:18px;
--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E");
background-color:currentColor;
-webkit-mask-image:var(--svg);
mask-image:var(--svg);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
opacity:.70;
transition:width .18s ease,height .18s ease,opacity .18s ease,-webkit-mask-image .18s ease,mask-image .18s ease;
}

.mp_ozel_class .tablinks.active{
background:var(--arkaplan_acik_mavi);
border-color:var(--arkaplan_acik_mavi);
color:var(--yazi_rengi, rgba(17,24,39,.92));
}

.mp_ozel_class .tablinks.active .tab_svgsi {
background:transparent;
color: var(--yazi_beyaz);
border-color:transparent;
}
.mp_ozel_class .tablinks.active span {
color: var(--yazi_beyaz);
}

.mp_ozel_class .tablinks.active .tab_svgsi::after{
width:22px;
height:22px;
opacity:1;
--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'%3E%3Cpath d='m9 8.806l3.562 3.94a.788.788 0 0 0 1.206-.055L21 3'/%3E%3Cpath d='M21 12a9 9 0 1 1-9-9'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width:760px){
.mp_ozel_class ul.tab{
justify-content:stretch;
}

.mp_ozel_class ul.tab > li{
flex:1 1 calc(50% - 5px);
}

.mp_ozel_class ul.tab > li:last-child{
flex:1 1 100%;
}

.mp_ozel_class .tablinks{
width:100%;
justify-content:center;
border-radius:12px;
padding:12px 12px;
}
}

@media (max-width:420px){
.mp_ozel_class ul.tab > li{
flex:1 1 100%;
}
}

.mp_ozel_class .tabcontentcon {
width: 100%;
margin: auto;
margin-bottom: 0px;
}

.tabici_baslik{
width:100%;
margin:0 0 14px;
position:relative;
display:flex;
align-items:center;
}
.tabici_baslik > h4{
margin:0;
font-size:16px;
color:var(--yazi_siyah);
font-weight:700;
line-height:1.25;
letter-spacing:.2px;
white-space:nowrap;
position:relative;
z-index:1;
background: #ffffff;
padding-right: 15px;
}
.tabici_baslik > a{
margin-left:auto;
font-size:13px;
font-weight:600;
line-height:1.25;
letter-spacing:.2px;
color:var(--yazi_siyah);
white-space:nowrap;
position:relative;
z-index:1;
background: #ffffff;
padding-left: 15px;
}
.tabici_baslik::after{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
height:1px;
background:#e5e7eb;
opacity:.95;
z-index:0;
}
#defaultAddress_wrap .adresbilgisi {
padding: 0px!important;
border-bottom: 0px!important;
}




.account-field{
display:flex;
align-items:flex-start;
gap:20px;
padding:14px 0;
}
.account-field__label{
flex:0 0 25%;
min-width:180px;
display:flex;
align-items:center;
align-self:center;
}
.account-field__control{
flex:1;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px 28px;
}
@media (max-width:768px){
.account-field{
flex-direction:column;
align-items:stretch;
gap:10px;
padding:12px 0;
}
.account-field__label{
flex:0 0 auto;
min-width:0;
align-self:stretch;
}
.account-field__control{
width:100%;
}
}
strong.hesapbilgi_title {
font-size: 14px;
color: var(--yazi_siyah);
font-weight: 400;
}
.account-field .genel_inputlar {
width: 100%;
}
.tabcontentcon input:focus {
padding-left: 14px!important;
}
.account-field__control .iti--separate-dial-code .iti__selected-flag {
background-color: transparent!important;
}
.account-field__control .iti {
width: 100%;
}
.account-field .genel_inputlar select {
background: var(--arkaplan_beyaz);
border: 1px solid var(--border);
border-radius: 8px;
padding: 12px 14px;
font-size: 15px;
color: var(--yazi_siyah);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.25s ease;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

#AddressList{
display:flex;
flex-direction:column;
gap:12px;
}

#AddressList .radio-item{
background:#fff;
border:1px solid rgba(15,23,42,.10);
border-radius:14px;
overflow:hidden;
}

#AddressList .adresi_listelersin{
width: 100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px 16px;
background:linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,0));
}

#AddressList .adresi_listelersin:hover{
background:rgba(15,23,42,.03);
}

#AddressList .adresin_bilgisi_bu{
display:flex;
flex-direction:column;
gap:6px;
min-width:0;
flex:1 1 auto;
}

#AddressList .adresin_bilgisi_bu strong{
display:block;
font-size:15px;
font-weight:700;
color: var(--yazi_siyah);
line-height:1.2;
letter-spacing:.2px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#AddressList .adresin_bilgisi_bu span{
display:block;
font-size:13px;
color: var(--yazi_siyah);
line-height:1.35;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#AddressList .adresin_bilgisi_bu span b{
color: var(--yazi_kirmizi);
}
#AddressList .adresin_bilgisi_butonlari{
display:flex;
align-items:center;
gap:10px;
flex:0 0 auto;
}

#AddressList .adresin_bilgisi_butonlari a{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:12px;
border:1px solid rgba(15,23,42,.12);
background:#fff;
color:var(--yazi_acik_mavi);
text-decoration:none;
box-shadow:0 6px 16px rgba(15,23,42,.06);
transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

#AddressList .adresin_bilgisi_butonlari a:hover{
border-color:var(--yazi_mavi);
color:var(--yazi_mavi);
}

#AddressList .adresin_bilgisi_butonlari a.red{
color:var(--yazi_acik_kirmizi);
border-color:rgba(180,35,24,.20);
}

#AddressList .adresin_bilgisi_butonlari a.red:hover{
border-color:var(--yazi_kirmizi);
color:var(--yazi_kirmizi);
}

#AddressList .adresin_bilgisi_butonlari a:focus{
outline:none;
}

#AddressList .adresin_bilgisi_butonlari a:focus-visible{
box-shadow:0 0 0 3px rgba(15,44,114,.18), 0 10px 22px rgba(15,23,42,.10);
}

@media (max-width: 768px){
#AddressList .adresi_listelersin{
flex-direction:column;
align-items:stretch;
gap:12px;
}

#AddressList .adresin_bilgisi_bu strong,
#AddressList .adresin_bilgisi_bu span{
white-space:normal;
overflow:visible;
text-overflow:clip;
}

#AddressList .adresin_bilgisi_butonlari{
justify-content:flex-end;
}
}


.tabcontentcon input#gsm2:focus {
padding-left: 84px !important;
}
strong.strong_basligimiz {
font-size: 14px;
color: var(--yazi_siyah);
font-weight: 400;
margin-bottom: 8px;
display: block;
}

#alt_yan_butonlar{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
overflow: hidden;
}

#alt_yan_butonlar a:first-child{
margin-right:auto;
background: var(--arkaplan_gri)!important;
}

#alt_yan_butonlar a:last-child{
margin-left:auto;
}

@media (max-width: 768px){
#alt_yan_butonlar{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:999;
padding:12px 14px;
background:#fff;
border-top:1px solid rgba(15,23,42,.10);
box-shadow:0 -10px 24px rgba(15,23,42,.08);
}
}

.buton-alani #alt_yan_butonlar a {
min-width: unset!important;
width: auto!important;
}

.account-field .yuzde70,
.account-field .yuzde30 {
width: 100%;
}



.pw-field{position:relative}
.pw-field #password_primary,
.pw-field #password_again{padding-right:46px}
.pw-verify-ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:none;pointer-events:none}
.pw-verify-ico svg{width:24px;height:24px;display:block}
.pw-verify-ico.is-ok{display:block;color:var(--yazi_yesil)}
.pw-verify-ico.is-bad{display:block;color:var(--yazi_kirmizi)}

.pw-meter{width:40%;display:inline-block;vertical-align:middle;margin-left:10px}
.pw-meter-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;margin-bottom:6px}
.pw-meter-title{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-meter-title strong{font-weight:700}
.pw-meter-percent{font-size:11px;opacity:.75;white-space:nowrap}
.pw-meter-track{width:100%;height:8px;background:#e9ecef;border-radius:999px;overflow:hidden}
.pw-meter-fill{height:100%;width:0%;background:#dc3545;border-radius:999px;transition:width .18s ease,background-color .18s ease}
.pw-meter-note{font-size:11px;opacity:.85;margin-top:6px;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.parola_gucu_ve_buton .lbtn {
padding: 5px 20px!important;
border: 1px solid var(--arkaplan_yesil)!important;
color: var(--yazi_yesil)!important;
font-weight: 500!important;
font-size: 14px!important;
}
.parola_gucu_ve_buton .lbtn i {
margin-right: 3px;
}
.parola_gucu_ve_buton .lbtn:hover {
background: var(--arkaplan_yesil)!important;
color: var(--yazi_beyaz)!important;
}


.parola_gucu_ve_buton {
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}

.parola_gucu_ve_buton .pw-meter{
margin-left:0;
flex:0 0 40%;
}

.parola_gucu_ve_buton > a{
margin-left:auto;
flex:0 0 auto;
}

@media (max-width: 768px){
.parola_gucu_ve_buton{
flex-direction:column;
align-items:stretch;
}

.parola_gucu_ve_buton > a{
order:1;
width:100%;
text-align: center;
}

.parola_gucu_ve_buton .pw-meter{
order:2;
width:100%;
flex:0 0 auto;
}
}

.account-warning{
border-radius:12px;
border:1px solid rgba(245,158,11,.35);
background:rgba(245,158,11,.12);
color:#7a4b00;
font-size:14px;
line-height:1.45;
display: table;
margin: 15px auto;
padding: 10px 15px;
text-align: center;
}
label.sitemio-checkbox-label {
width: 50px!important;
height: 24px!important;
}
input.sitemio-checkbox:checked+label.sitemio-checkbox-label{background-color: var(--arkaplan_yesil)!important;}
input.sitemio-checkbox:checked+label.sitemio-checkbox-label::after {
left: 25px!important;
transition: left 400ms!important;
margin-top: -0.4px!important;
box-shadow: unset!important;
}
.tabcontentcon .red-info {
margin-bottom: 20px;
}


@media (max-width: 1100px){
#muspanel .dataTables_wrapper .dataTables_filter input {
width: 100%!important;
}
}
@media (max-width: 768px){
#muspanel .dataTables_wrapper .dataTables_filter {
text-align: unset!important;
width: 100%!important;
display: block !important;
}
}




.yeni_hosting_detay_ortala{
width: 100%;
margin-top: 0px;
display: grid;
grid-template-columns: 2fr 1.3fr;
gap: 40px;
box-sizing: border-box;
}

.yeni_hosting_detay_sol{
grid-column: 1;
}

.yeni_hosting_detay_sag{
grid-column: 2;
}

@media (max-width: 768px){
.yeni_hosting_detay_ortala{
grid-template-columns: 1fr;
gap: 0px;
}

.yeni_hosting_detay_sag{
grid-column: 1;
grid-row: 1;
}

.yeni_hosting_detay_sol{
grid-column: 1;
grid-row: 2;
}
.yeni_hosting_detay_ortala.alta_alma .yeni_hosting_detay_sag{
grid-column: 1;
grid-row: 2;
}

.yeni_hosting_detay_ortala.alta_alma .yeni_hosting_detay_sol{
grid-column: 1;
grid-row: 1;
}
}
.yeni_hosting_detay_sol .msp_grid_cerceve,
.yeni_hosting_detay_sag .msp_grid_cerceve {
display: grid;
gap: 0px;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: start;
margin-top: 0px;
}
.yeni_hosting_detay_sol .msp_grid_icerik,
.yeni_hosting_detay_sag .msp_grid_icerik {
margin-top: 30px;
}
.yeni_hosting_detay_sol .msp_grid_icerik:only-child,
.yeni_hosting_detay_sol .msp_grid_icerik:last-child:nth-child(odd),
.yeni_hosting_detay_sag .msp_grid_icerik:only-child,
.yeni_hosting_detay_sag .msp_grid_icerik:last-child:nth-child(odd){
grid-column: auto;
justify-self: stretch;
}
#panel_buttons a,
a#renewal_list_btn {
overflow: hidden;
}

.yeni_hosting_detay_sag #disk_bar{
background:linear-gradient(180deg, #e2efff 0%, #ffffff 52%);
padding: 15px 30px;
border-radius: 16px;
border: 1px solid #e2efff;
border-top: 6px solid #adc5e3;
}

.yeni_hosting_detay_sag #bandwidth_bar {
background:linear-gradient(180deg, #ffebd1 0%, #ffffff 52%);
padding: 15px 30px;
border-radius: 16px;
border: 1px solid #ffebd1;
border-top: 6px solid #ffd9a8;
}

.yeni_hosting_detay_sag .msp_grid_icerik.use-progressbar .msp_usage_bars {
gap: 20px;
}
.yeni_hosting_detay_sag .msp_grid_icerik.use-progressbar .msp_usage_item .msp_usage_title strong,
.yeni_hosting_detay_sag .msp_grid_icerik.use-progressbar .msp_usage_item .msp_usage_title svg {
color: #728eb1;
}

.yeni_hosting_detay_sag .msp_grid_icerik.use-progressbar .msp_usage_item:nth-child(2) .msp_usage_title strong,
.yeni_hosting_detay_sag .msp_grid_icerik.use-progressbar .msp_usage_item:nth-child(2) .msp_usage_title svg {
color: #c4a071;
}


.yeni_hosting_detay_sag a#renewal_list_btn {
background: var(--arkaplan_mavi);
}
.yeni_hosting_detay_sag a#renewal_list_btn:hover {
background: var(--arkaplan_acik_yesil);
}


.hizmetblok.yenisi {border:0!important;}

.hizmetblok.yenisi{
--hb-text:#0f172a;
--hb-muted:#64748b;
--hb-border:#87a9f4;
--hb-line:#eef2f7;
--hb-link:#2563eb;
--hb-link-hover:#1d4ed8;
--hb-radius:16px;
--hb-pad:18px;
--hb-pastel:#eef6ff;
--hb-accent:#3b82f6;
--hb-accent-dark:#2563eb;
--hb-ring:0 0 0 4px rgba(59,130,246,.14);
color:var(--hb-text);
}
.hizmetblok.yenisi.hb-mavi{
--hb-border:#87a9f4;
--hb-pastel:#eef6ff;
--hb-accent:#3b82f6;
--hb-accent-dark:#2563eb;
--hb-link:#2563eb;
--hb-link-hover:#1d4ed8;
--hb-ring:0 0 0 4px rgba(59,130,246,.14);
}
.hizmetblok.yenisi.hb-turuncu{
--hb-border:#f6b28c;
--hb-pastel:#fff4ed;
--hb-accent:#f97316;
--hb-accent-dark:#ea580c;
--hb-link:#ea580c;
--hb-link-hover:#c2410c;
--hb-ring:0 0 0 4px rgba(249,115,22,.14);
}
.hizmetblok.yenisi.hb-yesil{
--hb-border:#8adbb1;
--hb-pastel:#effcf4;
--hb-accent:#22c55e;
--hb-accent-dark:#16a34a;
--hb-link:#16a34a;
--hb-link-hover:#15803d;
--hb-ring:0 0 0 4px rgba(34,197,94,.14);
}
.hizmetblok.yenisi.hb-gri{
--hb-border:#cbd5e1;
--hb-pastel:#f7f9fc;
--hb-accent:#64748b;
--hb-accent-dark:#475569;
--hb-link:#334155;
--hb-link-hover:#0f172a;
--hb-ring:0 0 0 4px rgba(100,116,139,.14);
}
.hizmetblok.yenisi.hb-kirmizi{
--hb-border:#f6a3a3;
--hb-pastel:#fff1f1;
--hb-accent:#ef4444;
--hb-accent-dark:#dc2626;
--hb-link:#dc2626;
--hb-link-hover:#b91c1c;
--hb-ring:0 0 0 4px rgba(239,68,68,.14);
}


.hizmetblok.yenisi .hb-card{
background:linear-gradient(180deg, var(--hb-pastel) 0%, #ffffff 52%);
border:1px solid var(--hb-border);
border-top:6px solid rgba(37,99,235,.55);
border-top-color:color-mix(in srgb, var(--hb-accent-dark) 55%, transparent);
border-radius:var(--hb-radius);
overflow:hidden;
}

.hizmetblok.yenisi .hb-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:16px var(--hb-pad);
background:transparent;
}

.hizmetblok.yenisi .hb-title{
font-size:16px;
font-weight:900;
letter-spacing:-.25px;
}
.iziModal-content .hb-title{
color: #737d8c!important;
}

.hizmetblok.yenisi .hb-meta{
display:flex;
align-items:center;
gap:10px;
font-size:13px;
color:var(--hb-muted);
white-space:nowrap;
}

.hizmetblok.yenisi .hb-invoice{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border:1px solid color-mix(in srgb, var(--hb-accent-dark) 18%, transparent);
border-radius:999px;
background:#ffffff;
color:var(--hb-link);
text-decoration:none;
line-height:1;
}

.hizmetblok.yenisi .hb-invoice:hover{
background:color-mix(in srgb, var(--hb-pastel) 70%, #ffffff);
border-color:color-mix(in srgb, var(--hb-accent-dark) 28%, transparent);
color:var(--hb-link-hover);
}

.hizmetblok.yenisi .hb-invoice:focus{
outline:none;
box-shadow:var(--hb-ring);
}

.hizmetblok.yenisi .hb-list{
list-style:none;
margin:0;
padding:0 var(--hb-pad) 10px;
}

.hizmetblok.yenisi .hb-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px 0;
border-top:1px solid var(--hb-line);
}

.hizmetblok.yenisi .hb-item:first-child{
border-top:1px solid rgba(15,23,42,.10);
}

.hizmetblok.yenisi .hb-label{
flex:0 0 42%;
font-size:14px;
font-weight:800;
color:var(--hb-muted);
letter-spacing:.2px;
}

.hizmetblok.yenisi .hb-value{
flex:1 1 auto;
text-align:right;
font-size:14px;
font-weight:900;
color:var(--hb-text);
min-width:0;
word-break:break-word;
}

.hizmetblok.yenisi .hb-value .listingstatus{
display:inline-flex;
align-items:center;
justify-content:flex-end;
}

.hizmetblok.yenisi .hb-value .listingstatus > span{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:rgba(15,23,42,.06);
color:rgba(15,23,42,.88);
font-size:12px;
font-weight:900;
letter-spacing:.15px;
}

.hizmetblok.yenisi .hb-value .listingstatus > span.active{
background:rgba(34,197,94,.16);
color:#15803d;
}

.hizmetblok.yenisi .hb-total{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:16px var(--hb-pad);
background:var(--hb-border);
border-top:1px solid rgba(15,23,42,.10);
}

.hizmetblok.yenisi .hb-total-label{
font-size:13px;
font-weight:800;
color:rgba(255,255,255,.72);
}

.hizmetblok.yenisi .hb-total-value{
font-size:16px;
font-weight:950;
color:#ffffff;
letter-spacing:-.25px;
}
.hizmetblok.yenisi .hb-value label.sitemio-checkbox-label {
float: right!important;
margin-right: 0px!important;
}

@media (max-width:720px){
.hizmetblok.yenisi{ --hb-pad:14px; }
.hizmetblok.yenisi .hb-head{
flex-direction:column;
align-items:flex-start;
}
.hizmetblok.yenisi .hb-meta{
width:100%;
justify-content:flex-start;
}
.hizmetblok.yenisi .hb-item{
flex-direction:column;
align-items:flex-start;
gap:8px;
}
.hizmetblok.yenisi .hb-value{
width:100%;
text-align:left;
}
.hizmetblok.yenisi .hb-value .listingstatus{
justify-content:flex-start;
}
}

.msp_grid_cerceve .hizmetblok {
display: unset!important;
width: 100%!important;
margin: unset!important;
vertical-align: top;
font-size: unset!important;
border: unset!important;
}

.msp_grid_cerceve{
display: grid;
gap: 60px;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
margin-top: 30px;
}
.msp_grid_icerik{
min-width: 0;
}
.msp_grid_icerik:only-child{
grid-column: 1 / -1;
justify-self: center;
}
.msp_grid_icerik:last-child:nth-child(odd){
grid-column: 1 / -1;
justify-self: center;
}
@media (max-width: 768px){
.msp_grid_cerceve{
grid-template-columns: 1fr;
}
.msp_grid_icerik:only-child,
.msp_grid_icerik:last-child:nth-child(odd){
grid-column: auto;
justify-self: stretch;
}
}

.msp_grid_icerik.use-progressbar{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:30px;
}

.msp_grid_icerik.use-progressbar .msp_usage_bars{
width:100%;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:60px;
justify-items:center;
align-items:start;
}

.msp_grid_icerik.use-progressbar .msp_usage_bars > .msp_usage_item:only-child{
grid-column:1 / -1;
justify-self:center;
}

.msp_grid_icerik.use-progressbar .msp_usage_item{
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
min-width:0;
}

.msp_grid_icerik.use-progressbar .msp_usage_title{
margin:0;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
width:100%;
max-width:100%;
padding:8px 4px 16px 4px;
position:relative;
line-height:1.15;
font-weight:900;
text-align:center;
}

.msp_grid_icerik.use-progressbar .msp_usage_title svg{
flex:0 0 auto;
display:block;
color:currentColor;
width: 22px;
height: 22px;
}

.msp_grid_icerik.use-progressbar .msp_usage_title strong{
font-size: 18px;
font-weight:900;
color:currentColor;
}

.msp_grid_icerik.use-progressbar .msp_usage_title span{
position:absolute;
bottom:0;
height:5px;
border-radius:999px;
background:currentColor;
opacity:.22;
width:calc((100% - 16px) / 5);
}

.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(1){ left:0; }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(2){ left:calc(((100% - 16px) / 5) + 4px); }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(3){ left:calc((((100% - 16px) / 5) * 2) + 8px); }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(4){ left:calc((((100% - 16px) / 5) * 3) + 12px); }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(5){ left:calc((((100% - 16px) / 5) * 4) + 16px); }

.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(1){ animation:mspStepFill 5.2s ease-in-out infinite; }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(2){ animation:mspStepFill 5.2s ease-in-out infinite .45s; }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(3){ animation:mspStepFill 5.2s ease-in-out infinite .9s; }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(4){ animation:mspStepFill 5.2s ease-in-out infinite 1.35s; }
.msp_grid_icerik.use-progressbar .msp_usage_title span:nth-of-type(5){ animation:mspStepFill 5.2s ease-in-out infinite 1.8s; }

.msp_grid_icerik.use-progressbar #disk_bar .msp_usage_title span {
color: #809aba;
}

.msp_grid_icerik.use-progressbar #bandwidth_bar .msp_usage_title span{
color: #e2b780;
}

@keyframes mspStepFill{
0%{ opacity:.18; transform:scaleY(.55); filter:brightness(.95); }
18%{ opacity:.18; transform:scaleY(.55); filter:brightness(.95); }
38%{ opacity:.95; transform:scaleY(1); filter:brightness(1.05); }
72%{ opacity:.95; transform:scaleY(1); filter:brightness(1.05); }
100%{ opacity:.18; transform:scaleY(.55); filter:brightness(.95); }
}


.msp_grid_icerik.use-progressbar .msp_usage_loading{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.msp_grid_icerik.use-progressbar #disk_used_percent,
.msp_grid_icerik.use-progressbar #bandwidth_used_percent{
font-size:18px;
font-weight:900;
letter-spacing:.02em;
}

.msp_grid_icerik.use-progressbar #disk_used_percent::after,
.msp_grid_icerik.use-progressbar #bandwidth_used_percent::after{
content:"%";
font-size:.75em;
font-weight:800;
opacity:.7;
margin-left:2px;
}

.msp_grid_icerik.use-progressbar .msp_upgrade_btn{
width:50%;
max-width:420px;
min-width:260px;
padding:12px 0;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
}

@media (max-width: 768px){
.msp_grid_icerik.use-progressbar{
gap:24px;
}
.msp_grid_icerik.use-progressbar .buton-alani a {
min-width: 85%;
}
.msp_grid_icerik.use-progressbar .msp_usage_title{
white-space:normal;
width:100%;
justify-content:center;
}

.msp_grid_icerik.use-progressbar .msp_upgrade_btn{
width:100%;
max-width:none;
min-width:0;
}
}
.buton-alani a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
}

.buton-alani a svg{
width: 26px;
height: 26px;
flex:0 0 auto;
display:block;
}

div#order_image{
display:flex;
align-items:center;
justify-content:center;
}

div#order_image svg,
div#order_image img{
display:block;
}

.msp_domain_block{
margin:30px 0px 15px 0px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:6px;
}

.msp_domain_title{
margin:0;
font-size:18px;
line-height:1.2;
font-weight:800;
}

.msp_domain_features{
font-size:14px;
line-height:1.2;
font-weight:500;
opacity:.85;
}


.msp_ares_upginfo_alani{
width:100%;
box-sizing:border-box;
padding:0;
border:0;
border-radius:0;
background:transparent;
}

.msp_ares_upginfo_kolonlar{
display:flex;
gap:14px;
align-items:stretch;
}

.msp_ares_upginfo_sol,
.msp_ares_upginfo_sag{
display:flex;
align-items:stretch;
}

.msp_ares_upginfo_sol{
flex:0 0 34%;
min-width:260px;
}

.msp_ares_upginfo_sag{
flex:1 1 auto;
}

.msp_ares_upginfo_satir{
display:flex;
flex-direction:column;
justify-content:center;
gap:7px;
width:100%;
padding:14px 14px;
border:1px solid rgba(15,44,114,.18);
border-radius:14px;
background:rgba(15,44,114,.03);
}

.msp_ares_upginfo_satir_tek{
height:100%;
}

.msp_ares_upginfo_ikili{
display:flex;
flex-wrap:wrap;
gap:12px;
align-content:stretch;
}

.msp_ares_upginfo_ikili .msp_ares_upginfo_satir{
flex:1 1 calc(50% - 6px);
min-width:240px;
}

.msp_ares_upginfo_etiket{
font-size:12.5px;
line-height:1.25;
color:rgba(15,44,114,.78);
font-weight:800;
letter-spacing:.2px;
}

.msp_ares_upginfo_deger{
font-size:15px;
line-height:1.25;
color:#0f2c72;
font-weight:900;
word-break:break-word;
}

@media (max-width:900px){
.msp_ares_upginfo_sol{
flex:0 0 38%;
min-width:240px;
}
.msp_ares_upginfo_ikili .msp_ares_upginfo_satir{
min-width:220px;
}
}

@media (max-width:700px){
.msp_ares_upginfo_kolonlar{
flex-direction:column;
}
.msp_ares_upginfo_sol{
flex:1 1 auto;
min-width:0;
}
.msp_ares_upginfo_ikili{
gap:10px;
}
.msp_ares_upginfo_ikili .msp_ares_upginfo_satir{
flex:1 1 100%;
min-width:0;
}
}


span#upgradeConfirm_text {
color: #191919!important;
}