*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#0d1730;color:#e8ecf7;min-height:100vh}
a{color:#e8cd6d}
.topbar{background:#0a1c40;border-bottom:2px solid #c9a227;padding:14px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:sticky;top:0;z-index:20}
.topbar .brand{font-size:19px;font-weight:700;color:#fff;text-decoration:none}
.topbar .brand b{color:#e8cd6d}
.topbar nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.topbar nav a{color:#dfe6f7;text-decoration:none;padding:8px 14px;border-radius:20px;font-size:14px}
.topbar nav a:hover,.topbar nav a.on{background:#c9a227;color:#131a2e;font-weight:600}
.wrap{max-width:1060px;margin:0 auto;padding:28px 18px 60px}
h1{font-size:26px;margin-bottom:6px}
.sub{color:#9fb0d8;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}
.card{background:#14264f;border:1px solid #2a3f74;border-radius:14px;padding:20px}
.card b{display:block;font-size:32px;color:#e8cd6d}
.card span{color:#9fb0d8;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.panel{background:#14264f;border:1px solid #2a3f74;border-radius:14px;padding:22px;margin-bottom:22px}
.panel h2{font-size:19px;margin-bottom:14px;color:#fff}
label{display:block;font-size:13.5px;color:#c6d2ef;margin:12px 0 5px}
input[type=text],input[type=password],input[type=date],input[type=url],textarea,select{
  width:100%;padding:11px 13px;border-radius:10px;border:1px solid #33477a;background:#0d1730;color:#fff;font-size:15px;font-family:inherit}
textarea{min-height:74px;resize:vertical}
input[type=file]{color:#c6d2ef;padding:8px 0}
.btn{display:inline-block;background:linear-gradient(135deg,#c9a227,#a9831c);color:#fff;border:none;padding:11px 22px;border-radius:26px;font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.1)}
.btn.small{padding:7px 14px;font-size:13px}
.btn.grey{background:#33477a}
.btn.red{background:#8e2438}
.btn.ghosty{background:transparent;border:1px solid #c9a227;color:#e8cd6d}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:10px 8px;border-bottom:1px solid #2a3f74;text-align:left;vertical-align:middle}
th{color:#9fb0d8;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
.thumb{width:74px;height:52px;object-fit:cover;border-radius:8px}
.msg{background:rgba(30,140,70,.2);border:1px solid #58c184;color:#d2ffe2;padding:11px 14px;border-radius:10px;margin-bottom:18px}
.err{background:rgba(160,30,50,.22);border:1px solid #e86d6d;color:#ffd7d7;padding:11px 14px;border-radius:10px;margin-bottom:18px}
.warn{background:rgba(201,162,39,.15);border:1px solid #c9a227;color:#ffe9a8;padding:11px 14px;border-radius:10px;margin-bottom:18px}
.grid-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.mitem{background:#0d1730;border:1px solid #2a3f74;border-radius:12px;overflow:hidden}
.mitem img,.mitem video{width:100%;height:130px;object-fit:cover;background:#000}
.mitem .mi{padding:10px 12px}
.mitem .mi input{margin-bottom:8px}
.mitem .row{display:flex;gap:6px;flex-wrap:wrap}
.mitem .typ{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#9fb0d8}
.flex{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mt{margin-top:14px}.small-note{font-size:13px;color:#9fb0d8;line-height:1.55}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{background:#14264f;border:1px solid #c9a227;border-radius:18px;padding:36px 32px;width:100%;max-width:400px}
.login-card h1{font-size:23px;text-align:center}
.login-card .sub{text-align:center}