:root{--blue:#013986;--yellow:#FAC71C;--ink:#172033;--soft:#667085;--line:#e4eaf2;--bg:#f3f6fb;--white:#fff;--danger:#b42318;--success:#067647;--radius:18px;--shadow:0 12px 35px rgba(1,57,134,.1)}*{box-sizing:border-box}html{font-family:Inter,"Plus Jakarta Sans",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.2rem;background:#012d6a;color:#fff;z-index:100}.admin-brand{display:flex;align-items:center;gap:.8rem;padding:.55rem .45rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.13)}.admin-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.admin-brand span{display:grid;gap:.1rem}.admin-brand small{color:#d7e7ff}.admin-nav{display:grid;gap:.35rem;padding:1.2rem 0;overflow-y:auto}.admin-nav a,.admin-sidebar__foot a{display:block;padding:.82rem .9rem;border-radius:12px;text-decoration:none;color:#e8f1ff;font-weight:700;font-size:.93rem}.admin-nav a:hover,.admin-nav a.is-active,.admin-sidebar__foot a:hover{background:#FAC71C;color:#092b57}.admin-sidebar__foot{display:grid;gap:.35rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.13)}.admin-main{min-width:0;display:flex;flex-direction:column}.admin-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;min-height:86px;padding:1rem clamp(1rem,3vw,2.2rem);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.admin-topbar p{margin:0;color:var(--soft);font-size:.78rem}.admin-topbar h1{margin:.15rem 0 0;font-size:1.45rem}.admin-user{margin-left:auto;padding:.55rem .85rem;border-radius:999px;background:#edf4ff;color:var(--blue);font-weight:800}.admin-menu{display:none;border:0;background:var(--blue);color:#fff;width:44px;height:44px;border-radius:11px}.admin-content{width:100%;max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,2.2rem);flex:1}.admin-footer{padding:1rem 2rem;text-align:center;color:var(--soft);font-size:.82rem}.alert{margin-bottom:1.2rem;padding:1rem 1.15rem;border-radius:14px;border:1px solid}.alert--success{background:#ecfdf3;border-color:#abefc6;color:var(--success)}.alert--error{background:#fef3f2;border-color:#fecdca;color:var(--danger)}.alert--warning{background:#fffaeb;border-color:#fedf89;color:#93370d}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:1.25rem}.stat-card span{color:var(--soft);font-size:.86rem}.stat-card strong{display:block;margin-top:.45rem;color:var(--blue);font-size:2rem}.panel{padding:clamp(1rem,2.4vw,1.6rem);margin-bottom:1.25rem}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.panel__head h2,.panel__head h3{margin:0}.panel__head p{margin:.35rem 0 0;color:var(--soft)}.btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.65rem .95rem;border:0;border-radius:11px;text-decoration:none;font-weight:800;cursor:pointer}.btn-admin--primary{background:var(--blue);color:#fff}.btn-admin--yellow{background:var(--yellow);color:#183153}.btn-admin--soft{background:#edf4ff;color:var(--blue)}.btn-admin--danger{background:#fef3f2;color:var(--danger)}.btn-admin:hover{filter:brightness(.96)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.45rem}.field--full{grid-column:1/-1}.field label,.field>span{font-size:.86rem;font-weight:800;color:#344054}.field input,.field textarea,.field select{width:100%;padding:.78rem .85rem;border:1px solid #ccd6e3;border-radius:11px;background:#fff;color:var(--ink);outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(1,57,134,.1)}.field small{color:var(--soft);font-size:.78rem}.field img.preview{width:150px;height:100px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.check{display:flex;align-items:center;gap:.55rem;font-weight:700}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.data-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:.82rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{background:#f8fafc;color:#475467;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{font-size:.88rem}.data-table img{width:72px;height:54px;object-fit:cover;border-radius:9px}.row-actions{display:flex;flex-wrap:wrap;gap:.45rem}.row-actions form{display:inline}.badge{display:inline-flex;padding:.35rem .6rem;border-radius:999px;background:#ecfdf3;color:#067647;font-size:.75rem;font-weight:800}.badge--off{background:#f2f4f7;color:#667085}.editor-list{display:grid;gap:.8rem}.editor-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem;border:1px solid var(--line);border-radius:14px}.editor-card img{width:100px;height:75px;object-fit:cover;border-radius:10px}.editor-card h3{margin:0 0 .3rem;font-size:1rem}.editor-card p{margin:0;color:var(--soft);font-size:.84rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.2rem;background:linear-gradient(135deg,#012d6a,#013986 60%,#1255a8)}.login-card{width:min(460px,100%);padding:2rem;border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.24)}.login-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-brand img{width:64px;height:64px;object-fit:contain}.login-card h1{margin:0}.login-card p{color:var(--soft)}.login-card .field{margin-bottom:1rem}.login-card .btn-admin{width:100%;margin-top:.6rem}.admin-overlay{display:none}.help-list{margin:0;padding-left:1.2rem;color:var(--soft);line-height:1.8}.code-note{padding:.85rem;border-radius:11px;background:#f8fafc;color:#475467;font-family:monospace;font-size:.82rem;overflow-wrap:anywhere}
@media(max-width:1100px){.admin-grid{grid-template-columns:1fr 1fr}.form-grid--3{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-shell{display:block}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,86vw);transform:translateX(-105%);transition:transform .25s ease}.admin-sidebar.is-open{transform:none}.admin-menu{display:grid;place-items:center}.admin-overlay{position:fixed;inset:0;z-index:90;background:rgba(4,18,38,.5)}.admin-overlay.is-open{display:block}.admin-topbar{min-height:76px}.admin-user{display:none}.form-grid,.form-grid--3{grid-template-columns:1fr}.editor-card{grid-template-columns:76px minmax(0,1fr)}.editor-card img{width:76px;height:64px}.editor-card>.row-actions{grid-column:1/-1}.admin-content{padding:1rem}}
@media(max-width:520px){.admin-grid{grid-template-columns:1fr}.panel__head{display:grid}.form-actions .btn-admin{flex:1}.login-card{padding:1.35rem}.admin-topbar h1{font-size:1.15rem}}

/* Editor navigation remains scrollable without a visible desktop scrollbar. */
.admin-nav{scrollbar-width:none;-ms-overflow-style:none}
.admin-nav::-webkit-scrollbar{width:0;height:0;display:none}
.content-tabs{display:flex;flex-wrap:wrap;gap:.65rem}
.content-tabs a{padding:.7rem .9rem;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--blue);font-weight:800;text-decoration:none}
.content-tabs a:hover,.content-tabs a.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.field img.preview--logo{width:110px;height:110px;object-fit:contain;background:#f7f9fc;padding:8px}
.field h3{margin:.6rem 0 0;color:var(--blue)}