:root{--bg:#f9fbfc;--kart:#fff;--yazi:#131416;--soluk:#5d5f60;--vurgu:#1b6c80;--cizgi:#e8eaec;--kontrol:#cdced1;--aktif:#ebedee;--hata:#a21f24;--tamam:#1e714b;--uyari:#92400e}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:14px/1.5 "IBM Plex Sans",system-ui,sans-serif;background:var(--bg);color:var(--yazi);font-variant-numeric:tabular-nums}a{color:var(--vurgu);text-underline-offset:3px;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px}
header{height:56px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--bg)}.marka{font-size:17px;font-weight:600;color:var(--yazi);text-decoration:none;white-space:nowrap}.marka span{font-size:12px;font-weight:400;color:var(--soluk);margin-left:12px}.hesap-alani{display:flex;gap:16px;align-items:center}header form{margin:0}header .cikis button{width:auto;min-height:36px;margin:0;padding:6px 12px;background:transparent;color:var(--yazi);border:1px solid var(--kontrol)}.yonetim{position:relative}.yonetim summary{padding:8px;min-height:36px;font-size:13px;font-weight:500}.yonetim-menu{position:absolute;right:0;top:100%;z-index:10;background:var(--kart);border:1px solid var(--kontrol);border-radius:6px;width:170px;padding:8px;box-shadow:0 4px 14px #00000012}.yonetim-menu a{display:block;padding:10px;color:var(--yazi);text-decoration:none}.yonetim-menu a:hover{background:var(--aktif)}
/* 1440 = 228 frame + 8 inset + 1196 sheet + 8 inset. Sheet padding: 24 each. */
main{min-width:0;margin:0 8px 8px 236px;min-height:calc(100vh - 64px);padding:24px;background:var(--kart);border:1px solid var(--cizgi);border-radius:16px}nav.alt{position:fixed;left:16px;top:72px;bottom:16px;width:196px;display:flex;flex-direction:column;gap:4px}nav.alt a{padding:10px 12px;min-height:40px;text-decoration:none;color:var(--soluk);font-size:14px;border-radius:6px}nav.alt a:hover{color:var(--yazi);background:var(--aktif)}nav.alt a[aria-current=page]{color:var(--yazi);background:var(--aktif);font-weight:600}.giris-sayfasi main{max-width:460px;min-height:0;margin:48px auto;padding:24px}.giris-sayfasi header{justify-content:center}
h1{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}h2{font-size:16px;font-weight:600;margin:24px 0 12px}h3{font-size:15px;font-weight:600;margin:12px 0}p{margin:10px 0}ul{padding-left:22px}.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:16px;margin:0 0 16px;min-width:0;overflow-wrap:anywhere}.kart a.baslik{font-weight:600;color:var(--yazi);text-decoration:none;font-size:15px}.soluk{color:var(--soluk);font-size:13px}.etiket{display:inline-block;flex:none;white-space:nowrap;padding:2px 8px;border-radius:4px;background:var(--aktif);color:#353736;font-size:12px;margin:4px 4px 4px 0}.etiket.ok{background:#dcfae5;color:#04250e}.etiket.uyari{background:#fffbeb;color:var(--uyari)}.etiket.kotu{background:#ffedea;color:#831c1e}
label{display:block;font-size:14px;font-weight:500;margin:16px 0 6px;color:var(--yazi)}input,select,textarea,button,.dugme{font:inherit;width:100%;min-width:0;padding:9px 12px;border:1px solid var(--kontrol);border-radius:6px;background:var(--kart);min-height:40px;color:var(--yazi)}input::placeholder,textarea::placeholder{color:var(--soluk)}textarea{min-height:88px;resize:vertical}input[type=checkbox]{width:auto;min-height:0}button,.dugme{background:var(--yazi);color:var(--kart);border:1px solid var(--yazi);font-weight:500;text-align:center;display:block;text-decoration:none;margin-top:12px;cursor:pointer}button:hover,.dugme:hover{background:#303337;text-decoration:none}button.ikincil,.dugme.ikincil{background:var(--kart);color:var(--yazi);border:1px solid var(--kontrol)}button.ikincil:hover,.dugme.ikincil:hover{border-color:var(--soluk)}button.tehlike{background:var(--hata);border-color:var(--hata)}.sira{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hata,.uyari,.ok{padding:12px 16px;border-radius:6px;margin:12px 0;overflow-wrap:anywhere;font-size:14px}.hata{background:#ffedea;color:#831c1e}.uyari{background:#fffbeb;color:var(--uyari)}.ok{background:#dcfae5;color:#04250e}.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--cizgi);border-radius:8px;margin:16px 0;overflow:hidden}.kpi div{background:var(--kart);border-right:1px solid var(--cizgi);padding:16px}.kpi div:nth-child(4n){border-right:0}.kpi b{display:block;font-size:28px;font-weight:400}.kpi span{font-size:13px;color:var(--soluk)}.sayfalama{display:flex;gap:16px}.sayfalama a{flex:1}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px 8px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}th{font-size:12px;font-weight:500;color:var(--soluk)}.kart table{display:block;overflow-x:auto;max-width:100%}details summary{padding:10px 0;font-weight:500;cursor:pointer;min-height:44px}code{word-break:break-all}input[readonly]{background:var(--bg)}
.liste-basligi,.kayit{display:grid;grid-template-columns:minmax(0,1fr) 112px 140px 76px;column-gap:16px;align-items:center}.liste-basligi{color:var(--soluk);font-size:12px;padding:16px 12px 8px}.kayit{padding:14px 12px;border:0;border-bottom:1px solid var(--cizgi);border-radius:0;margin:0;row-gap:2px}.kayit .baslik{grid-column:1;grid-row:1}.kayit .konum{grid-column:1;grid-row:2}.kayit .durum-etiketi{grid-column:2;grid-row:1/3;justify-self:start}.kayit .dogrulama-etiketi{grid-column:3;grid-row:1/3;justify-self:start}.kayit .arama-etiketi{grid-column:4;grid-row:1/3;justify-self:end}.arama-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.arama-grid .kart{margin:0}
.metin-notu{white-space:pre-wrap;overflow-wrap:anywhere}
.liste-baslik-alani{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.liste-baslik-alani h1{margin:0}.liste-baslik-alani .dugme{width:auto;margin:0;font-size:14px;white-space:nowrap}.hizli-arama{max-width:480px;margin-bottom:12px}.hizli-arama label{font-size:13px;color:var(--soluk)}.hizli-arama>div{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px}.hizli-arama button{margin:0}.etiket.ok,.etiket.uyari{padding:2px 8px;margin:4px 4px 4px 0;font-size:12px;border-radius:4px}
@media(max-width:1100px){main{margin:0 12px 88px;padding:20px;min-height:calc(100vh - 156px)}nav.alt{top:auto;bottom:0;left:0;width:100%;height:64px;flex-direction:row;background:var(--kart);border-top:1px solid var(--cizgi);padding:0 12px;gap:0;z-index:8}nav.alt a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 4px;min-width:0;line-height:1.2;font-size:13px;border-radius:0;border-top:2px solid transparent}nav.alt a[aria-current=page]{background:transparent;border-top-color:var(--vurgu)}.giris-sayfasi main{margin:32px auto}header{padding:0 20px}.arama-grid{grid-template-columns:1fr}.liste-basligi,.kayit{grid-template-columns:minmax(0,1fr) 90px 120px 64px;column-gap:12px}}
@media(max-width:640px){body{font-size:16px;background:var(--kart)}header{height:56px;padding:0 16px;border-bottom:1px solid var(--cizgi);gap:8px}.marka{font-size:16px}.marka span{display:none}.hesap-alani{gap:4px}.hesap-adi{display:none}.yonetim summary{font-size:12px}.cikis button{font-size:12px}main{margin:0 0 80px;padding:20px 16px;min-height:calc(100vh - 136px);border:0;border-radius:0}h1{font-size:22px}h2{font-size:17px}.kart{padding:14px;margin-bottom:12px}.soluk{font-size:13px}input,select,textarea,button,.dugme{min-height:44px;font-size:16px}nav.alt a{font-size:12px}.sira{gap:12px}.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi div{padding:14px}.kpi div:nth-child(even){border-right:0}.kpi div:nth-child(-n+2){border-bottom:1px solid var(--cizgi)}.giris-sayfasi main{margin:24px 0;max-width:none}.liste-basligi{display:none}.kayit{grid-template-columns:1fr 1.4fr auto;padding:16px 0;gap:4px 8px}.kayit .baslik{grid-column:1/4;grid-row:1;font-size:16px}.kayit .konum{grid-column:1/4;grid-row:2}.kayit .durum-etiketi{grid-column:1;grid-row:3}.kayit .dogrulama-etiketi{grid-column:2;grid-row:3}.kayit .arama-etiketi{grid-column:3;grid-row:3}.etiket{font-size:12px;margin-right:0}.arama-grid .dugme{background:transparent;color:var(--yazi);border-color:var(--kontrol)}}
