/* Yönetim paneli — sade, koyu, işlevsel */
:root{
    --bg:#0d0d12; --card:#16161f; --line:#262631; --text:#ece7dc;
    --muted:#8b8477; --gold:#e7b25c; --gold-2:#f6d68a; --danger:#e5533d;
    --field:#1e1e29;
}
*{box-sizing:border-box; margin:0; padding:0}
body{
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    background:var(--bg); color:var(--text); line-height:1.5;
    padding-bottom:60px;
}
h1,h2{font-weight:600}
a{color:var(--gold); text-decoration:none}
a:hover{color:var(--gold-2)}
button{font-family:inherit; cursor:pointer}

/* ---- Giriş ---- */
.login-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px}
.login-card{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:40px 34px; width:100%; max-width:340px; text-align:center;
    display:flex; flex-direction:column; gap:14px;
}
.login-card h1{font-size:24px}
.login-card .sub{color:var(--muted); font-size:13px; margin-top:-8px; margin-bottom:6px}
.login-card input{
    background:var(--field); border:1px solid var(--line); color:var(--text);
    border-radius:10px; padding:13px 14px; font-size:15px; outline:none;
}
.login-card input:focus{border-color:var(--gold)}
.login-card button{
    background:linear-gradient(180deg,var(--gold-2),var(--gold)); color:#1a1207;
    border:0; border-radius:10px; padding:13px; font-weight:600; font-size:15px;
}
.login-card .back{font-size:13px; color:var(--muted); margin-top:4px}

/* ---- Üst bar ---- */
.admin-top{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px clamp(16px,4vw,40px); border-bottom:1px solid var(--line);
    background:#101017; position:sticky; top:0; z-index:10;
}
.admin-brand{font-weight:600; letter-spacing:.04em}
.admin-actions{display:flex; align-items:center; gap:18px; font-size:14px}
.link-btn{background:none; border:0; color:var(--muted); font-size:14px}
.link-btn:hover{color:var(--gold)}

/* ---- Sekmeler ---- */
.admin-tabs{
    display:flex; gap:6px; padding:14px clamp(16px,4vw,40px) 0;
    flex-wrap:wrap;
}
.admin-tabs a{
    padding:9px 18px; border-radius:100px; font-size:14px;
    color:var(--muted); border:1px solid transparent;
}
.admin-tabs a:hover{color:var(--text)}
.admin-tabs a.on{background:var(--card); border-color:var(--line); color:var(--gold-2)}

/* ---- İçerik ---- */
.admin-main{max-width:960px; margin:0 auto; padding:22px clamp(16px,4vw,40px)}
.flash{
    max-width:960px; margin:14px auto 0; padding:12px 16px; border-radius:10px;
    background:rgba(231,178,92,.12); border:1px solid rgba(231,178,92,.3);
    color:var(--gold-2); font-size:14px;
}
.card{
    background:var(--card); border:1px solid var(--line); border-radius:14px;
    padding:22px; margin-bottom:20px;
}
.card h2{font-size:18px; margin-bottom:16px; display:flex; align-items:center; gap:10px}
.card h2 .count{
    font-size:12px; color:var(--muted); background:var(--field);
    border-radius:100px; padding:2px 10px; font-weight:500;
}
.muted{color:var(--muted); font-size:14px}

/* form alanları */
input[type=text],input[type=number],input[type=password],select{
    background:var(--field); border:1px solid var(--line); color:var(--text);
    border-radius:9px; padding:10px 12px; font-size:14px; outline:none; font-family:inherit;
}
input:focus,select:focus{border-color:var(--gold)}
::placeholder{color:#5f5a50}

.row-form{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.row-form input[type=text]{flex:1; min-width:130px}
.row-form select{min-width:130px}
.row-form button, .save{
    background:linear-gradient(180deg,var(--gold-2),var(--gold)); color:#1a1207;
    border:0; border-radius:9px; padding:10px 18px; font-weight:600; font-size:14px;
}

/* ürün/kategori satırı */
.prod-row{
    display:flex; gap:8px; align-items:center; flex-wrap:wrap;
    padding:10px 0; border-top:1px solid var(--line);
}
.prod-row:first-of-type{border-top:0}
.prod-edit{display:flex; gap:8px; align-items:center; flex-wrap:wrap; flex:1}
.prod-row.off{opacity:.5}
.w-sort{width:58px; text-align:center}
.w-name{flex:1; min-width:120px}
.w-price{width:90px}
.w-desc{flex:2; min-width:150px}
.w-cat{min-width:120px}
.chk{display:inline-flex; align-items:center; gap:5px; font-size:13px; color:var(--muted); white-space:nowrap}
.del{
    background:transparent; color:var(--danger);
    border:1px solid rgba(229,83,61,.4); border-radius:9px; padding:10px 14px; font-size:14px;
}
.del:hover{background:rgba(229,83,61,.12)}

/* galeri kucuk resim */
.g-thumb{
    width:72px; height:54px; object-fit:cover; border-radius:8px;
    border:1px solid var(--line); flex:none;
}
input[type=file]{
    background:var(--field); border:1px solid var(--line); color:var(--muted);
    border-radius:9px; padding:9px 12px; font-size:13px; font-family:inherit;
}
input[type=file]::file-selector-button{
    background:var(--field); color:var(--gold); border:1px solid var(--line);
    border-radius:7px; padding:6px 12px; margin-right:10px; cursor:pointer; font-family:inherit;
}

/* ayarlar */
.settings-form{display:grid; gap:16px; max-width:520px}
.settings-form label{display:grid; gap:6px; font-size:13px; color:var(--muted)}
.settings-form input{width:100%}
.settings-form .save{justify-self:start; margin-top:4px}

@media(max-width:640px){
    .prod-edit{gap:6px}
    .w-desc,.w-cat{flex-basis:100%}
}