html, body {height: 100%;min-height: 100vh;}
body {font-family: "Poppins", sans-serif;overflow-x: hidden;background: #fff;color: #262340;height: 100vh;min-height: 100vh;margin: 0;padding: 0 1% 0 1%;}
textarea:focus, input:focus{outline: none;}
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}
.alert-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb; font-size:13px; text-align:center;}
.alert-success {color: #155724;background-color: #d4edda;border-color: #c3e6cb; font-size:13px; text-align:center;}
.btn { font-size:12px;}


/* Giris , Üye Ol */
.girissolalan {width: 100%;height: 100vh;    display: flex;align-items: center;   justify-content: center;padding: 5px;box-sizing: border-box;float:left;}
.girissolalan img {border-radius: 5px;max-width: 100%;height: auto;display: block;}

.girissagalan {background: #fff;min-height: 98vh;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 80px 0;}
.girissagalan .giris-content {width: 100%;max-width: 450px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.girissagalan .giris-logo {width: 240px;margin-bottom: 50px;display: block;}
.girissagalan .giris-title {font-size: 20px;font-weight: 700;margin-bottom: 26px;text-align: center;}
.girissagalan .giris-input {width: 100%;padding: 15px 20px;border-radius: 5px;border: none;background: #f4f5f8;font-size: 13px;margin-bottom: 14px;box-sizing: border-box;transition: box-shadow .2s; font-weight:600;}
.girissagalan .giris-input:focus { box-shadow: none; }
.giris-role-group {display: flex;gap: 12px;width:100%;margin-bottom:16px;}
.giris-role-group input[type="radio"] {display: none;}
.giris-role-group label {flex:1;display: block;padding: 12px 0;text-align: center;border-radius: 5px; background:#f4f5f8; font-size:13px; font-weight:500; cursor:pointer;transition:all .17s;}
.giris-role-group input[type="radio"]:checked + label {background:#1eb786;color:#fff;border-color:#1eb786;}

.girissagalan .giris-btn {width: 100%;padding: 14px 0;background: #262340;border: none;border-radius: 5px;color: #fff;font-weight: 700;font-size: 13px;cursor: pointer;margin-top: 4px;transition: background .2s;}
.girissagalan .giris-btn:hover { background: #1eb786; }
.girissagalan .uyeol-btn {width: 100%;padding: 14px 0;background: #F2F3F7;border: none;border-radius: 5px; font-weight: 700;font-size: 13px;cursor: pointer;margin-top: 4px;transition: background .2s;}
.girissagalan .uyeol-btn:hover { background: #ccc; }
.girissagalan .giris-footer {width: 100%;text-align: center;margin-top: 40px;}
.girissagalan .giris-social {margin-bottom: 16px;}
.girissagalan .giris-social a {display: inline-block;width: 48px; height: 48px;background: #F2F3F7;border-radius: 50%;margin: 0 6px;line-height: 48px;text-align: center;transition: background .2s;}
.girissagalan .giris-social a:hover { background: #11A87B; }
.girissagalan .giris-social img {vertical-align: middle; margin-top: 0;}
.girissagalan .giris-copyright {font-size: 13px;margin-top: 10px;}

@media (max-width: 767.98px) {
.girissolalan { width: 100% !important; float: none; padding: 10px; display:none;}
.girissolalan img { border-radius: 5px;}
.girissagalan { min-height: unset; padding: 32px 8px 18px 8px; border-radius: 0; }
.girissagalan .giris-content { max-width: 100%; }
.girissagalan .giris-logo { width: 140px; margin-bottom: 42px;}
.girissagalan .giris-title { font-size: 17px; margin-bottom: 20px;}
.girissagalan .giris-input { font-size: 12px; padding: 11px 12px; border-radius: 5px; }
.giris-role-group { flex-direction: column; gap: 8px; margin-bottom: 14px;}
.giris-role-group label { padding: 11px 0; font-size: 12px; border-radius: 5px;}
.girissagalan .giris-btn { font-size: 12px; padding: 12px 0; border-radius: 5px;}
.girissagalan .giris-footer { margin-top: 22px; }
.girissagalan .giris-social a { width: 38px; height: 38px; line-height: 38px; }
.girissagalan .giris-social img { width: 16px; height: 16px;}
.girissagalan .giris-copyright { font-size: 12px; margin-top: 8px;}
}
/* Giris , Üye Ol */



/* Panel */
.panel-wrap {display: flex;flex-direction: row;gap: 18px;width: 100%;height: calc(100vh - 110px);box-sizing: border-box;overflow: hidden;padding: 0 12px;}

/* ÜST PANEL */
.panelust {width: 100%;height: 98px;background: #fff;border-radius: 0 0 10px 10px;margin-bottom: 18px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 2px 8px #0001;padding: 0 32px;}
.panel-logo { max-height: 65px; }
.panel-actions {display: flex;align-items: center;gap: 18px;}
.panel-search {border: 1px solid #ececec;border-radius: 22px;padding: 8px 18px;outline: none;transition: border .2s;font-size: 13px;width: 300px;}
.panel-search:focus { border-color: #11A87B; }
.panel-actions i {font-size: 18px;color: #11A87B;cursor: pointer;margin-left: 8px;transition: color .2s;}
.panel-actions i:hover { color: #333; }
.panel-user {display: flex;align-items: center;background: #11A87B;color: #fff;border-radius: 50px;padding: 7px 16px 7px 10px;font-weight: 600;margin-left: 16px;gap: 10px;}
.panel-user span:first-child {background: #fff;color: #11A87B;font-size: 15px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 8px;}
.panel-user-name {font-size: 13px;font-weight: 500;letter-spacing: .5px;}


/* SOL MENÜ */
.panelsol {width: 100%; float:left; padding:0 10px 0 0;}
.panelsol .ic {width: 100%;min-height: 600px;background: #11A87B;border-radius: 10px;padding: 30px 0;box-shadow: 0 2px 16px #0002;display: flex;flex-direction: column;align-items: center;}
.side-menu {list-style: none;padding: 0 10px 0 10px;margin: 0;width: 100%;}
.side-menu li {display: flex;align-items: center;justify-content: flex-start;gap: 12px;padding: 13px 18px;font-size: 14px;color: #c6fff1;font-weight: 600; cursor: pointer;margin-bottom: 2px;background: none;transition: background .17s, color .17s;position: relative; user-select: none;border-bottom: 1px solid #64C7A9;width: 100%;box-sizing: border-box;}
.side-menu li.active,
.side-menu li:hover {color: #fff;}
.side-menu .has-sub:after {content: "";display: inline-block;margin-left: auto;border: solid #fff;border-width: 0 2px 2px 0;padding: 4px;transform: rotate(-45deg);transition: transform .2s;}
.side-menu .has-sub.open:after {transform: rotate(45deg);}
.side-menu img {min-width: 18px;min-height: 18px;width: 18px;height: 18px;display: inline-block;}
.side-menu .submenu {position: absolute;top: 0;left: 100%;min-width: 180px;background: #11A87B;border-radius: 0 10px 10px 0;padding: 8px 0;margin-left: 3px;box-shadow: 2px 6px 24px #0001;z-index: 11;
opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.22s cubic-bezier(.5,0,.2,1), visibility 0.22s,left 0.22s cubic-bezier(.5,0,.2,1);}
.side-menu > .has-sub.open > .submenu {opacity: 1;visibility: visible;left: 100%;pointer-events: auto;}
.submenu li {display: block;width: 100%;padding: 6px 24px;font-size: 14px;color: #c6fff1;background: none;border-radius: 0 6px 6px 0;margin: 0;cursor: pointer;font-weight: 400;box-sizing: border-box;transition: color .15s, background .17s;text-align: left;border: none;white-space: nowrap;}
.submenu li.active,
.submenu li:hover {color: #fff;background: #11A87B55; text-decoration:none;}



.panel-sag { flex: 1; min-width: 0; display: flex; flex-direction: column; background: transparent; overflow: hidden; padding: 0 0 0 10px; }
.panel-sag-ic { width: 100%; height: 100%; padding: 0 0 0 0; display: flex; flex-direction: column; gap: 22px;  }
.panel-satir, .panel-satir-4, .panel-satir-alt { width: 100%; display: flex; gap: 18px; }
.panel-satir-4 .panel-kart {flex: 1 1 0; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px #0001;padding: 18px 12px 16px 18px; display: flex; flex-direction: column; align-items: flex-start; min-width: 0;}
.kart-ikon { font-size: 28px; margin-bottom: 6px; color: #11A87B; }
.kart-baslik { font-size: 14px; font-weight: 600; }
.kart-deger { font-size: 20px; font-weight: 700; margin-top: 5px; letter-spacing: 1px; color:#11A87B;}
.panel-kart-genis {background: #fff; border-radius: 12px; box-shadow: 0 2px 12px #0001; width: 100%; min-height: 180px;display: flex; flex-direction: column; justify-content: flex-start; padding: 0;}
.satir-baslik { font-weight: 600; font-size: 14px; padding: 12px 18px 6px 18px;border-bottom: 1px solid #f0f0f0; border-radius: 12px 12px 0 0; background: #fff;}
.kart-icerik { width: 100%; height: 160px; padding: 6px 14px 12px 14px; display: flex; align-items: center; justify-content: center; gap:24px;}
.kart-icerik > div { width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; display: block; }
.panel-kart-genis-alt, .panel-kart-dar-alt {background: #fff; border-radius: 12px; box-shadow: 0 2px 12px #0001; display: flex; flex-direction: column;justify-content: flex-start; padding: 0; overflow: hidden; min-width: 0; min-height: 170px;}
.panel-kart-genis-alt { flex: 9 1 0; }
.panel-kart-dar-alt  { flex: 5 1 0; }
.kart-icerik-tablosu {width: 100%; min-height: 120px;background: #f9f9fa;border-radius: 0 0 12px 12px;display: flex;align-items: flex-start;justify-content: flex-start;  max-height: 300px;overflow-y: auto;}
.gecikme-tablo {width: 100%;border-collapse: collapse;font-size: 13px;background: #fff;}
.gecikme-tablo th, .gecikme-tablo td { padding: 7px 8px; text-align: left; }
.gecikme-tablo th { background: #F3C64111; color: #232D3A; font-weight: 600; font-size: 14px; }
.gecikme-tablo tr:not(:last-child) { border-bottom: 1px solid #ececec; }
.gecikme-tablo td.status-gecikmis { color: #E74C3C; font-weight: 600; }
.gecikme-tablo td.status-odendi { color: #11A87B; font-weight: 600; }
.gecikme-tablo td.status-bekleyen { color: #F3C641; font-weight: 600; }

.kart-icerik-liste {padding: 10px 14px 10px 14px;display: flex;align-items: flex-start;justify-content: flex-start;min-height: 110px;height: 100%;width: 100%;}
.yaklasan-liste {width: 100%; margin: 0; padding: 0; list-style: none;display: flex; flex-direction: column; gap: 8px;}
.yaklasan-liste li {font-size: 13px;color: #232D3A;background: #f7f7f7;border-radius: 7px;padding: 6px 10px;display: flex;align-items: center;gap: 9px;line-height: 1.4;font-weight: 500;}
.yaklasan-liste li .fa { color: #11A87B; font-size: 17px; }
.yaklasan-tarih {background: #E4F7F1;color: #11A87B;border-radius: 10px;padding: 2px 10px;margin-left: 9px;font-size: 13px;font-weight: 600;letter-spacing: 0.03em;}
.panel-alt-satir {width: 100%;display: flex;gap: 22px;margin-top: 18px;}
.ajanda-kart, .mulkler-kart {background: #fff;border-radius: 12px;box-shadow: 0 2px 12px #0001;flex: 1 1 0;min-width: 0;padding: 18px 20px 20px 20px;display: flex;flex-direction: column;height: 265px;max-height: 265px;}
.ajanda-baslik, .mulkler-baslik {font-size: 14px;font-weight: 700;color: #232D3A;margin-bottom: 12px;}
.ajanda-liste {list-style: none;margin: 0; padding: 0;display: flex; flex-direction: column; gap: 8px;overflow-y: auto;max-height: 196px; /* 4 satir kadar sinir */ width:100%;}
.ajanda-liste li {display: flex; align-items: center; gap: 8px;font-size: 13px;color: #333;background: #f7f7f7;border-radius: 7px;padding: 7px 10px;flex-shrink: 0;}
.ajanda-liste .ajanda-tarih {background: #E4F7F1;color: #11A87B;border-radius: 10px;padding: 2px 9px;font-size: 13px;font-weight: 600;margin-right: 7px;}
.ajanda-liste .fa-calendar { color: #11A87B; font-size: 17px; }

/* Scrollbar sadelestir */
.ajanda-liste::-webkit-scrollbar,
.mulkler-tablo-wrapper::-webkit-scrollbar,
.kart-icerik-tablosu::-webkit-scrollbar,
.kart-icerik::-webkit-scrollbar,
.kart-icerik-liste::-webkit-scrollbar {
    width: 6px;
    background: #f2f2f2;
    border-radius: 10px;
}

.ajanda-liste::-webkit-scrollbar-thumb,
.mulkler-tablo-wrapper::-webkit-scrollbar-thumb,
.kart-icerik-tablosu::-webkit-scrollbar-thumb,
.kart-icerik::-webkit-scrollbar-thumb,
.kart-icerik-liste::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 10px;
}

/* Mülkler tablosu scroll'lu wrapper içinde */
.mulkler-tablo-wrapper {flex: 1 1 0;overflow-y: auto;max-height: 196px;margin-bottom: 10px;}
.mulkler-tablo {width: 100%;border-collapse: collapse;font-size: 13px;background: #fff;}
.mulkler-tablo th, .mulkler-tablo td {padding: 7px 8px;text-align: left;}
.mulkler-tablo th {background: #11A87B11; font-weight: 600;font-size: 13px;}
.mulkler-tablo tr:not(:last-child) { border-bottom: 1px solid #ececec; }
.mulkler-tablo td.mulk-durum {font-weight: 600;color: #11A87B;}
.mulkler-tablo td.mulk-durum.pasif {color: #E74C3C;}
.btn-mulkler {font-size: 13px;background: #11A87B;color: #fff;border: none;border-radius: 6px;padding: 6px 14px;cursor: pointer;float: right;margin-top: 8px;margin-bottom: 2px;}

.panelalt { width:100%; min-height:60px; background:#fff; margin:25px 0 0 0; border-radius: 10px 10px 0 0; box-shadow: 0 2px 8px #0001; float:left;}



.panel-sag .panel-sag-ic .portfoy { width:100%; display:table; background:#fff; padding:20px 10px; border-radius: 10px; box-shadow: 0 2px 8px #0001;}




.donemler-wrapper{display:flex; flex-wrap:wrap; gap:10px;}
.donem-kutu{display:inline-flex; align-items:center; justify-content:center;cursor:pointer; user-select:none;}
.donem-kutu input{position:absolute; opacity:0; pointer-events:none;}
/* Görsel kutu */
.donem-kutu .etiket{display:inline-block;border:1px solid #ccc; border-radius:8px;padding:8px 14px; background:#fff; color:#1a2352;font-size:14px; font-weight:500; transition:all .2s;}
/* Hover ve checked durumlari sadece aktiflerde */
.donem-aktif:hover .etiket{background:#64C7A9; color:#fff; border-color:#64C7A9;}
.donem-aktif input:checked + .etiket{background:#64C7A9; color:#fff; border-color:#64C7A9;}
/* Pasif (önceden borçlandirilmis) */
.donem-pasif{ cursor:not-allowed; }
.donem-pasif .etiket{background:#eee; color:#999; border-color:#ddd; text-decoration:line-through;}


.input-ozel,
select,
textarea {display: block;width: 100%;padding: 10px 12px;border: 1px solid #d3d8e2;border-radius: 8px;background: #fff;font-size: 14px;margin-bottom: 18px;transition: border-color 0.2s;}
.input-ozel:focus,
select:focus,
textarea:focus {border-color: #11A87B;outline: none;}
.form-etiket {font-weight: 600;font-size: 13px;margin-bottom: 4px;display: block;}
.table-ozel {width: 100%;border-collapse: collapse;background: #fff;border-radius: 10px;box-shadow: 0 2px 8px #c2e3d4aa;overflow: hidden;}
.table-ozel th, .table-ozel td {padding: 10px 14px;border-bottom: 1px solid #f2f2f2;font-size: 14px;text-align: left;}
.table-ozel th {background: #eafbf5;font-weight: 700;color: #11A87B;}
.table-ozel tr:last-child td {border-bottom: none;}
.panel-baslik {font-size: 16px;font-weight: 600;color: #11A87B;margin-bottom: 24px;letter-spacing: 0.3px;}
.kart-blok {background: #fff;border-radius: 10px;box-shadow: 0 2px 12px #e4ede6aa;padding: 28px 28px 18px 28px;margin-bottom: 24px;}
.btn-ozel {background: #11A87B;color: #fff;border: none;border-radius: 7px;padding: 10px 24px;font-size: 13px;font-weight: 600;box-shadow: 0 2px 10px #11A87B33;transition: background 0.18s;cursor:pointer;}
.btn-ozel:hover {background: #0d8762;color: #fff;text-decoration:none;}
.ustbildirimsayi {display:inline-block;background:red;color:white;font-size:12px;font-weight:bold;padding:0px 6px;border-radius:12px;margin-right:5px;position:absolute;margin-left:1em;margin-top:-2em;}
.solbildirimsayi {background:red;color:white;padding:0px 6px;border-radius:8px;font-size:12px;}
.arama-sonuc {display: none;position: absolute;top: 42px;left: 0;width: 320px;background: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);max-height: 300px;overflow-y: auto;z-index: 999;border: 1px solid #eee;}
/* Scroll bar kurumsal */
.arama-sonuc::-webkit-scrollbar {width: 6px;}
.arama-sonuc::-webkit-scrollbar-thumb {background-color: #1EB786;border-radius: 3px;}
.arama-sonuc::-webkit-scrollbar-track {background-color: #f2f3f7;}
.arama-item {display: block;padding: 10px 12px;color: #333;text-decoration: none;border-bottom: 1px solid #f2f3f7;transition: background 0.2s;}
.arama-item:hover {background: #f8fdfb;}
.arama-tip {display: inline-block;font-size: 11px;color: #1EB786;font-weight: 600;margin-right: 6px;text-transform: uppercase;}
.arama-ad {font-size: 14px;font-weight: 500;color: #262340; text-decoration:none;}
.arama-ad a { text-decoration:none;}

.paket-disabled {opacity: 0.5;pointer-events: none;}


.paketKutu {background: #fff;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);padding: 25px 20px;text-align: center;transition: all .3s ease;height: 100%;}
.paketKutu:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.12);}
.paketBaslik {font-size: 18px;font-weight: 600;margin-bottom: 15px;}
.paketLimit {font-size: 16px;margin-bottom: 10px;}
.paketFiyat .fiyat {font-size: 22px;font-weight: 700;color: #27ae60;}
.paketFiyat .periyot {font-size: 14px;color: #888;margin-left: 4px;}
.paketYukseltme {margin: 10px 0;font-size: 14px;color: #d35400;font-weight: 500;}

/* Mobil uyum */
@media (max-width: 992px) {
.panel-logo { max-height: 65px; margin-bottom:10px;}
.panel-wrap {flex-direction: column;height: auto;padding: 0;}
.panelsol .ic {width: 100%;min-height: 600px;background: #11A87B;border-radius: 10px;padding: 30px 0;box-shadow: none;display: flex;flex-direction: column;align-items: center;}
/* Üst Panel */
.panelust {flex-wrap: wrap;height: auto;padding: 12px 16px;}
.panel-search {width: 100%;margin-top: 10px;}
/* Sol Menü -> Mobil */
.panelsol {position: fixed;top: 0;left: -260px;width: 240px;height: 100vh;background: #11A87B;padding: 30px 0;transition: left .3s ease;z-index: 999;}
.panelsol.active { left: 0; }
.panel-overlay {display: none;position: fixed;top:0; left:0;width:100%; height:100%;background: rgba(0,0,0,0.4);z-index: 998;}
.panel-overlay.active { display:block; }
/* Sag panel tam genislik */
.panel-sag { padding: 0; }
/* Satirlari alta diz */
.panel-satir,
.panel-satir-4,
.panel-satir-alt,
.panel-alt-satir {flex-direction: column;}
/* Paket kutulari */
.paketKutu {padding: 20px;}
.paketBaslik { font-size: 16px; }
.paketFiyat .fiyat { font-size: 20px; }
.paketLimit { font-size: 14px; }

/* Tablo scroll */
.table-ozel,
.gecikme-tablo,
.mulkler-tablo {display: block;overflow-x: auto;white-space: nowrap;}
.table-ozel th, .table-ozel td,
.gecikme-tablo th, .gecikme-tablo td,
.mulkler-tablo th, .mulkler-tablo td {font-size: 13px;}
}
/* Hamburger buton */
.hamburger {display: none;font-size: 22px;cursor: pointer;color: #fff;position:fixed;bottom:1%; left:2%; z-index:1; width:50px; height:50px; background:#11A87B; border-radius: 5px; }
.menu-close { display:none;}
@media (max-width: 992px) {
.hamburger { display: block; display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
.menu-close {position: absolute;top: 14px;right: 14px;font-size: 18px;cursor: pointer;z-index: 1001; background:#fff; color:#11A87B; font-weight:bold; width:35px; height:35px; border-radius: 5px; display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
}

@page { size: A4; margin: 0; }
.sozlesme-icerik { background:#fff; padding:40px; font-size:14px; line-height:1.6; }
.sozlesme-icerik h2 { text-align:left; margin-bottom:20px; font-size:16px; font-weight:600; }
.sozlesme-icerik h4 { text-align:left; margin-bottom:20px; font-size:16px; font-weight:600; }
.imza-alan { margin-top:60px; display:flex; justify-content:space-between; }
.imza-blok { width:45%; text-align:center; }
@media print {
.panelust { display: none !important; }
.panel-ust { display: none !important; }
.col-sm-10, .panel-sag, .panel-sag-ic, .kart-blok {width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;border: none !important;box-shadow: none !important;}
body {background: #fff !important;}
}