
:root{--bg:#090b10;--panel:#11151d;--line:#242a35;--text:#f5f7fb;--muted:#9aa4b4;--red:#ef263e;--blue:#2688ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#161b25 0,#090b10 48%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}
button,a,.upload-button{font:inherit}.center-card{width:min(480px,calc(100% - 32px));margin:10vh auto;background:rgba(17,21,29,.96);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand b{color:var(--red)}.brand span{display:block;font-size:11px;letter-spacing:3px;color:var(--muted);margin-top:4px}
h1{font-size:28px;margin:28px 0 10px}.center-card p{color:var(--muted);line-height:1.55}.center-card input{width:100%;padding:15px;border-radius:10px;border:1px solid var(--line);background:#090c12;color:white;margin:14px 0}
button,.upload-button{border:0;border-radius:10px;padding:12px 16px;font-weight:800;background:linear-gradient(135deg,var(--red),#bb152a);color:#fff;cursor:pointer}.center-card button{width:100%}.error{color:#ff7487!important;min-height:20px}
main{width:min(1180px,calc(100% - 32px));margin:auto;padding:30px 0 120px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}header p,.notice,.publish-bar span{color:var(--muted)}.header-actions{display:flex;gap:10px}.header-actions a,.ghost{color:#fff;text-decoration:none;background:#171c25;border:1px solid var(--line);padding:11px 14px;border-radius:9px}.ghost{background:#171c25}
.notice{padding:16px 18px;border:1px solid #293243;background:#101722;border-radius:12px;margin-bottom:20px;line-height:1.5}.notice strong{color:#fff}
.panel{background:rgba(17,21,29,.95);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading span{font-size:11px;letter-spacing:2px;color:var(--red);font-weight:900}.panel-heading h2{margin:4px 0 0}
.gallery-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo-card{border:1px solid var(--line);background:#0b0e14;border-radius:12px;overflow:hidden}.photo-card img{width:100%;height:180px;object-fit:cover;display:block}.photo-fields{padding:12px}.photo-fields input,.update-card input,.update-card textarea{width:100%;background:#080b10;color:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:9px}.row-actions{display:flex;gap:8px}.row-actions button{flex:1;padding:9px;background:#242b38}.row-actions .danger{background:#4c1720}
.updates-editor{display:grid;gap:12px}.update-card{border:1px solid var(--line);border-radius:12px;background:#0b0e14;padding:14px}.update-card textarea{min-height:90px;resize:vertical}.update-top{display:grid;grid-template-columns:180px 1fr;gap:10px}
.publish-bar{position:fixed;left:0;right:0;bottom:0;padding:15px max(16px,calc((100vw - 1180px)/2));background:rgba(7,9,13,.96);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;backdrop-filter:blur(14px)}.publish-bar strong,.publish-bar span{display:block}.publish-bar span{font-size:13px;margin-top:4px}.status-message{text-align:center;color:#9bd5ff;font-weight:700}
@media(max-width:800px){header,.publish-bar{align-items:flex-start;flex-direction:column}.gallery-editor{grid-template-columns:1fr}.update-top{grid-template-columns:1fr}.publish-bar button{width:100%}main{padding-bottom:180px}}

.back-link{display:block;text-align:center;margin-top:16px;color:#aeb7c5;text-decoration:none}
.account-create{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:10px;margin-bottom:16px}
.account-create input,.account-create select{
  background:#080b10;color:#fff;border:1px solid var(--line);border-radius:8px;padding:11px
}
.accounts-list{display:grid;gap:10px}
.account-row{display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b0e14}
.account-name strong,.account-name span{display:block}.account-name span{color:var(--muted);font-size:12px;margin-top:3px}
.role-badge{padding:7px 9px;border-radius:999px;text-align:center;font-size:12px;font-weight:900;background:#202736}
.small-note{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:0}
.staff-locked{opacity:.68}
.staff-note{padding:10px 12px;border-radius:8px;background:#171d28;color:#b8c2d1;font-size:13px;margin-bottom:10px}
@media(max-width:850px){
  .account-create,.account-row{grid-template-columns:1fr}
}

.video-add-box{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b0e14;margin-bottom:14px}
.video-add-box h3{margin:0 0 12px}.video-link-row{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}
.video-add-box input,.video-add-box textarea{
  width:100%;background:#080b10;color:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:10px
}
.video-add-box textarea{min-height:80px;resize:vertical}
.videos-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.video-editor-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b0e14}
.video-editor-preview{aspect-ratio:16/9;background:#05070a}
.video-editor-preview iframe,.video-editor-preview video{width:100%;height:100%;border:0;display:block;object-fit:cover}
.video-editor-fields{padding:13px}.video-editor-fields input,.video-editor-fields textarea{
  width:100%;background:#080b10;color:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:9px
}
.video-editor-fields textarea{min-height:70px;resize:vertical}
@media(max-width:850px){.video-link-row,.videos-editor{grid-template-columns:1fr}}

.photo-card img.missing-media{
  min-height:180px;
  padding:25px;
  object-fit:contain;
  background:#171b23;
  color:#fff;
}
