/* MARS INDUSTRY — Yönetim paneli. Swiss/minimal, yoğun, kurumsal. CDN yok. */
:root{
  --lacivert:#0B2A5B; --mavi:#1D6FD1; --mavi-koyu:#1559A8;
  --kuvars:#EEF2F6; --cizgi:#D9DEE5; --gri:#5F6775; --ink:#0B1A2B;
  --bg:#F4F6F9; --kart:#FFFFFF; --yesil:#15803D; --yesil-bg:#E7F5EC;
  --kirmizi:#C02626; --kirmizi-bg:#FBEAEA; --sari-bg:#FBF3DD; --sari:#8A6D1F;
  --r:2px; --golge:0 1px 2px rgba(11,26,43,.06),0 1px 3px rgba(11,26,43,.08);
  --golge-kalk:0 4px 12px rgba(11,26,43,.10);
  --ease:cubic-bezier(.2,0,0,1);
  --kenar:248px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:"Schibsted Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--mavi);outline-offset:2px;border-radius:var(--r)}
img{max-width:100%;display:block}

/* ---------------------------------------------------------------- İskelet */
.yn{display:grid;grid-template-columns:var(--kenar) 1fr;min-height:100vh}
.kenar{
  background:var(--lacivert);color:#fff;position:sticky;top:0;height:100vh;
  display:flex;flex-direction:column;overflow-y:auto;
}
.kenar__logo{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.kenar__logo b{font-size:15px;letter-spacing:.02em}
.kenar__logo small{display:block;font-size:11px;color:rgba(255,255,255,.6);font-weight:400}
.kenar nav{padding:12px 10px;flex:1}
.kenar__grup{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);padding:14px 10px 6px}
.kenar a.men{
  display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);
  color:rgba(255,255,255,.82);font-size:14px;transition:background .18s var(--ease),color .18s var(--ease);
}
.kenar a.men:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.kenar a.men.aktif{background:var(--mavi);color:#fff;font-weight:600}
.kenar a.men svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8}
.men__rozet{margin-left:auto;background:#fff;color:var(--lacivert);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.kenar a.men.aktif .men__rozet{background:var(--lacivert);color:#fff}
/* Çıkış: POST formu içindeki buton, menü linkiyle aynı görünsün */
.kenar .cikis-form{margin:0}
.kenar button.men{width:100%;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;
  display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);
  color:rgba(255,255,255,.82);font-size:14px;transition:background .18s var(--ease),color .18s var(--ease)}
.kenar button.men:hover{background:rgba(255,255,255,.08);color:#fff}
.kenar button.men svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8}
/* Yalnız ekran okuyucu için gizli metin */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kenar__alt{padding:12px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.kenar__alt .kim{color:rgba(255,255,255,.65);padding:4px 10px}
.kenar__alt .kim b{color:#fff;display:block;font-size:14px}

.ana{display:flex;flex-direction:column;min-width:0}
.ust{
  background:var(--kart);border-bottom:1px solid var(--cizgi);padding:14px 28px;
  display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20;
}
.ust h1{font-size:19px}
.ust .yol{color:var(--gri);font-size:13px}
.ust__sag{margin-left:auto;display:flex;gap:10px;align-items:center}
.icerik{padding:24px 28px 56px;max-width:1180px;width:100%}

/* ---------------------------------------------------------------- Butonlar */
.btn{
  display:inline-flex;align-items:center;gap:7px;justify-content:center;
  padding:9px 16px;border-radius:var(--r);border:1px solid var(--lacivert);
  background:var(--lacivert);color:#fff;font-size:14px;font-weight:600;cursor:pointer;
  font-family:inherit;min-height:40px;transition:background .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease);
  text-decoration:none;
}
.btn:hover{background:var(--mavi-koyu);border-color:var(--mavi-koyu);text-decoration:none}
.btn:active{transform:scale(.98)}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}
.btn--mavi{background:var(--mavi);border-color:var(--mavi)}
.btn--acik{background:#fff;color:var(--lacivert);border-color:var(--cizgi)}
.btn--acik:hover{background:var(--kuvars);border-color:var(--gri)}
.btn--teh{background:#fff;color:var(--kirmizi);border-color:var(--cizgi)}
.btn--teh:hover{background:var(--kirmizi-bg);border-color:var(--kirmizi)}
.btn--sm{padding:6px 11px;min-height:34px;font-size:13px}

/* ---------------------------------------------------------------- Kartlar */
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge)}
.kart__bas{padding:14px 18px;border-bottom:1px solid var(--cizgi);display:flex;align-items:center;gap:10px}
.kart__bas h2{font-size:15px}
.kart__govde{padding:18px}

