:root{--siyah:#0B0A08;--altin:#C49A52;--altin2:#E9CD8E;--zemin:#F4EFE6;--cizgi:#CFC5B3;--gri:#675E50;--kirmizi:#A82A1B;--yesil:#24692B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--siyah);font:400 16px/1.5 Jost,Arial,sans-serif}
[hidden]{display:none!important}
img{display:block;max-width:100%}
h1,h2,p,figure{margin:0}
h1{font-size:30px;font-weight:600;line-height:1.15}
h2{font-size:20px;font-weight:600;line-height:1.25}
a{color:inherit}
:focus-visible{outline:3px solid var(--altin);outline-offset:2px}
body.ic{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.yan{background:#000;color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.p-logo{display:block;width:170px;height:62px;overflow:hidden;position:relative}
.p-logo img{position:absolute;max-width:none;width:290px;left:-60px;top:-16px}
.yan nav{display:grid;gap:2px}
.yan nav a,.yan nav button{display:block;width:100%;padding:10px 12px;text-align:left;text-decoration:none;color:#fff;background:none;border:0;font:500 16px/1.3 Jost,Arial,sans-serif;cursor:pointer}
.yan nav a:hover,.yan nav button:hover{background:#231D13}
.yan nav a[aria-current]{background:linear-gradient(135deg,var(--altin2),var(--altin));color:var(--siyah)}
.yan nav form{margin:0}
.kim{margin-top:auto;font-size:14px;color:#E5DCCC;padding:0 12px}
.menu{display:none;background:none;border:1px solid var(--altin);color:var(--altin2);padding:8px 14px;font:600 15px Jost,Arial,sans-serif;cursor:pointer}
.ana{padding:30px;max-width:1100px;width:100%;display:grid;gap:18px;align-content:start}
.bas{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.not{background:#DDEFD9;border:1px solid var(--yesil);padding:10px 14px;font-weight:500}
.bilgi{background:#FFF3D6;border:1px solid var(--altin);padding:10px 14px}
.hata{background:#FBE1DD;border:1px solid var(--kirmizi);padding:10px 14px;font-weight:500}
.kutu{background:#fff;border:1px solid var(--cizgi);padding:22px;display:grid;gap:14px}
.kutu.dar{max-width:460px}
.kutu form{display:grid;gap:14px}
.bos{justify-items:start}
.d{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid var(--siyah);background:#fff;color:var(--siyah);font:600 15px/1.2 Jost,Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.d:hover{background:var(--siyah);color:#fff}
.d.altin{background:linear-gradient(135deg,var(--altin2),var(--altin));border-color:var(--altin)}
.d.altin:hover{background:var(--siyah);color:var(--altin2);border-color:var(--siyah)}
.d.sil{color:var(--kirmizi);border-color:var(--kirmizi)}
.d.sil:hover{background:var(--kirmizi);color:#fff}
label{display:block;font-size:14px;font-weight:600}
input:not([type=checkbox]):not([type=file]):not([type=radio]),select,textarea{display:block;width:100%;min-height:44px;margin-top:4px;padding:9px 11px;background:#fff;border:1px solid #8F8675;border-radius:0;color:var(--siyah);font:400 16px/1.4 Jost,Arial,sans-serif}
textarea{resize:vertical}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.sayilar{display:flex;flex-wrap:wrap;gap:10px}
.sayilar a{background:#fff;border:1px solid var(--cizgi);padding:10px 16px;text-decoration:none;display:flex;gap:8px;align-items:baseline}
.sayilar b{font-size:22px}
.sayilar a[aria-current]{border-color:var(--siyah);box-shadow:inset 0 -3px 0 var(--altin)}
.ara{display:flex;gap:10px;align-items:end}
.ara label{flex:1}
.liste{display:grid;gap:10px}
.satir{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--cizgi);padding:12px}
.satir.kisi{grid-template-columns:minmax(0,1fr) auto}
.ufak{position:relative;aspect-ratio:4/3;overflow:hidden;background:#201C16}
.ufak img,.ufak svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.satir-yazi{display:grid;gap:3px;min-width:0}
.satir h2 a{text-decoration:none}.satir h2 a:hover{text-decoration:underline}
.satir p span{color:var(--gri)}
.etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.etiketler span{font-size:13px;padding:2px 8px;background:#EEE8DC;color:var(--siyah)!important}
.etiketler .e-yayinda{background:#DDEFD9;color:var(--yesil)!important;font-weight:600}
.etiketler .e-taslak{background:#FFF3D6;font-weight:600}
.islem{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:300px;align-items:end}
.islem form{margin:0}
.sifre-yenile{display:flex;gap:6px;align-items:end;flex-wrap:wrap;justify-content:flex-end}
.satir.kisi .islem{max-width:440px}
.birak{display:grid;gap:3px;justify-items:center;text-align:center;padding:26px 16px;border:2px dashed #8F8675;cursor:pointer;background:#FBF9F4;font-weight:400;position:relative}
.birak:hover,.birak.uzerinde{border-color:var(--altin);background:#FFF8E8}
.birak input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.birak span{color:var(--gri);font-size:14px}
.birak:focus-within{outline:3px solid var(--altin);outline-offset:2px}
.foto-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.foto-liste:empty{display:none}
.foto-liste figure{position:relative;border:1px solid var(--cizgi);background:#fff;cursor:grab}
.foto-liste img{width:100%;aspect-ratio:4/3;object-fit:cover}
.foto-liste figure:first-child::before{content:"Kapak";position:absolute;left:0;top:0;padding:2px 8px;background:var(--siyah);color:var(--altin2);font-size:13px;font-weight:600}
.foto-liste figcaption{display:grid;grid-template-columns:1fr 1fr 1.2fr}
.foto-liste button{min-height:36px;border:0;border-left:1px solid var(--cizgi);background:#fff;font:500 13.5px Jost,Arial,sans-serif;cursor:pointer}
.foto-liste button:first-child{border-left:0}
.foto-liste button:hover{background:#EEE8DC}
.foto-liste [data-is=sil]{color:var(--kirmizi)}
.foto-durum:empty{display:none}
.foto-durum.hatali{color:var(--kirmizi);font-weight:500}
.secenekler{display:flex;flex-wrap:wrap;gap:8px}
.secenekler label{cursor:pointer;font-weight:400}
.secenekler input{position:absolute;opacity:0;width:1px;height:1px}
.secenekler span{display:block;padding:7px 12px;border:1px solid #8F8675}
.secenekler input:checked+span{background:var(--siyah);color:var(--altin2);border-color:var(--siyah)}
.secenekler input:focus-visible+span{outline:3px solid var(--altin);outline-offset:2px}
.tik{display:flex;gap:8px;align-items:center;font-size:15px}
.tik input{width:20px;height:20px;accent-color:var(--altin)}
.ilan-form{display:grid;gap:16px}
.kaydet{display:flex;flex-wrap:wrap;gap:10px;position:sticky;bottom:0;background:var(--zemin);padding:12px 0;border-top:1px solid var(--cizgi)}
.kaydet .d{min-height:48px;padding-inline:24px}
.talep{gap:8px}.talep time{color:var(--gri);font-size:14px}.mesaj{overflow-wrap:anywhere}
body.dis{min-height:100vh;display:grid;place-items:center;background:#000;padding:20px}
body.dis .ana{padding:0;max-width:420px}
.giris{padding:28px}
.g-logo{display:block;max-width:none;width:calc(100% + 56px);height:130px;margin:-28px -28px 8px;background:#000;object-fit:contain}
.kucuk{font-size:14px;color:var(--gri)}
.giris .d{min-height:48px}
@media (max-width:860px){
  body.ic{grid-template-columns:1fr}
  .yan{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px 16px;gap:8px}
  .p-logo{width:130px;height:48px}.p-logo img{width:222px;left:-46px;top:-12px}
  .menu{display:block}
  .yan nav{display:none;width:100%;order:3}
  .yan.acik nav{display:grid}
  .kim{display:none}
  .ana{padding:18px 16px}
  h1{font-size:26px}
  .satir{grid-template-columns:90px minmax(0,1fr);gap:12px}
  .satir.kisi{grid-template-columns:1fr}
  .islem{grid-column:1/-1;justify-content:flex-start;max-width:none}
  .satir.kisi .islem{max-width:none}
  .sifre-yenile{justify-content:flex-start}
  .kaydet{flex-wrap:nowrap;padding-inline:0}
  .kaydet .d{flex:1 1 0;white-space:normal;padding-inline:8px}
  .kutu{padding:16px}
}

.rozet{display:inline-block;min-width:20px;padding:0 6px;background:var(--altin2);color:var(--siyah);font-size:13px;font-weight:700;text-align:center}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}
.kartlar>*{background:#fff;border:1px solid var(--cizgi);padding:14px 16px;text-decoration:none;display:grid;gap:2px;font-size:14.5px;color:var(--gri)}
.kartlar a:hover{border-color:var(--siyah)}
.kartlar b{font-size:30px;line-height:1.1;color:var(--siyah);font-variant-numeric:tabular-nums}
.grafik{position:relative;padding-top:18px}
.tepe{position:absolute;left:0;top:0;font-size:13px;color:var(--gri)}
.cubuklar{display:flex;align-items:stretch;height:150px;gap:2px;border-top:1px dashed var(--cizgi);border-bottom:1px solid #8F8675}
.cubuk{position:relative;flex:1;display:flex;align-items:flex-end;min-width:0}
.cubuk:hover,.cubuk:focus{background:#F4EFE6;outline:0}
.cubuk i{display:block;width:100%;background:#A67C2E;border-radius:4px 4px 0 0}
.cubuk:hover::after,.cubuk:focus::after{content:attr(data-ipucu);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--siyah);color:#fff;padding:3px 8px;font-size:13px;white-space:nowrap;z-index:3}
.cubuk:nth-child(-n+5):hover::after,.cubuk:nth-child(-n+5):focus::after{left:0;transform:none}
.cubuk:nth-last-child(-n+5):hover::after,.cubuk:nth-last-child(-n+5):focus::after{left:auto;right:0;transform:none}
.eksen{display:flex;justify-content:space-between;font-size:13px;color:var(--gri);padding-top:4px}
.iki-kutu{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.tablo{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:left;font-weight:600;color:var(--gri);font-size:13.5px;border-bottom:1px solid #8F8675;padding:6px 8px}
td{padding:8px;border-bottom:1px solid #EEE8DC;vertical-align:top}
td:not(:first-child),th:not(:first-child){font-variant-numeric:tabular-nums}
.tarih{white-space:nowrap}
.kisa-talep{padding-bottom:10px;border-bottom:1px solid #EEE8DC;overflow-wrap:anywhere}.kisa-talep span{font-size:13px;color:var(--gri)}
.ara{flex-wrap:wrap}.ara label{min-width:150px}
.toplu{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fff;border:1px solid var(--cizgi);padding:10px 12px}
.toplu .tik{align-self:center}
.satir.secimli{grid-template-columns:22px 110px minmax(0,1fr) auto}
.sec{width:20px;height:20px;accent-color:var(--altin)}
.d.vurgu{border-color:var(--altin);background:#FFF8E8}.d.vurgu:hover{background:var(--siyah);color:var(--altin2)}
.etiketler .e-onay{background:#FBE1DD;font-weight:600}
.etiketler .e-satildi{background:#E2E0DA;font-weight:600}
.etiketler .e-vitrin{background:var(--siyah);color:var(--altin2)!important;font-weight:600}
.sayfalama{display:flex;flex-wrap:wrap;gap:6px}
.sayfalama a{min-width:40px;min-height:40px;display:grid;place-items:center;background:#fff;border:1px solid var(--cizgi);text-decoration:none}
.sayfalama a[aria-current]{background:var(--siyah);color:var(--altin2)}
.vitrin-liste{display:grid;gap:8px;counter-reset:s}
.v-satir{display:grid;grid-template-columns:36px 96px minmax(0,1fr) 170px auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--cizgi);padding:10px;cursor:grab}
.v-satir:first-child{border:2px solid var(--altin);background:#FFFBF0}
.v-satir.bitti{opacity:.6}
.v-no{display:grid;place-items:center;width:34px;height:34px;background:var(--siyah);color:var(--altin2);font-weight:700}
.v-satir .ufak:empty{background:#EEE8DC}
.talep-form{display:grid!important;grid-template-columns:150px 180px minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:10px;border-top:1px solid #EEE8DC}
.profil-foto{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.profil-foto img{width:84px;height:84px;object-fit:cover;border-radius:50%;border:2px solid var(--altin)}
.genis-izgara{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
@media (max-width:1000px){.iki-kutu{grid-template-columns:1fr}.satir.secimli{grid-template-columns:22px 90px minmax(0,1fr)}.satir.secimli .islem{grid-column:1/-1;justify-content:flex-start;max-width:none}.v-satir{grid-template-columns:36px 80px minmax(0,1fr)}.v-satir label,.v-satir .islem{grid-column:1/-1;justify-content:flex-start;max-width:none}.talep-form{grid-template-columns:1fr 1fr}.not-alan{grid-column:1/-1}}
@media (max-width:560px){.satir.secimli{grid-template-columns:22px 70px minmax(0,1fr)}.talep-form{grid-template-columns:1fr}}