:root{
  --y:#FFD200;--yd:#E9B900;--ink:#15171B;--black:#0B0C0E;--muted:#5C636D;
  --line:#E3E6EA;--paper:#F4F6F8;--ok:#1E8E3E;--err:#D33;--info:#0B6;
  --fd:"Saira Condensed",system-ui,sans-serif;--fb:"Barlow",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--fb);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55}
a{color:var(--yd)}
img{max-width:100%;display:block}

/* Topbar */
.ad-top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}
.ad-top__in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:1.4rem;padding:.6rem 1.2rem}
.ad-brand{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none}
.ad-brand img{height:34px;width:auto}
.ad-brand span{font-family:var(--fd);font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em}
.ad-brand b{color:var(--y)}
.ad-nav{display:flex;gap:.3rem;margin-left:.5rem}
.ad-nav a{color:#cfd3da;text-decoration:none;font-family:var(--fd);text-transform:uppercase;letter-spacing:.03em;font-size:1.02rem;padding:.4rem .7rem;border-radius:8px}
.ad-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.ad-user{margin-left:auto;display:flex;align-items:center;gap:.8rem;font-size:.92rem}
.ad-user span{color:#aab0b8}
.ad-logout{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:.35rem .8rem;border-radius:999px}
.ad-logout:hover{background:var(--y);color:var(--black);border-color:var(--y)}

/* Layout */
.ad-main{max-width:1080px;margin:0 auto;padding:1.6rem 1.2rem 3rem}
.ad-foot{max-width:1080px;margin:0 auto;padding:1.5rem 1.2rem 2.5rem;color:var(--muted);font-size:.85rem}
.ad-foot a{color:var(--yd)}

h1{font-family:var(--fd);text-transform:uppercase;font-size:2rem;margin:.2rem 0 1rem;letter-spacing:-.01em}
h2{font-family:var(--fd);text-transform:uppercase;font-size:1.5rem;margin:2rem 0 .8rem}
.ad-sub{color:var(--muted);margin:-.6rem 0 1.2rem}

/* Section head with action */
.ad-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0 .9rem}
.ad-head h2{margin:0}

/* Buttons */
.ad-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--fd);text-transform:uppercase;letter-spacing:.02em;
  font-size:1rem;font-weight:700;padding:.55rem 1.1rem;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:.15s}
.ad-btn--primary{background:var(--y);color:var(--black)}
.ad-btn--primary:hover{background:var(--yd)}
.ad-btn--dark{background:var(--ink);color:#fff}
.ad-btn--dark:hover{background:#000}
.ad-btn--ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.ad-btn--ghost:hover{border-color:var(--ink)}
.ad-btn--danger{background:#fff;color:var(--err);border-color:#f1c8c8}
.ad-btn--danger:hover{background:var(--err);color:#fff;border-color:var(--err)}
.ad-btn--sm{font-size:.85rem;padding:.35rem .7rem}

/* Cards / list */
.ad-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ad-row{display:flex;align-items:center;gap:1rem;padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.ad-row:last-child{border-bottom:0}
.ad-row__thumb{width:84px;height:60px;flex:none;border-radius:8px;object-fit:cover;background:var(--paper);border:1px solid var(--line)}
.ad-row__main{flex:1;min-width:0}
.ad-row__title{font-weight:600;color:var(--ink)}
.ad-row__meta{color:var(--muted);font-size:.85rem}
.ad-row__act{display:flex;gap:.4rem;flex:none}
.ad-empty{padding:1.4rem;color:var(--muted);text-align:center}

/* Forms */
.ad-form{display:grid;gap:1rem;max-width:760px}
.ad-form label{display:grid;gap:.3rem;font-weight:600;font-size:.95rem}
.ad-form input[type=text],.ad-form input[type=date],.ad-form input[type=password],.ad-form textarea,.ad-form select{
  font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.ad-form textarea{min-height:240px;resize:vertical;line-height:1.6}
.ad-form input:focus,.ad-form textarea:focus{outline:2px solid var(--y);border-color:var(--y)}
.ad-hint{color:var(--muted);font-weight:400;font-size:.85rem}
.ad-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
.ad-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:620px){.ad-grid2{grid-template-columns:1fr}}

/* file input */
.ad-file{border:1px dashed var(--line);border-radius:10px;padding:.8rem;background:#fff}
.ad-cover-preview{margin-top:.5rem}
.ad-cover-preview img{max-height:160px;border-radius:8px;border:1px solid var(--line)}

/* existing images grid */
.ad-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin-top:.4rem}
.ad-imgs figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.ad-imgs img{width:100%;height:90px;object-fit:cover}
.ad-imgs label{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.8rem;font-weight:500}

/* flash */
.ad-flash{padding:.7rem 1rem;border-radius:10px;margin:0 0 1rem;font-weight:500}
.ad-flash--ok{background:#e7f6ec;color:#1b6b32;border:1px solid #b9e3c6}
.ad-flash--err{background:#fdeaea;color:#a12; border:1px solid #f3c4c4}
.ad-flash--info{background:#e9f3ff;color:#15539e;border:1px solid #bcd9fb}

/* auth */
.ad-auth{max-width:380px;margin:6vh auto 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:2rem 1.8rem;text-align:center}
.ad-auth__logo{height:64px;width:auto;margin:0 auto .6rem}
.ad-auth h1{font-size:1.6rem;margin:.2rem 0 1.1rem}
.ad-auth .ad-form{text-align:left}
.ad-auth .ad-btn{width:100%;justify-content:center;margin-top:.3rem}
.ad-tagbadge{display:inline-block;background:var(--y);color:var(--black);font-family:var(--fd);text-transform:uppercase;
  font-size:.72rem;letter-spacing:.04em;padding:.1rem .5rem;border-radius:999px;font-weight:700;margin-left:.4rem;vertical-align:middle}