:root{--bg:#F6F4EF;--s1:#FFFFFF;--s2:#F1EEE7;--ink:#15171C;--mut:#6B6F7A;--mut2:#9A9FAA;--line:rgba(21,23,28,.1);--line2:rgba(21,23,28,.18);--pri:#FF6A00;--pri2:#E05B00;--gold:#D9A21B;--ok:#1a8f47;--bad:#C8102E;--r:14px;--font:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1{font-size:1.5rem;letter-spacing:-.03em;font-weight:800}
h2{font-size:1.05rem;letter-spacing:-.02em;font-weight:700;margin-bottom:.9rem}
.muted{color:var(--mut);font-size:.9rem}
code{font-family:var(--mono);font-size:.8em;background:var(--s2);padding:.1em .4em;border-radius:4px}

.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:var(--ink);color:#fff;padding:1.4rem 1rem;display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:.15rem;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;padding:0 .4rem}
.brand__k{color:#fff}.brand__o{color:var(--gold)}.brand b{margin-left:.5rem;font-weight:500;font-size:.85rem;color:rgba(255,255,255,.6);letter-spacing:.1em;text-transform:uppercase}
.brand--lg{font-size:1.6rem;justify-content:center;color:var(--ink);margin-bottom:1rem}.brand--lg .brand__k{color:var(--ink)}.brand--lg b{color:var(--mut)}
.menu{display:grid;gap:.25rem}
.menu a{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:10px;color:rgba(255,255,255,.7);font-weight:500;transition:.25s}
.menu a svg,.ext svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.menu a.is-on{background:var(--pri);color:#fff}
.side__foot{margin-top:auto;display:grid;gap:.25rem}
.ext{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:10px;color:rgba(255,255,255,.6);background:none;border:0;cursor:pointer;width:100%;text-align:left;font-size:.9rem}
.ext:hover{color:#fff;background:rgba(255,255,255,.07)}
.main{padding:1.6rem clamp(1rem,3vw,2.4rem) 4rem;max-width:1280px;width:100%}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.flash{padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem;font-weight:500;border:1px solid;animation:fl .4s ease}
@keyframes fl{from{opacity:0;transform:translateY(-6px)}}
.flash--ok{background:#EAF8EF;border-color:#BFE5CC;color:#14602f}
.flash--hata{background:#FDECEF;border-color:#F5C2CB;color:#8f0b20}

.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--line2);background:var(--s1);font-weight:600;font-size:.9rem;cursor:pointer;transition:.25s;white-space:nowrap}
.btn:hover{border-color:var(--ink)}
.btn--pri{background:var(--pri);border-color:var(--pri);color:#fff;box-shadow:0 8px 20px -10px rgba(255,106,0,.6)}
.btn--pri:hover{background:var(--pri2);border-color:var(--pri2)}
.btn--ghost{background:transparent}
.btn--sm{padding:.4rem .75rem;font-size:.8rem}
.btn--danger{color:var(--bad);border-color:rgba(200,16,46,.3)}.btn--danger:hover{background:#FDECEF;border-color:var(--bad)}
.btn--block{width:100%;justify-content:center}

.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.filters input[type=search]{flex:1;min-width:220px}
input,select,textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--line2);border-radius:10px;background:var(--s1);transition:.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px rgba(255,106,0,.15)}
textarea{resize:vertical;font-family:inherit}
label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--mut);margin-bottom:.9rem}
label small{font-weight:400}
label input,label select,label textarea{font-weight:400;color:var(--ink);font-size:.95rem}
.check{display:flex;align-items:center;gap:.6rem;font-weight:500;color:var(--ink)}
.check input{width:18px;height:18px;accent-color:var(--pri)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.w-sm{width:80px}

.card{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;box-shadow:0 1px 2px rgba(21,23,28,.04)}
.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:1rem 0 .5rem}

.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--s1)}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2);padding:.8rem 1rem;border-bottom:1px solid var(--line);background:var(--s2)}
.tbl td{padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.is-off td{opacity:.55}
.cell-prod{display:flex;align-items:center;gap:.8rem;min-width:280px}
.cell-prod img,.noimg{width:52px;height:40px;object-fit:cover;border-radius:8px;background:var(--s2);border:1px solid var(--line);display:grid;place-items:center;color:var(--mut2);flex:none}
.cell-prod small{display:block;color:var(--mut);font-size:.78rem}
.pill{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}
.pill--stokta{background:rgba(26,143,71,.12);color:var(--ok)}.pill--siparis{background:rgba(217,162,27,.18);color:#7d5a00}.pill--tukendi{background:rgba(21,23,28,.08);color:var(--mut)}
.cell-tog{display:grid;gap:.35rem}
.tog{display:inline-flex;align-items:center;gap:.45rem;border:0;background:none;cursor:pointer;font-size:.8rem;color:var(--mut);padding:0}
.tog i{width:30px;height:18px;border-radius:999px;background:#D6D3CC;position:relative;transition:.25s;flex:none}
.tog i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tog.is-on{color:var(--ink)}.tog.is-on i{background:var(--ok)}.tog--star.is-on i{background:var(--pri)}.tog.is-on i::after{left:14px}
.cell-act{display:flex;gap:.4rem;justify-content:flex-end;white-space:nowrap}
.inline{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}
.inline input{margin:0}
.empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--line2);border-radius:var(--r);background:var(--s1);display:grid;gap:.6rem;justify-items:center}

.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}
.thumb{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--s2);font-size:.75rem}
.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.thumb label{display:flex;gap:.35rem;align-items:center;padding:.35rem .5rem;margin:0;font-weight:500;color:var(--mut);cursor:pointer}
.thumb__del{color:var(--bad)!important;border-top:1px solid var(--line)}
.drop{display:grid;place-items:center;text-align:center;padding:1.4rem;border:2px dashed var(--line2);border-radius:12px;background:var(--s2);cursor:pointer;margin-bottom:1.2rem;color:var(--mut);font-weight:400;transition:.25s}
.drop.is-over,.drop:hover{border-color:var(--pri);background:#FFF4EC}
.drop input{display:none}
.drop span b{color:var(--ink)}
.preview{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}
.preview img{width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}

.login{display:grid;place-items:center;min-height:100vh;padding:1rem;background:radial-gradient(60% 80% at 10% 0%,#FFE7D3,transparent 60%),radial-gradient(50% 70% at 100% 100%,#DDF3FF,transparent 60%),var(--bg)}
.login__box{width:min(400px,100%);background:var(--s1);border:1px solid var(--line);border-radius:20px;padding:2rem;box-shadow:0 30px 60px -30px rgba(21,23,28,.35)}
.login h1{font-size:1.3rem;margin-bottom:.2rem}.login .muted{margin-bottom:1.2rem}

@media (max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.8rem}.menu{display:flex;flex-wrap:wrap}.side__foot{margin:0;display:flex}.grid2,.row{grid-template-columns:1fr}.main{padding:1rem}}

.filters input[type=search]{width:auto}.filters select{width:auto;min-width:180px}