:root{--navy:#0b2748;--blue:#1688d4;--sky:#63c7f3;--soft:#f3f7fb;--ink:#17324d;--muted:#75889a;--border:#e1eaf1;--shadow:0 12px 35px rgba(11,39,72,.07)}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}.admin-body{background:var(--soft);min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--navy);color:#fff;z-index:1045;padding:1.4rem}.admin-brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;padding:0 1rem;height:60px}.admin-brand span,.login-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff}.admin-menu{padding:1.5rem .55rem}.admin-menu a{display:flex;align-items:center;gap:.8rem;color:rgba(255,255,255,.62);text-decoration:none;padding:.8rem .9rem;margin:.25rem 0;border-radius:11px;font-size:.88rem;font-weight:650;transition:.2s}.admin-menu a i{font-size:1.05rem}.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.1);color:#fff}.admin-profile{display:flex;align-items:center;gap:.65rem;padding:1rem .65rem;border-top:1px solid rgba(255,255,255,.12)}.profile-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--blue);font-weight:800}.admin-profile strong,.admin-profile small{display:block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-profile strong{font-size:.78rem}.admin-profile small{font-size:.65rem;color:rgba(255,255,255,.55)}.logout-button{border:0;background:none;color:rgba(255,255,255,.55);padding:.4rem}.logout-button:hover{color:#fff}.admin-main{margin-left:260px;padding:2rem 2.4rem 4rem;max-width:1700px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.7rem}.admin-header p{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0}.admin-header h1{font-size:1.75rem;color:var(--navy);font-weight:800;margin:.15rem 0 0}.btn{font-weight:700}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 8px 20px rgba(22,136,212,.18)}.btn-primary:hover{background:#0878bf;border-color:#0878bf}.stat-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.35rem;border:1px solid var(--border);border-radius:18px;box-shadow:0 7px 22px rgba(11,39,72,.04)}.stat-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;font-size:1.3rem}.stat-icon.blue{background:#e8f5fd;color:#1688d4}.stat-icon.cyan{background:#e6fbfa;color:#16a5a2}.stat-icon.green{background:#eaf8ef;color:#28a35a}.stat-icon.orange{background:#fff3df;color:#e28c16}.stat-card small,.stat-card strong{display:block}.stat-card small{font-size:.74rem;color:var(--muted);margin-bottom:.18rem}.stat-card strong{font-size:1.35rem;color:var(--navy)}.quick-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(120deg,#0b3157,#0b4d7e);padding:1.4rem 1.6rem;border-radius:18px;color:#fff}.quick-actions h2{font-size:1rem;font-weight:800;margin:0}.quick-actions p{font-size:.78rem;color:rgba(255,255,255,.6);margin:.1rem 0 0}.admin-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.form-card{padding:1.5rem}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--border)}.form-card>.card-heading{padding:0 0 1.2rem;margin-bottom:1.2rem}.card-heading h2{font-size:1rem;font-weight:800;color:var(--navy);margin:0}.card-heading p{font-size:.75rem;color:var(--muted);margin:.2rem 0 0}.card-heading>a{color:var(--blue);font-size:.75rem;font-weight:700;text-decoration:none}.close-form{font-size:1rem!important;color:var(--muted)!important}.admin-table>:not(caption)>*>*{padding:.9rem 1.3rem;border-color:#edf2f6;vertical-align:middle;font-size:.82rem}.admin-table thead th{background:#fafdff;color:#74899a;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}.admin-table strong,.admin-table small{display:block}.admin-table strong{color:var(--ink);font-size:.8rem}.admin-table small{font-size:.69rem;color:var(--muted);margin-top:.18rem}.table-avatar{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.6rem;border-radius:10px;background:#e7f6fd;color:var(--blue);font-weight:800}.status{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-size:.64rem;font-weight:800}.status.published{color:#167c43;background:#e5f6eb}.status.draft,.status.hidden{color:#8b6671;background:#f4edf0}.table-actions{display:flex;gap:.35rem}.table-actions form{margin:0}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:#547086;background:#fff;text-decoration:none}.icon-button:hover{color:var(--blue);border-color:#b7dbef}.icon-button.danger:hover{color:#cf3c3c;border-color:#efb5b5;background:#fff7f7}.form-label{font-size:.75rem;color:#496174;font-weight:750}.form-control,.form-select{border-color:#dbe5ed;border-radius:10px;padding:.68rem .8rem;font-size:.86rem}.form-control:focus,.form-select:focus{border-color:#74bde8;box-shadow:0 0 0 .2rem rgba(22,136,212,.1)}.form-text{font-size:.68rem}.form-switch .form-check-input{width:2.5em}.content-editor{line-height:1.75}.publish-box{background:#f8fbfd;border:1px solid var(--border);border-radius:14px;padding:1rem}.image-preview{width:100%;height:170px;object-fit:cover;border-radius:11px;background:#eaf5fb;border:1px solid var(--border)}.qr-admin-preview{display:block;width:190px;height:190px;object-fit:contain;border:1px solid var(--border);padding:7px;border-radius:14px;margin:auto}.post-row{display:flex;align-items:center;gap:.75rem;min-width:280px}.post-row img{width:62px;height:45px;object-fit:cover;border-radius:8px;background:#eaf5fb}.alert{border:0;border-radius:12px;font-size:.85rem}
.admin-mobile-nav{background:#fff;box-shadow:0 5px 25px rgba(11,39,72,.08)}.admin-mobile-nav .admin-brand{color:var(--navy)}.login-body{min-height:100vh;background:#f1f7fb}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:3rem 4rem;background:linear-gradient(145deg,#0b2748,#0b527f);color:#fff;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:430px;height:430px;border:80px solid rgba(99,199,243,.08);border-radius:50%;right:-180px;bottom:-180px}.login-brand-panel>.admin-brand{padding:0;position:relative;z-index:1}.login-brand-panel>div{max-width:560px;position:relative;z-index:1}.login-kicker{color:#70d4fb;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.login-brand-panel h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.05em;margin:1.2rem 0}.login-brand-panel p{color:rgba(255,255,255,.65);font-size:1.05rem;max-width:500px}.login-brand-panel>small{color:rgba(255,255,255,.5);position:relative;z-index:1}.login-form-panel{display:grid;place-items:center;padding:2rem}.login-form-wrap{width:100%;max-width:430px;background:#fff;padding:2.5rem;border-radius:22px;box-shadow:0 20px 55px rgba(11,39,72,.09)}.login-form-wrap h2{font-weight:800;color:var(--navy);letter-spacing:-.03em}.input-icon{position:relative}.input-icon i{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#8ba0b1}.input-icon .form-control{padding-left:2.8rem;height:50px}.back-site{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:1.5rem;color:#718696;text-decoration:none;font-size:.78rem;font-weight:700}.back-site:hover{color:var(--blue)}
@media(max-width:991.98px){.admin-sidebar{position:fixed;width:270px}.admin-main{margin-left:0;padding:1.5rem}.admin-header{margin-top:.5rem}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}}
@media(max-width:575.98px){.admin-main{padding:1rem .8rem 3rem}.admin-header h1{font-size:1.4rem}.admin-header .btn{display:none}.stat-card{padding:1rem}.quick-actions{align-items:flex-start;flex-direction:column}.form-card{padding:1rem}.card-heading{padding:1rem}.admin-table>:not(caption)>*>*{padding:.75rem}.login-form-panel{padding:1rem}.login-form-wrap{padding:1.5rem}.table-avatar{display:none}}
.admin-sidebar{background-color:#0b2748!important}