:root{
  --murekkep:#1F2C2A;
  --murekkep-orta:#4E5C59;
  --murekkep-acik:#87938F;
  --kagit:#FFFFFF;
  --kagit-koyu:#F4F6F5;
  --yuzey:#FFFFFF;
  --cizgi:#E5E9E8;
  --cizgi-koyu:#CDD5D3;

  --vurgu:#E5622A;
  --vurgu-koyu:#C74E1B;
  --ana:#2B534F;
  --ana-koyu:#1E3D3A;
  --ana-soluk:#EDF3F2;

  --yesil:#2F6B4F;  --yesil-bg:#E8F3ED;
  --sari:#8A6410;   --sari-bg:#FCF4E4;
  --kirmizi:#B3341F;--kirmizi-bg:#FCEBE7;
  --gri:#5F6B68;    --gri-bg:#F0F2F1;

  --golge-2:0 2px 8px rgba(31,44,42,.08);
  --r-s:7px; --r-m:10px; --r-l:14px;
  --gecis:.16s cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--kagit-koyu);color:var(--murekkep);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}

/* ÜST YATAY MENÜ */
.ust{position:sticky;top:0;z-index:50;background:var(--ana);color:#fff;
  display:flex;align-items:center;gap:18px;padding:0 22px;height:58px;box-shadow:var(--golge-2)}
.ust-marka{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.ust-logo{width:30px;height:30px;border-radius:8px;background:var(--vurgu);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.ust-menu{display:flex;gap:4px;flex:1}
.ust-oge{padding:8px 13px;border-radius:var(--r-s);color:rgba(255,255,255,.72);cursor:pointer;
  font-size:14px;font-weight:500;background:none;border:none;font-family:inherit;
  transition:background var(--gecis),color var(--gecis)}
.ust-oge:hover{background:rgba(255,255,255,.09);color:#fff}
.ust-oge.aktif{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.ust-sag{display:flex;align-items:center;gap:10px}

.icerik{max-width:1180px;margin:0 auto;padding:24px 22px 60px}

.rozet{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  font-size:12px;font-weight:600}
.rozet.yesil{background:var(--yesil-bg);color:var(--yesil)}
.rozet.sari{background:var(--sari-bg);color:var(--sari)}
.rozet.kirmizi{background:var(--kirmizi-bg);color:var(--kirmizi)}
.rozet.gri{background:var(--gri-bg);color:var(--gri)}
.ust .rozet.sari{background:rgba(255,255,255,.16);color:#FFD9A0}
.ust .rozet.yesil{background:rgba(255,255,255,.16);color:#B9E4CD}

.dugme{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:var(--r-s);
  border:none;cursor:pointer;font:600 13.5px/1.2 inherit;
  background:var(--vurgu);color:#fff;transition:background var(--gecis)}
.dugme:hover{background:var(--vurgu-koyu)}
.dugme:disabled{opacity:.5;cursor:default}
.dugme.ikincil{background:var(--ana-soluk);color:var(--ana)}
.dugme.ikincil:hover{background:#DFE9E7}
.dugme.ufak{padding:5px 10px;font-size:12.5px}

.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);
  padding:16px 18px;box-shadow:var(--golge-2)}
.kart small{display:block;color:var(--murekkep-acik);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.kart b{font-size:22px;font-weight:700;letter-spacing:-.01em}
.kart span{display:block;font-size:12.5px;color:var(--murekkep-orta);margin-top:3px}

.panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-m);
  box-shadow:var(--golge-2);overflow:hidden;margin-bottom:22px}
.panel-baslik{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cizgi)}
.panel-baslik h2{margin:0;font-size:15.5px;font-weight:700;flex:1}
.panel-govde{padding:18px}

table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;padding:9px 14px;color:var(--murekkep-acik);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--cizgi);white-space:nowrap}
td{padding:9px 14px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--kagit-koyu)}
td.sag,th.sag{text-align:right}

.form-satir{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.form-satir label{width:220px;font-size:13.5px;font-weight:600;color:var(--murekkep-orta)}
.form-satir input,.form-satir select{padding:8px 11px;border:1px solid var(--cizgi-koyu);
  border-radius:var(--r-s);font:inherit;font-size:14px;width:140px;background:var(--kagit)}
.form-satir input:focus,.form-satir select:focus{outline:2px solid var(--ana);outline-offset:-1px;border-color:var(--ana)}
.aciklama{font-size:12.5px;color:var(--murekkep-acik)}

.loglar{background:#12201E;color:#C8D6D2;border-radius:var(--r-m);padding:16px 18px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;
  max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-all}

/* GİRİŞ */
.giris-ortala{min-height:100vh;display:flex;align-items:center;justify-content:center}
.giris-kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  box-shadow:var(--golge-2);padding:34px 36px;width:340px}
.giris-kutu h1{margin:0 0 4px;font-size:18px}
.giris-kutu p{margin:0 0 18px;color:var(--murekkep-acik);font-size:13px}
.giris-kutu input{width:100%;padding:10px 12px;border:1px solid var(--cizgi-koyu);
  border-radius:var(--r-s);font:inherit;margin-bottom:12px}
.giris-kutu .dugme{width:100%;justify-content:center}
.giris-hata{color:var(--kirmizi);font-size:13px;margin-bottom:10px;display:none}

.gizli{display:none!important}
.bosluk{flex:1}
input[type=checkbox]{width:16px;height:16px;accent-color:var(--ana)}