@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Outfit:wght@500;600;700&display=swap');
.hero .admin-link{display:none!important}

:root{--bg:#0d0d12;--surface:#17171f;--surface-hover:#1d1d27;--line:#292936;--line-soft:#23232d;--text:#f2f2f2;--muted:#999;--muted-2:#aaa;--accent:#7c3aed;--accent-light:#a855f7;--success:#54c79a;--danger:#ff8074}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Outfit,'DM Sans',sans-serif;margin:0}a{color:inherit}

/* Ziyaretçi sayfası */
.hero{width:min(1100px,92%);min-height:0;margin:0 auto;padding:40px 0 35px;background:transparent;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.hero h1{font-size:clamp(2rem,5vw,2.4rem);line-height:1.12}.hero p{margin:10px 0 0;color:var(--muted);font-size:1rem}.eyebrow{margin:0!important;color:var(--accent-light)!important;font-size:.75rem!important;font-weight:700;letter-spacing:.14em}.admin-link,.button{display:inline-block;border:0;border-radius:8px;padding:10px 15px;background:var(--accent);color:#fff;font:700 .9rem 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.admin-link:hover,.button:hover,button:hover{background:var(--accent-light);transform:translateY(-1px)}.container{width:min(1100px,92%);margin:0 auto;padding:0 0 60px}.category{overflow:hidden;margin:0 0 25px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.category-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.category h2{font-size:1.45rem}.category p,.title p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.progress-label{color:var(--muted-2);font-size:.88rem;white-space:nowrap}.progress{height:9px;margin:17px 22px;background:var(--line);border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .3s ease}.title{display:flex;align-items:center;gap:13px;min-height:62px;padding:12px 22px;border-top:1px solid var(--line-soft);transition:background .2s}.title:first-child{border-top:0}.title:hover{background:var(--surface-hover)}.title h3{font-family:'DM Sans',sans-serif;font-size:1rem}.check{width:24px;color:#555565;font-size:25px;line-height:1}.watched .check,.watched .status{color:var(--success)}.watched h3{color:#777;text-decoration:line-through}.status{margin-left:auto;color:var(--muted);font-size:.8rem;font-weight:700}.empty{text-align:center;padding:80px 10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.empty p{color:var(--muted)}footer{padding:0 20px 28px;color:#777;text-align:center;font-size:.85rem}

/* Giriş ve yönetim */
.auth-page{display:grid;min-height:100vh;place-items:center;padding:20px}.auth-card{width:min(100%,440px);padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 35px #0004}.auth-card.wide{width:min(100%,560px)}.auth-card h1{margin-bottom:20px;font-size:1.65rem}.auth-card form{display:grid;gap:15px;margin:20px 0}.auth-card a{color:var(--accent-light);font-weight:700;text-decoration:none}.auth-card a:hover{text-decoration:underline}label{display:grid;gap:6px;color:var(--muted-2);font-size:.9rem;font-weight:700}input,select,textarea,button{border-radius:7px;font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid #3a3a49;background:#101016;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid #a855f766;border-color:var(--accent-light)}button{border:0;padding:10px 15px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.error{color:var(--danger)}.notice{padding:12px;border:1px solid #6d4aa0;border-radius:8px;background:#241b35;color:#e6d8ff}

.admin-header{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1100px,92%);margin:0 auto;padding:25px 0;color:var(--text)}.admin-header strong{font-family:Outfit,sans-serif}.admin-header a{color:var(--muted-2);font-weight:700;text-decoration:none}.admin-header a:hover{color:var(--text)}.admin-container{display:grid;gap:20px;width:min(1100px,92%);margin:0 auto;padding:0 0 60px}.panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.panel h1{margin-bottom:15px;font-size:1.35rem}.panel>p{color:var(--muted);line-height:1.5}.inline-form,.title-form{display:flex;flex-wrap:wrap;gap:9px}.inline-form input,.title-form input,.title-form select{flex:1;min-width:135px}.manage-list{margin-top:18px;border-top:1px solid var(--line)}.manage-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.manage-list>div:hover{background:linear-gradient(90deg,transparent,var(--surface-hover),transparent)}.actions{display:flex;flex-wrap:wrap;gap:12px;white-space:nowrap}.actions a{color:var(--accent-light);font-size:.88rem;font-weight:700;text-decoration:none}.actions .danger{color:var(--danger)}.admin-title small{display:block;margin-top:3px;color:var(--muted)}

@media(max-width:620px){.hero{padding-top:28px;align-items:flex-start}.hero h1{font-size:1.8rem}.hero .admin-link{font-size:.8rem;padding:8px 10px}.category-head{display:block}.progress-label{display:block;margin-top:8px}.title{align-items:flex-start}.status{padding-top:3px}.admin-header{padding:18px 0}.admin-header strong{display:none}.manage-list>div{align-items:flex-start;flex-direction:column}.actions{white-space:normal}.panel{padding:20px}}

/* Admin kategori sürükle-bırak */
.reorder-help{margin:0 0 12px;color:var(--muted);font-size:.88rem}.category-sort-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border:1px solid transparent;border-radius:10px;cursor:grab;transition:background .15s,border-color .15s,opacity .15s}.category-sort-item:hover{background:var(--surface-hover)}.category-sort-item.dragging{opacity:.45}.category-sort-item.drag-over{border-color:var(--accent);background:var(--surface-hover)}.drag-handle{width:24px;color:#777;font-size:18px;line-height:1;text-align:center;cursor:grab}.category-sort-name{flex:1;font-weight:500}.reorder-status{min-height:20px;margin-top:8px;color:var(--success);font-size:.82rem}