/* Dashboard sayaçları */
.sayaclar{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin-bottom:22px}
.sayac{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;box-shadow:var(--golge);transition:box-shadow .18s var(--ease),transform .18s var(--ease);display:block}
.sayac:hover{box-shadow:var(--golge-kalk);transform:translateY(-1px);text-decoration:none}
.sayac .n{font-size:28px;font-weight:700;color:var(--lacivert);line-height:1}
.sayac .e{display:block;margin-top:6px;color:var(--gri);font-size:13px}
.ikili-kol{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* ---------------------------------------------------------------- Tablolar */
.tbl-sar{overflow-x:auto;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--kart);box-shadow:var(--golge)}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{background:var(--kuvars);text-align:left;padding:11px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--gri);border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:background .15s var(--ease)}
.tbl tbody tr:hover{background:var(--kuvars)}
.tbl .sag{text-align:right;white-space:nowrap}
.tbl .baslik-h{font-weight:600;color:var(--ink)}
.tbl a.satir{color:var(--ink);font-weight:600}
.tbl .okunmamis td{background:#fff}
.tbl .okunmamis .baslik-h::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mavi);margin-right:7px;vertical-align:middle}

/* Rozetler */
.rzt{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}
.rzt--ok{background:var(--yesil-bg);color:var(--yesil)}
.rzt--pas{background:var(--kuvars);color:var(--gri)}
.rzt--not{background:var(--sari-bg);color:var(--sari)}
.rzt--kat{background:#E8EFFA;color:var(--lacivert)}

/* ---------------------------------------------------------------- Formlar */
form .satir{margin-bottom:18px}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label.et{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)}
label.et .zor{color:var(--kirmizi);margin-left:2px}
.ipucu{font-size:12px;color:var(--gri);margin-top:5px}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea,select{
  width:100%;padding:10px 12px;border:1px solid var(--cizgi);border-radius:var(--r);
  font-family:inherit;font-size:14px;background:#fff;color:var(--ink);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease);min-height:42px;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(29,111,209,.14)}
textarea{min-height:92px;resize:vertical;line-height:1.55}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6775' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;padding-right:38px}

/* Switch */
.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch .yuva{width:42px;height:24px;background:var(--cizgi);border-radius:999px;position:relative;transition:background .2s var(--ease);flex:none}
.switch .yuva::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--golge);transition:transform .2s var(--ease)}
.switch input:checked + .yuva{background:var(--mavi)}
.switch input:checked + .yuva::after{transform:translateX(18px)}
.switch input:focus-visible + .yuva{outline:2px solid var(--mavi);outline-offset:2px}

