body.admin{background:#f2f5f9;display:grid;grid-template-columns:1fr;min-height:100vh}
.side{background:linear-gradient(180deg,#0d2440,#08182c);color:#c6d4e5;padding:18px 14px 26px;display:flex;flex-direction:column;gap:18px}
.alogo{display:block;text-align:center;color:#fff;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.alogo .crown{color:var(--gold);font-size:15px;display:block}
.alogo b{font-family:"Playfair Display",serif;font-size:25px;letter-spacing:.04em;display:block}
.alogo i{font-style:normal;display:block;font-size:11.5px;letter-spacing:.22em;color:var(--gold-2)}
.alogo small{display:block;font-size:9px;letter-spacing:.1em;color:#8fa3bb;margin-top:5px}
.alogo img{display:block;width:110px;max-width:100%;height:auto;margin:0 auto}
.gatelogo{display:block;width:230px;max-width:80%;height:auto;margin:0 auto 6px}
.anav{display:grid;gap:3px}
.anav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:9px;color:#c6d4e5;font-size:14.5px;font-weight:600}
.anav a:hover{background:rgba(255,255,255,.07);color:#fff}
.anav a.on{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#241a04}
.anav .b{background:#e14b4b;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}
.viewstore{display:block;padding:11px 14px;border-top:1px solid rgba(255,255,255,.12);color:#c6d4e5;font-size:14px}
.sidescript{color:var(--gold-2);font-size:19px;line-height:1.35;margin:6px 0 0;padding:0 12px}
.sidepoints{list-style:none;margin:auto 0 0;padding:0 10px;display:grid;gap:11px;font-size:13px;color:#b9c9dc}
.sidepoints li{display:flex;align-items:center;gap:10px}
.sidepoints svg{width:18px;height:18px;color:var(--gold)}
.amain{min-width:0;background:#f2f5f9}
.atop{background:linear-gradient(180deg,#0d2440,#123156);padding:12px 18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.atop .search{max-width:520px;flex:1}
.atop .search input{border-radius:999px 0 0 999px;border-color:transparent}
.atop .search button{border-radius:0 999px 999px 0;background:#fff;color:var(--navy)}
.atop-r{display:flex;align-items:center;gap:16px}
.me{display:flex;align-items:center;gap:10px;color:#fff}
.me img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.me b{display:block;font-size:14.5px}
.me small{color:#a9bcd2;font-size:12px}
.mk{color:var(--gold-2);font-size:14px;line-height:1.3;text-align:right;display:none}
.apad{padding:20px 18px 34px;display:grid;gap:18px}
.welcome{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--sh);display:grid;gap:16px}
.welcome p{margin:0;color:var(--muted)}
.welcome h1{font-family:"Playfair Display",serif;font-size:34px;color:var(--navy)}
.welcome .sm{font-size:14px}
.quote2{background:#f7f9fc;border-radius:10px;padding:16px;font-style:italic;color:#3f5065;font-size:14.5px}
.quote2 small{display:block;font-style:normal;color:var(--muted);margin-top:8px;font-size:12px}
.today{font-size:14px;color:var(--muted)}
.today b{display:block;color:var(--navy)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.stat{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--sh)}
.stat .si{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px}
.stat .si svg{width:22px;height:22px;color:var(--navy-2)}
.stat p{margin:0;font-size:13.5px;color:var(--muted)}
.stat b{font-size:24px;color:var(--navy);display:block;margin:3px 0 6px}
.up{color:#18a05a;font-size:12.5px;font-weight:700}
.stat .sub{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.two{display:grid;grid-template-columns:1fr;gap:16px}
.panel{background:#fff;border-radius:12px;padding:18px;box-shadow:var(--sh)}
.ph2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ph2 h3{font-size:18px;color:var(--navy)}
.ph2 a{font-size:13.5px;color:var(--navy-2);font-weight:700;display:inline-flex;gap:6px;align-items:center}
.ph2 a svg{width:15px;height:15px}
.sel{border:1.5px solid var(--line);border-radius:8px;padding:7px 12px;font-size:13px;color:var(--muted)}
.big{font-family:"Playfair Display",serif;font-size:28px;color:var(--navy);margin:0}
.chart{display:flex;align-items:flex-end;gap:4px;height:170px;margin-top:14px;padding-top:6px;border-bottom:1px solid var(--line)}
.chart span{flex:1;background:linear-gradient(180deg,var(--gold-2),var(--gold));border-radius:3px 3px 0 0}
.xaxis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px}
.donut{width:180px;height:180px;border-radius:50%;margin:6px auto 14px;display:grid;place-items:center;background:conic-gradient(#123156 0 28%,#d4a53a 28% 46%,#f48fb1 46% 61%,#9575cd 61% 71%,#4db6ac 71% 83%,#64b5f6 83% 91%,#ff8a65 91% 97%,#b0bec5 97% 100%)}
.donut span{width:112px;height:112px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:800;font-size:23px;color:var(--navy)}
.donut small{display:block;font-size:11.5px;color:var(--muted);font-weight:600}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px;color:#3f5065}
.legend li{display:flex;align-items:center;gap:9px}
.legend i{width:11px;height:11px;border-radius:50%;flex:none}
.legend b{margin-left:auto;color:var(--navy)}
.tblwrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:460px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 10px;border-bottom:1px solid #f0f3f7;font-size:14px}
.lowlist,.msgs{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.lowlist li{display:flex;align-items:center;gap:12px}
.lowlist img{width:44px;height:44px;border-radius:9px;object-fit:cover}
.lowlist b{display:block;font-size:14px}
.lowlist small{color:var(--muted);font-size:12px}
.left{margin-left:auto;background:#ffe9e9;color:#c33;font-size:12px;font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap}
.tops{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px}
.tp{text-align:center;font-size:12.5px}
.tp img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin-bottom:7px}
.tp b{display:block;font-size:13px;color:var(--ink)}
.tp small{color:var(--muted)}
.tp .rt{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--muted);margin-top:3px}
.tp .rt svg{width:13px;height:13px;color:var(--gold)}
.tp .pr{display:block;font-weight:800;color:var(--navy);margin-top:3px}
.msgs li{display:flex;gap:11px;align-items:flex-start}
.msgs .av{width:38px;height:38px;border-radius:50%;background:#e9eef6;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.msgs b{font-size:14px}
.msgs small{display:block;color:var(--muted);font-size:13px}
.msgs .ago{margin-left:auto;font-size:11.5px;color:var(--muted);white-space:nowrap}
.banner{background:linear-gradient(180deg,#0d2440,#123156);border-radius:14px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1fr;align-items:center}
.blogo{padding:22px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}
.blogo .crown{color:var(--gold);font-size:15px;display:block}
.blogo b{font-family:"Playfair Display",serif;font-size:23px;display:block}
.blogo small{font-size:9.5px;letter-spacing:.12em;color:#a9bcd2}
.bmid{padding:22px;text-align:center}
.bmid .script{font-size:27px;display:block;line-height:1.2}
.bmid .gold{color:var(--gold-2)}
.bmid p{color:#b9c9dc;font-size:13.5px;margin:10px 0 0}
.bimg{min-height:150px}
.bimg img{width:100%;height:100%;object-fit:cover}
.afoot{text-align:center;font-size:12.5px;color:var(--muted);margin:4px 0 0}
@media(min-width:1000px){
  body.admin{grid-template-columns:250px 1fr}
  .side{position:sticky;top:0;height:100vh;overflow-y:auto}
  .mk{display:block}
  .welcome{grid-template-columns:1.2fr 1fr auto;align-items:center}
  .two{grid-template-columns:1fr 1fr}
  .banner{grid-template-columns:1fr 1.1fr 1.2fr}
  .blogo{border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}
  .bimg{min-height:190px}
}
/* ---- admin mobile hardening ---- */
body.admin>*{min-width:0}
.amain,.apad,.apad>*,.two,.two>*,.panel,.panel>*,.stats,.stat,.welcome,.welcome>*,
.tops,.tp,.lowlist,.lowlist li,.msgs,.msgs li,.banner,.banner>*,.chart,.legend{min-width:0}
.amain{overflow-x:hidden}
.welcome h1{font-size:clamp(26px,7vw,34px)}
.big{font-size:clamp(22px,6vw,28px);overflow-wrap:anywhere}
.msgs small,.lowlist b{overflow-wrap:anywhere}
@media(max-width:999px){
  .side{padding:14px 12px 18px}
  .anav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
  .anav a{white-space:nowrap;padding:10px 14px}
  .sidescript,.sidepoints,.viewstore{display:none}
  .atop{padding:10px 14px}
  .apad{padding:16px 14px 26px}
}