/* =====================================================
   ADMIN PANEL STYLE - Modern, Compact
===================================================== */
:root{
  --a-brand:#2563eb; --a-brand-dark:#1d4ed8; --a-bg:#f5f7fb;
  --a-ink-900:#0f172a; --a-ink-600:#475569; --a-ink-300:#e2e8f0;
  --a-sidebar-w:250px;
}
*{box-sizing:border-box}
body{background:var(--a-bg); font-family:'Inter','Segoe UI',system-ui,sans-serif; font-size:14.5px; color:var(--a-ink-900)}
a{text-decoration:none}

/* Sidebar */
.a-sidebar{position:fixed; top:0; left:0; bottom:0; width:var(--a-sidebar-w); background:#101828; color:#cbd5e1; overflow-y:auto; z-index:1050; transition:.25s}
.a-sidebar .brand{display:flex; align-items:center; gap:.6rem; padding:1.1rem 1.2rem; color:#fff; font-weight:800; border-bottom:1px solid #1e293b}
.a-sidebar .brand img{width:34px; height:34px; border-radius:8px; object-fit:cover}
.a-sidebar .nav-section{font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:#64748b; padding:1rem 1.2rem .3rem; font-weight:700}
.a-sidebar .nav-link{color:#94a3b8; padding:.55rem 1.2rem; font-size:.85rem; font-weight:500; display:flex; align-items:center; gap:.65rem; border-radius:0; border-left:3px solid transparent}
.a-sidebar .nav-link i{width:18px; text-align:center; font-size:.95rem}
.a-sidebar .nav-link:hover{background:#1a2436; color:#fff}
.a-sidebar .nav-link.active{background:#1a2436; color:#fff; border-left-color:var(--a-brand)}
.a-sidebar .collapse .nav-link{padding-left:2.9rem; font-size:.82rem}

/* Main wrapper */
.a-main{margin-left:var(--a-sidebar-w); min-height:100vh; display:flex; flex-direction:column; transition:.25s}
.a-topbar{background:#fff; border-bottom:1px solid var(--a-ink-300); padding:.7rem 1.5rem; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:1030}
.a-topbar .toggle-btn{border:none; background:none; font-size:1.2rem; color:var(--a-ink-600)}
.a-content{padding:1.5rem; flex:1}

@media(max-width:991px){
  .a-sidebar{transform:translateX(-100%)}
  .a-sidebar.show{transform:translateX(0)}
  .a-main{margin-left:0}
}

/* Cards / panels */
.a-card{background:#fff; border:1px solid var(--a-ink-300); border-radius:14px; box-shadow:0 1px 2px rgba(15,23,42,.04)}
.a-card .a-card-header{padding:1rem 1.25rem; border-bottom:1px solid var(--a-ink-300); display:flex; align-items:center; justify-content:space-between}
.a-card .a-card-header h5{margin:0; font-size:1rem; font-weight:700}
.a-card .a-card-body{padding:1.25rem}

/* Stat widgets */
.stat-widget{background:#fff; border-radius:14px; padding:1.25rem; border:1px solid var(--a-ink-300); display:flex; align-items:center; gap:1rem}
.stat-widget .icon{width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:#fff; flex-shrink:0}
.stat-widget .num{font-size:1.5rem; font-weight:800; line-height:1}
.stat-widget .label{font-size:.78rem; color:var(--a-ink-600); font-weight:600}

/* Buttons */
.btn{border-radius:9px; font-weight:600; font-size:.85rem}
.btn-primary{background:var(--a-brand); border-color:var(--a-brand)}
.btn-primary:hover{background:var(--a-brand-dark); border-color:var(--a-brand-dark)}
.btn-sm{font-size:.78rem}

/* Table */
.table{font-size:.86rem}
.table thead th{background:#f8fafc; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:var(--a-ink-600); font-weight:700; border-bottom:1px solid var(--a-ink-300)}
.table td{vertical-align:middle}
.table-thumb{width:48px; height:48px; object-fit:cover; border-radius:8px}

/* Forms */
.form-control, .form-select{border-radius:9px; font-size:.87rem; border-color:var(--a-ink-300)}
.form-control:focus, .form-select:focus{border-color:var(--a-brand); box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.form-label{font-weight:600; font-size:.82rem}

/* Badge */
.badge{font-weight:600; font-size:.72rem; padding:.4em .65em; border-radius:6px}

/* Login page */
.login-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f172a,#1d4ed8)}
.login-card{background:#fff; border-radius:18px; padding:2.5rem; width:100%; max-width:400px; box-shadow:0 25px 50px -12px rgba(0,0,0,.35)}
.login-card .logo-circle{width:64px; height:64px; border-radius:16px; background:#eff6ff; color:#2563eb; display:flex; align-items:center; justify-content:center; font-size:1.6rem; margin:0 auto 1rem}

.avatar-sm{width:36px; height:36px; border-radius:50%; object-fit:cover}
.thumb-preview{width:100px; height:100px; object-fit:cover; border-radius:10px; border:1px solid var(--a-ink-300)}

/* Rich Text Editor (Quill) */
.rich-editor-wrap .ql-toolbar{border:1px solid var(--a-ink-300); border-bottom:none; border-radius:9px 9px 0 0; background:#f8fafc}
.rich-editor-wrap .ql-container{border:1px solid var(--a-ink-300); border-radius:0 0 9px 9px; font-size:.9rem; font-family:inherit}
.rich-editor-wrap .ql-editor{min-height:300px}
.rich-editor-wrap .ql-editor img{max-width:100%; border-radius:8px}
.rich-editor-wrap .ql-editor.ql-blank::before{color:#94a3b8; font-style:normal}