/* WYSIWYG */
.ed{border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;background:#fff}
.ed__arac{display:flex;flex-wrap:wrap;gap:2px;padding:6px;background:var(--kuvars);border-bottom:1px solid var(--cizgi)}
.ed__arac button{width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:var(--r);cursor:pointer;color:var(--ink);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:background .15s var(--ease)}
.ed__arac button:hover{background:#fff;border-color:var(--cizgi)}
.ed__arac button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}
.ed__govde{min-height:200px;padding:14px 16px;font-size:15px;line-height:1.6;outline:none}
.ed__govde:focus{box-shadow:inset 0 0 0 2px rgba(29,111,209,.14)}
.ed__govde h2{font-size:21px;margin:.6em 0 .3em}
.ed__govde h3{font-size:17px;margin:.6em 0 .3em}
.ed__govde p{margin:0 0 .8em}
.ed__govde ul,.ed__govde ol{margin:0 0 .8em;padding-left:1.4em}
.ed__govde:empty::before{content:attr(data-bos);color:var(--gri)}

/* Görsel yükleme alanı */
.yukle{border:1px dashed var(--cizgi);border-radius:var(--r);padding:14px;background:var(--kuvars);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.yukle__onizle{width:84px;height:84px;border:1px solid var(--cizgi);border-radius:var(--r);background:#fff center/contain no-repeat;flex:none}
.yukle__onizle.bos{background:#fff}
.yukle__durum{font-size:13px;color:var(--gri)}

/* Flash */
.flash{padding:12px 16px;border-radius:var(--r);margin-bottom:18px;font-size:14px;border:1px solid}
.flash--ok{background:var(--yesil-bg);border-color:#BFE3CC;color:var(--yesil)}
.flash--hata{background:var(--kirmizi-bg);border-color:#E6C3C3;color:var(--kirmizi)}

.form-alt{display:flex;gap:10px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--cizgi)}
.form-alt .ara{margin-left:auto}
.bos-durum{text-align:center;padding:48px 20px;color:var(--gri)}
.bos-durum p{margin:0 0 16px}

.sayfa-bas{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.sayfa-bas h1{font-size:22px}
.sayfa-bas .ara{margin-left:auto;display:flex;gap:10px}

.alan-oku{font-size:13px;color:var(--gri)}
.deger-blok{background:var(--kuvars);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;white-space:pre-wrap;word-break:break-word}
dl.nitelik{display:grid;grid-template-columns:150px 1fr;gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
dl.nitelik dt{background:var(--kuvars);padding:10px 14px;font-weight:600;font-size:13px}
dl.nitelik dd{background:#fff;padding:10px 14px;margin:0;word-break:break-word}

/* ---------------------------------------------------------------- Giriş */
.giris-sayfa{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;overflow:hidden}

/* Sol: canlı marka paneli */
.giris-marka{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;
  background:radial-gradient(125% 118% at 22% 0%,#164a92 0%,#0b2a5b 46%,#05142f 100%)}
.giris-yildiz-alan{position:absolute;inset:0;z-index:0;display:block}
.giris-marka::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(58% 48% at 50% 40%,rgba(29,111,209,.30),transparent 72%)}
.giris-marka-ic{position:relative;z-index:2;text-align:center;padding:40px;opacity:0;transform:translateY(10px);animation:girisYuksel .75s .15s ease-out forwards}
.giris-logo{display:inline-flex;filter:drop-shadow(0 0 24px rgba(130,180,255,.55));animation:girisDon 48s linear infinite}
.giris-marka-ad{margin-top:20px;color:#fff;font-size:26px;font-weight:700;letter-spacing:.05em}
.giris-marka-slogan{margin-top:9px;color:rgba(221,233,250,.74);font-size:13.5px}

/* Sağ: form */
.giris-form-alan{display:grid;place-items:center;padding:32px}
.giris-kutu{width:100%;max-width:360px;opacity:0;transform:translateY(10px);animation:girisYuksel .6s .1s ease-out forwards}
.giris-kutu h1{font-size:23px;margin:0 0 5px}
.giris-kutu .alt{color:var(--gri);font-size:13px;margin-bottom:26px}
.giris-kutu .satir{margin-bottom:16px}
.giris-kutu input{transition:border-color .18s ease,box-shadow .18s ease}
.giris-kutu input:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(29,111,209,.18)}
.giris-kutu .btn{width:100%;margin-top:10px;transition:transform .15s ease,box-shadow .18s ease,background .18s ease}
.giris-kutu .btn:hover{box-shadow:0 10px 24px rgba(11,42,91,.26)}
.giris-kutu .btn:active{transform:scale(.97)}
/* alanlar girişte kademeli belirir */
.giris-kutu form>*{opacity:0;animation:girisYuksel .5s ease-out forwards}
.giris-kutu form>*:nth-child(1){animation-delay:.20s}
.giris-kutu form>*:nth-child(2){animation-delay:.28s}
.giris-kutu form>*:nth-child(3){animation-delay:.36s}
.giris-kutu form>*:nth-child(4){animation-delay:.44s}

@keyframes girisDon{to{transform:rotate(360deg)}}
@keyframes girisYuksel{to{opacity:1;transform:none}}

/* Mobil: tek sütun, marka üstte bant */
@media (max-width:820px){
  .giris-sayfa{grid-template-columns:1fr;grid-template-rows:230px 1fr}
  .giris-marka-ad{font-size:22px}
  .giris-logo svg{width:60px;height:60px}
  .giris-form-alan{padding:30px 22px 44px}
}
@media (prefers-reduced-motion:reduce){
  .giris-marka-ic,.giris-kutu,.giris-logo,.giris-kutu form>*{animation:none;opacity:1;transform:none}
}

/* ---------------------------------------------------------------- Mobil */
.kenar-ac{display:none;background:transparent;border:1px solid var(--cizgi);border-radius:var(--r);width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center}
.kenar-ac svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2}
.kenar-ort{display:none}
@media(max-width:900px){
  .yn{grid-template-columns:1fr}
  .kenar{position:fixed;left:0;top:0;z-index:60;width:var(--kenar);transform:translateX(-100%);transition:transform .25s var(--ease)}
  body.kenar-acik .kenar{transform:none}
  .kenar-ort{display:block;position:fixed;inset:0;background:rgba(11,26,43,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
  body.kenar-acik .kenar-ort{opacity:1;pointer-events:auto}
  .kenar-ac{display:inline-flex}
  .ikili,.ikili-kol{grid-template-columns:1fr}
  .icerik{padding:18px 16px 48px}
  .ust{padding:12px 16px}
  dl.nitelik{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}