@font-face{font-family:'Fraunces';font-weight:100 900;src:url(fonts/Fraunces-latin.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-weight:100 900;src:url(fonts/Fraunces-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA}
@font-face{font-family:'Inter';font-weight:400;src:url(fonts/Inter-400-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;src:url(fonts/Inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA}
@font-face{font-family:'Inter';font-weight:600;src:url(fonts/Inter-600-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;src:url(fonts/Inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA}
:root{--paper:#f6f1ea;--paper-deep:#eee6da;--raised:#fbf8f3;--ink:#262220;--muted:#5c5650;--terra:#b5502f;--olive:#5f6e50;--ok:#3f6a46;--warn:#a8741a;--bad:#b23a2a;--line:#ddd3c4;--line2:#8c8175;
--disp:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--shadow:0 1px 2px rgba(58,40,28,.06),0 6px 16px rgba(58,40,28,.06)}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:14px/21px var(--sans)}
.uygulama{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.yan{background:var(--paper-deep);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px}
.marka{display:flex;align-items:center;gap:10px;white-space:nowrap;font:600 18px/1 var(--disp);padding:0 10px 22px}.marka img{height:20px}.marka small{font:600 11px var(--sans);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto}
.yan a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600}
.yan a i{width:18px;text-align:center;font-style:normal;color:var(--muted)}
.yan a.akt{background:var(--raised);box-shadow:var(--shadow)}.yan a b{margin-left:auto;font-size:12px;background:var(--terra);color:#fff;border-radius:99px;padding:0 7px;line-height:19px}
.yan a b.s{background:var(--line);color:var(--ink)}
.yan .alt{margin-top:auto;border-top:1px solid var(--line);padding:14px 10px 0;color:var(--muted);font-size:13px;line-height:20px}
.ana{padding:28px 36px 40px}
.bas{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
h1{font:560 32px/38px var(--disp);letter-spacing:-.01em;margin:0}.alt-baslik{color:var(--muted);margin:4px 0 0}
h2{font:600 18px/24px var(--disp);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}h2 a{font:600 13px var(--sans);color:var(--muted)}
.dugme{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;border-radius:10px;padding:9px 16px;font-weight:600;border:0}
.dugme.ikincil{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.kart{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.kpiler{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}
.kpi .e{color:var(--muted);font-size:13px;font-weight:600}.kpi .d{font:560 30px/36px var(--disp);margin:6px 0 2px}.kpi .n{font-size:12.5px;color:var(--muted)}
.n.iyi{color:var(--ok)}.n.kotu{color:var(--bad)}.n.uyari{color:var(--warn)}
.kpi.kirmizi{border-top:3px solid var(--bad)}.kpi.sari{border-top:3px solid var(--warn)}.kpi.yesil{border-top:3px solid var(--ok)}
.izgara{display:grid;gap:18px}
.liste{list-style:none;margin:0;padding:0}.liste li{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.liste li:first-child{border-top:0}
.nokta{width:10px;height:10px;border-radius:99px}.nokta.k{background:var(--bad)}.nokta.s{background:var(--warn)}.nokta.y{background:var(--ok)}.nokta.g{background:var(--line2)}
.liste .m{color:var(--muted);font-size:12.5px;display:block}.liste .eylem{font-weight:600;color:var(--terra);font-size:13px}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:0 8px 8px;border-bottom:1px solid var(--line)}td{padding:10px 8px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}
.rozet{display:inline-block;font-size:12px;font-weight:600;border-radius:99px;padding:1px 9px}.rozet.k{background:#f3dcd6;color:var(--bad)}.rozet.s{background:#f3e6cc;color:#7d5612}.rozet.y{background:#dfe8dc;color:var(--ok)}.rozet.g{background:var(--paper-deep);color:var(--muted)}

.cubuk{height:8px;border-radius:99px;background:var(--paper-deep);overflow:hidden}.cubuk i{display:block;height:100%;background:var(--olive);border-radius:99px}
/* --- uygulama ekleri --- */
a{color:inherit}
.yan a.pasif{color:var(--muted);font-weight:400}.yan a.pasif em{margin-left:auto;font-style:normal;font-size:11px;border:1px solid var(--line);border-radius:99px;padding:0 6px}
.yan form{margin:0}.yan button.link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.dugme{cursor:pointer;text-decoration:none;font:600 14px var(--sans)}.dugme.kucuk{padding:6px 11px;font-size:13px}
.dugme.tehlike{background:transparent;color:var(--bad);border:1px solid var(--bad)}
.bildirim{background:#dfe8dc;color:var(--ok);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-weight:600}
.bildirim.hata{background:#f3dcd6;color:var(--bad)}
.kpiler.dort{grid-template-columns:repeat(4,1fr)}
.satir2{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.satir3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px}
.bos{color:var(--muted);padding:8px 0}
input[type=text],input[type=password],input[type=url],input:not([type]),textarea{font:15px var(--sans);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;background:var(--raised);color:var(--ink);width:100%}
input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
label{display:block;font-weight:600;font-size:13px;margin:0 0 6px}
.form-satir{display:grid;grid-template-columns:1.3fr 1fr 1.3fr auto;gap:12px;align-items:end}
.giris-kutu{max-width:400px;margin:10vh auto;padding:0 16px}.giris-kutu .kart{padding:28px}.giris-kutu h1{font-size:28px;margin-bottom:6px}
.giris-kutu form{display:grid;gap:14px;margin-top:18px}.giris-kutu .dugme{justify-content:center}
.qr{background:#fff;border-radius:12px;padding:10px;width:220px;margin:14px auto}.qr svg{width:200px;height:200px;display:block}
.sir{font:600 15px ui-monospace,monospace;letter-spacing:.06em;background:var(--paper-deep);border-radius:8px;padding:8px 10px;text-align:center;word-break:break-all}
.kodlar{display:grid;grid-template-columns:1fr 1fr;gap:8px;font:600 16px ui-monospace,monospace;margin:14px 0}.kodlar span{background:var(--paper-deep);border-radius:8px;padding:8px;text-align:center}
.soluk{opacity:.55}.mono{font-family:ui-monospace,monospace;font-size:13px}
td form{display:inline}td .dugme{white-space:nowrap}
.gerekce{white-space:pre-wrap;color:var(--muted);font-size:13px}
.mobil-ust{display:none}
@media (max-width:900px){
 .uygulama{grid-template-columns:1fr}.yan{flex-direction:row;overflow-x:auto;padding:10px;gap:4px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
 .yan .marka,.yan .alt,.yan a.pasif{display:none}.yan a{white-space:nowrap;padding:8px 10px}
 .ana{padding:18px 16px 32px}.kpiler,.kpiler.dort{grid-template-columns:1fr 1fr}.satir2,.satir3,.form-satir{grid-template-columns:1fr}
 .bas{flex-direction:column;align-items:flex-start;gap:12px}table{font-size:13px}.tablo-kap{overflow-x:auto}
 .mobil-ust{display:block}
}

/* yardımcı sınıflar (CSP: satır içi stil yok) */
.u-alt18{margin-bottom:18px}
.u-cizgisiz{text-decoration:none}
.u-d22{font-size:22px}
.u-d24{font-size:24px}
.u-dipnot{color:var(--muted);font-size:12.5px;margin:8px 0 0}
.u-giris-marka{display:flex;align-items:center;gap:10px;font:600 20px var(--disp);margin-bottom:18px;justify-content:center}
.u-iki-sutun{grid-column:span 2}
.u-ipucu{font-size:13px;color:var(--muted);margin:0 0 6px}
.u-kucuk-soluk{color:var(--muted);font-size:12px}
.u-logo22{height:22px}
.u-not{font-size:12.5px;color:var(--muted)}
.u-orta{justify-content:center;display:flex}
.u-rozet-buyuk{font-size:14px;padding:4px 12px}
.u-sans{font-family:var(--sans)}
.u-soluk{color:var(--muted)}
.u-ust14{margin-top:14px}
.u-ust16{margin-top:16px}
.u-ust18{margin-top:18px}
.u-ust24{margin-top:24px}
.u-yatay{display:flex;gap:10px}
.u-dipnot{color:var(--muted);font-size:12.5px;margin:8px 0 0}
.ana{min-width:0}.tablo-kap{overflow-x:auto;max-width:100%}
@media (max-width:900px){.uygulama{display:block}.yan{max-width:100vw}}