@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--fx-brand:#4f46e5;--fx-brand-2:#7c3aed;--fx-bg:#f4f6fb;--fx-ink:#0f172a;--fx-side:#0f172a;--bs-body-font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:var(--fx-bg);color:var(--fx-ink);font-family:var(--bs-body-font-family)}
.btn-primary{--bs-btn-bg:var(--fx-brand);--bs-btn-border-color:var(--fx-brand);--bs-btn-hover-bg:#4338ca;--bs-btn-hover-border-color:#4338ca;--bs-btn-active-bg:#3730a3;--bs-btn-active-border-color:#3730a3}
.btn-outline-primary{--bs-btn-color:var(--fx-brand);--bs-btn-border-color:var(--fx-brand);--bs-btn-hover-bg:var(--fx-brand);--bs-btn-hover-border-color:var(--fx-brand)}
a{color:var(--fx-brand)}
/* Düzen */
.fx-shell{display:flex;min-height:100vh}
.fx-side{width:250px;background:var(--fx-side);color:#cbd5e1;flex:0 0 250px;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}
.fx-side .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;padding:4px 10px 18px}
.fx-side .brand i{background:linear-gradient(135deg,var(--fx-brand),var(--fx-brand-2));border-radius:10px;padding:6px 8px;font-size:1rem}
.fx-side .site-chip{background:#1e293b;border-radius:12px;padding:10px 12px;margin:0 4px 14px;font-size:.85rem}
.fx-side .site-chip b{display:block;color:#fff;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-side .nav-link{color:#cbd5e1;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-size:.93rem}
.fx-side .nav-link:hover{background:#1e293b;color:#fff}
.fx-side .nav-link.active{background:var(--fx-brand);color:#fff}
.fx-side .nav-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:14px 12px 4px}
.fx-main{flex:1;min-width:0}
.fx-top{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7ef;position:sticky;top:0;z-index:20}
.fx-content{padding:24px;max-width:1180px}
.card{border:0;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 6px 20px rgba(15,23,42,.04)}
.card-header{background:transparent;border-bottom:1px solid #eef0f6;font-weight:700}
.stat{display:flex;align-items:center;gap:14px}
.stat .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:#eef2ff;color:var(--fx-brand)}
.stat b{font-size:1.5rem;display:block;line-height:1}
.form-label{font-weight:600;font-size:.88rem}
.form-text{font-size:.78rem}
/* Görsel alanı */
.img-field{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.img-preview{width:120px;height:80px;border-radius:10px;background:#eef0f6;display:grid;place-items:center;overflow:hidden;color:#94a3b8;font-size:1.6rem}
.img-preview img{width:100%;height:100%;object-fit:cover}
.gallery-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.gallery-item{position:relative;width:110px;height:76px;border-radius:10px;overflow:hidden}
.gallery-item img{width:100%;height:100%;object-fit:cover}
.gallery-item .btn-close{position:absolute;top:4px;right:4px;background-color:#fff;border-radius:50%;padding:5px;opacity:.9}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.media-tile{border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;padding:0;text-align:left;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.media-tile:hover{border-color:var(--fx-brand)}
.media-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.media-tile span{display:block;font-size:.7rem;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}
.editor-holder .ql-container{min-height:260px;font-size:1rem;font-family:inherit}
.editor-holder .ql-toolbar{border-radius:10px 10px 0 0;background:#fff}
.editor-holder .ql-container{border-radius:0 0 10px 10px;background:#fff}
/* Tema kartları */
.theme-card{display:block;cursor:pointer;height:100%}
.theme-card input{position:absolute;opacity:0}
.theme-card .tc{border:2px solid #e5e7ef;border-radius:16px;overflow:hidden;background:#fff;height:100%;transition:.2s}
.theme-card:hover .tc{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.1)}
.theme-card.selected .tc{border-color:var(--fx-brand);box-shadow:0 0 0 4px rgba(79,70,229,.15)}
.theme-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#e2e8f0}
.theme-card .tb{padding:14px 16px}
.theme-card .soon{opacity:.55}
/* Auth */
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 10% -10%,#c7d2fe 0,transparent 60%),radial-gradient(900px 500px at 100% 110%,#ddd6fe 0,transparent 55%),var(--fx-bg)}
.auth-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px rgba(15,23,42,.12)}
.table>:not(caption)>*>*{vertical-align:middle}
.badge-soft{background:#eef2ff;color:var(--fx-brand)}
@media (max-width:991px){
 .fx-shell{display:block}
 .fx-side{position:fixed;left:-270px;top:0;z-index:50;transition:left .25s;width:260px;height:100vh}
 .fx-side.open{left:0;box-shadow:0 0 0 100vmax rgba(15,23,42,.45)}
 .fx-content{padding:16px}.fx-top{padding:10px 16px}
}
.brand-i{background:linear-gradient(135deg,var(--fx-brand),var(--fx-brand-2));border-radius:10px;padding:6px 9px;display:inline-grid}