/* DLG V5 CMS professional high-contrast technology UI */
.cms{
  --cms-bg:#07111a;--cms-bg2:#0a1823;--cms-panel:#0c1d29;--cms-panel2:#102635;
  --cms-line:#3d7187;--cms-line2:#5798b2;--cms-cyan:#55dcf7;--cms-gold:#ffd56e;
  --cms-text:#f3fbff;--cms-muted:#a9c2ce;--cms-green:#68efb1;--cms-red:#ff9ca3;
  background:
    radial-gradient(circle at 85% -5%,rgba(39,168,215,.13),transparent 31%),
    radial-gradient(circle at 18% 100%,rgba(255,190,69,.07),transparent 28%),
    linear-gradient(145deg,#061019,#081622 52%,#061019);
  color:var(--cms-text);font-size:16px;grid-template-columns:260px 1fr
}
.cms *{scrollbar-color:#396b80 #07121b;scrollbar-width:thin}
.cms ::-webkit-scrollbar{width:10px;height:10px}.cms ::-webkit-scrollbar-track{background:#07121b}.cms ::-webkit-scrollbar-thumb{background:linear-gradient(#3e7b94,#295569);border:2px solid #07121b;border-radius:10px}
.cms-sidebar{background:linear-gradient(180deg,#0a1722 0%,#07131d 58%,#061019 100%);border-right:1px solid #41758b;box-shadow:14px 0 36px rgba(0,0,0,.22)}
.cms-logo{height:86px;border-bottom:1px solid #38667a;background:linear-gradient(90deg,rgba(65,201,234,.07),transparent)}
.cms-logo img{width:48px;height:48px;filter:drop-shadow(0 0 8px rgba(255,199,80,.26))}.cms-logo b{font-size:17px;color:#f7fdff}.cms-logo small{font-size:11px;color:#64d9f0;letter-spacing:1.5px}
.cms-sidebar nav{padding:14px 10px;gap:5px}.cms-sidebar nav button{min-height:49px;height:auto;border:1px solid transparent;border-radius:10px;color:#a9bec9;font-size:14px;padding:0 13px;transition:.18s ease}
.cms-sidebar nav button i{font-size:18px;color:#76a9ba}.cms-sidebar nav button:hover{background:linear-gradient(90deg,#102637,#0c1c29);border-color:#3e7186;color:#fff;transform:translateX(2px)}
.cms-sidebar nav button.active{background:linear-gradient(90deg,rgba(74,215,245,.19),rgba(255,205,90,.08));border-color:#50a6c2;color:#fff5c8;box-shadow:inset 3px 0 #56dcf7,0 0 15px rgba(52,190,225,.08)}
.cms-sidebar nav button.active i{color:#ffd56d;text-shadow:0 0 10px rgba(255,205,90,.35)}
.cms-side-bottom{border-top:1px solid #38667a;background:#07131d}.cms-side-bottom a,.cms-side-bottom button{font-size:13px;color:#9fb8c4}.cms-side-bottom a:hover,.cms-side-bottom button:hover{color:#fff3bd}
.cms-top{height:88px;padding:0 30px;background:rgba(6,17,26,.94);border-bottom:1px solid #477d93;box-shadow:0 10px 28px rgba(0,0,0,.19),inset 0 -1px rgba(90,223,250,.06)}
.cms-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#57dff9 20%,#ffd465 48%,#57dff9 76%,transparent);opacity:.38;pointer-events:none}
.cms-top small{font-size:11px;letter-spacing:1.1px;color:#63d9f0}.cms-top h2{font-size:26px;letter-spacing:.3px;color:#f7fdff}
.cms-actions{gap:10px}.cms-actions button,.sync-actions button,.tech-btn,.add-btn,.upload-btn{min-height:42px;border-radius:9px!important;font-size:14px!important;font-weight:900!important;letter-spacing:.2px;transition:.16s ease;box-shadow:0 5px 12px rgba(0,0,0,.16)}
.cms-actions .outline,.sync-actions .outline,.tech-btn{border:1px solid #4d839a!important;background:linear-gradient(180deg,#142b3a,#0b1d29)!important;color:#dff8ff!important}.cms-actions .outline:hover,.sync-actions .outline:hover,.tech-btn:hover{border-color:#73e6fb!important;background:linear-gradient(180deg,#173546,#0d2634)!important;box-shadow:0 0 0 1px rgba(91,225,250,.12),0 7px 18px rgba(0,0,0,.22)!important;transform:translateY(-1px)}
.save-btn,.sync-main-btn{border:1px solid #ffe28e!important;background:linear-gradient(180deg,#ffe790 0%,#ffc84d 55%,#e7a72f 100%)!important;color:#281c09!important;text-shadow:0 1px rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.72),0 6px 16px rgba(226,164,43,.24)!important}.save-btn:hover,.sync-main-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.cms button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important;filter:none!important}.cms button:focus-visible,.cms input:focus-visible,.cms textarea:focus-visible{outline:2px solid #64e5fb;outline-offset:2px}
.save-state{font-size:12px;color:#72eab0;padding:7px 10px;border:1px solid rgba(76,210,153,.33);background:rgba(45,179,125,.08);border-radius:999px}.save-state.dirty{color:#ffd46d;border-color:rgba(255,202,77,.38);background:rgba(255,188,47,.08)}
.cms-content{padding:30px 34px 62px;max-width:1640px}.cms-card{position:relative;background:linear-gradient(145deg,rgba(13,31,43,.98),rgba(8,23,34,.98));border:1px solid #3a7087;border-radius:15px;padding:26px;margin-bottom:20px;box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 35px rgba(0,0,0,.2)}
.cms-card:before{content:"";position:absolute;left:18px;top:-1px;width:78px;height:2px;background:linear-gradient(90deg,#59e0f8,#ffd65f);box-shadow:0 0 12px rgba(81,218,245,.45)}
.cms-card:after{content:"";position:absolute;right:12px;bottom:12px;width:22px;height:22px;border-right:2px solid rgba(85,222,248,.55);border-bottom:2px solid rgba(85,222,248,.55);pointer-events:none}
.card-head{margin-bottom:22px}.card-head>div>span{font-size:11px!important;letter-spacing:2.5px;color:#62ddf6!important}.card-head h3{font-size:23px!important;color:#f5fcff}.card-head p{font-size:14px!important;color:#a4beca!important;line-height:1.7;max-width:960px}
.metric,.health-grid div,.quick-links button,.provider-editor article,.promo-editor article,.news-editor article,.list-row,.faq-edit,.media-grid article,.backup-list>div,.service-editor article{border-color:#345f73!important;background:linear-gradient(145deg,#0a1a26,#0c202d)!important}.metric:hover,.quick-links button:hover{border-color:#58b6d2!important}
.metric span,.metric small,.module-checks span{font-size:13px!important;color:#9eb7c3!important}.metric strong{font-size:31px!important;color:#fff}.metric>i{border:1px solid #3f6f84;background:linear-gradient(145deg,#122c3b,#0b1d29);color:#ffd36a;box-shadow:inset 0 0 16px rgba(73,203,234,.04)}
.form-grid{gap:16px}.field>span,.image-field>span{font-size:14px!important;color:#b8ccd6!important;margin-bottom:7px}.field input,.field textarea,.image-input-row>input{min-height:46px;border:1px solid #3b6b80!important;background:#071722!important;color:#f5fbff!important;border-radius:8px!important;padding:11px 13px!important;font-size:15px!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.field textarea{line-height:1.6}.field input:hover,.field textarea:hover,.image-input-row>input:hover{border-color:#4a8198!important}.field input:focus,.field textarea:focus,.image-input-row>input:focus{border-color:#60dff7!important;box-shadow:0 0 0 2px rgba(85,220,247,.11),inset 0 1px 4px rgba(0,0,0,.2)!important}
.switch-line{font-size:14px!important;color:#c1d3dc!important}.switch-line i{width:38px!important;height:21px!important;background:#2c4d5d!important;border:1px solid #426e80}.switch-line i:after{width:13px!important;height:13px!important;top:3px!important;background:#9bb4bf!important}.switch-line input:checked+i{background:linear-gradient(90deg,#1f8caa,#36c7e5)!important;border-color:#5fe4fb;box-shadow:0 0 12px rgba(70,211,238,.23)}.switch-line input:checked+i:after{left:20px!important;background:#eafdff!important}
.upload-btn,.add-btn{border:1px solid #5e8090!important;background:linear-gradient(180deg,#173142,#0d2330)!important;color:#e8faff!important}.upload-btn:hover,.add-btn:hover{border-color:#68dff6!important;background:linear-gradient(180deg,#1a3a4d,#102b3a)!important}
.icon-btn{border-color:#456c7d!important;background:#0c202c!important;color:#d0e5ed!important}.icon-btn:hover{border-color:#ffd66a!important;color:#ffe9aa!important}.icon-btn.danger{color:#ffadb2!important;border-color:#704b55!important}
.img-preview,.cat-preview,.provider-mini,.promo-edit-img,.edit-image,.provider-main-preview,.provider-logo-preview,.game-admin-img{border-color:#3b6476!important;background:#06131d!important}
.sub-head{border-top:1px solid #3b6578!important}.provider-tools{border-top:1px solid #345d70!important}.provider-admin-list button{border:1px solid #355f72!important;background:#091a25!important;color:#bed1da!important}.provider-admin-list button:hover{border-color:#4f91aa!important}.provider-admin-list button.active{border-color:#ffcf59!important;background:linear-gradient(135deg,#143446,#392f18)!important;box-shadow:inset 3px 0 #ffce54,0 0 14px rgba(255,194,48,.08)}
.admin-cat-tabs button{border:1px solid #3b6a7e!important;background:#091b27!important;color:#b9ced8!important}.admin-cat-tabs button.active{border-color:#62dff7!important;background:linear-gradient(180deg,#174154,#0e2a39)!important;color:#fff!important;box-shadow:0 0 12px rgba(80,209,237,.12)}
.empty-state{border:1px dashed #426f82!important;color:#8eacba!important;background:#081824!important}
.status-pill{font-size:11px!important;padding:7px 11px!important;border:1px solid #476a78;background:#0b1c27;color:#b6ccd6}.status-pill.good{color:#79efb8!important;border-color:#2f8d68!important;background:rgba(48,167,116,.1)!important}
.status-pill.bad{color:#ff9ca3!important;border-color:#8b4650!important;background:rgba(210,65,78,.09)!important}
.sync-hero{background:radial-gradient(circle at 88% 10%,rgba(63,213,245,.15),transparent 32%),linear-gradient(145deg,#0d2533,#081923)!important}.sync-status-cards{gap:14px!important}.sync-status-cards article{min-height:104px!important;border:1px solid #44778d!important;background:linear-gradient(145deg,#0a1c28,#0e2634)!important;border-radius:11px!important}.sync-status-cards article.connection-card.good{border-color:#3e8c6b!important;box-shadow:inset 0 0 20px rgba(49,188,127,.05)}.sync-status-cards article.connection-card.bad{border-color:#8e4d55!important;box-shadow:inset 0 0 20px rgba(225,75,87,.05)}.sync-status-cards span{font-size:12px!important;color:#8fb4c4!important}.sync-status-cards b{font-size:16px!important;color:#f4fcff!important}
.sync-progress{margin-top:18px;padding:13px 15px;border:1px solid #3d7187;border-radius:10px;background:#071722}.sync-progress>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.sync-progress span{font-size:13px;color:#b5cfda}.sync-progress b{font-size:13px;color:#ffe083}.sync-progress>i{display:block;height:9px;border:1px solid #315c70;background:#041018;border-radius:999px;overflow:hidden}.sync-progress>i>u{display:block;height:100%;background:linear-gradient(90deg,#45cbe8,#72edfa,#ffd258);box-shadow:0 0 14px rgba(78,216,241,.45);transition:width .25s ease;text-decoration:none}
.diagnostic-card{background:linear-gradient(145deg,#0b202d,#091923)!important}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.diagnostic-grid article{padding:16px;border:1px solid #3d7086;border-radius:10px;background:#071823;min-width:0}.diagnostic-grid span{display:block;color:#74dff5;font-size:11px;letter-spacing:1px}.diagnostic-grid b{display:block;margin-top:5px;font-size:16px;color:#f2fbff}.diagnostic-grid small{display:block;margin-top:5px;font-size:11px;color:#90abba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagnostic-error{margin-top:14px;padding:14px 16px;border:1px solid #8b4952;background:rgba(157,47,60,.09);border-radius:9px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px}.diagnostic-error b{font-size:12px;color:#ffb2b7}.diagnostic-error code{font-size:12px;color:#ffd2d5;word-break:break-word}.diagnostic-error span{grid-column:1/-1;color:#c6aeb1;font-size:12px;line-height:1.6}
.sync-page-list{gap:9px!important}.sync-page-row{border:1px solid #3c6b7f!important;background:#081925!important;border-radius:10px!important;padding:13px 15px!important;transition:.16s}.sync-page-row:hover{border-color:#5595af!important;background:#0a1e2b!important}.sync-page-row.row-ok{border-left:3px solid #55dca3!important}.sync-page-row.row-bad{border-left:3px solid #ff858f!important}.sync-page-row>label{grid-template-columns:23px 130px 1fr!important}.sync-page-row input{width:18px!important;height:18px!important;accent-color:#57dff8}.sync-page-row label span{font-size:14px!important;color:#f0f8fb}.sync-page-row label small{font-size:12px!important;color:#99b3bf!important}.sync-page-result{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.sync-page-result>span{font-size:12px!important;color:#a9c0ca!important}.sync-page-result>em{font-style:normal;font-size:10px;color:#71d9ef;border:1px solid #365f71;background:#06151f;padding:4px 7px;border-radius:999px}.sync-page-result>small{max-width:300px;color:#ffafb5!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-ok,.sync-bad,.sync-idle{font-size:11px!important;padding:5px 9px!important}
.sync-option{border:1px solid #3b6d81!important;background:#081925!important;border-radius:9px!important}.sync-note{border:1px dashed #47798e!important;background:#071722!important}.sync-note b{font-size:13px!important;color:#6fe0f6!important}.sync-note code{border:1px solid #4e6570!important;background:#030d13!important;color:#ffe187!important;font-size:12px!important}.sync-note span{font-size:12px!important;color:#a3bdc8!important}
.asset-columns>div{border:1px solid #3e6d81!important;background:#071722!important}.asset-columns h4{color:#72e1f7!important;font-size:13px!important}.asset-columns code{border:1px solid #345d6f!important;background:#041018!important;color:#c9e0e8!important}
.toast{font-size:14px!important;border:1px solid #4b7b8e!important;box-shadow:0 16px 36px rgba(0,0,0,.35)!important}.toast.ok{background:#0b2d25!important;color:#aaf5d2!important;border-color:#3d8c6d!important}.toast.bad{background:#35171d!important;color:#ffc3c7!important;border-color:#914c56!important}
@media(max-width:1180px){.cms{grid-template-columns:230px 1fr}.cms-content{padding:24px}.diagnostic-grid{grid-template-columns:1fr 1fr}.sync-page-result{flex-wrap:wrap}}
@media(max-width:820px){.cms{display:block}.cms-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #477b91}.cms-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);max-height:none}.cms-side-bottom{display:flex}.cms-top{position:relative;height:auto;min-height:90px;padding:15px 18px;gap:12px;align-items:flex-start}.cms-actions{flex-wrap:wrap;justify-content:flex-end}.cms-content{padding:18px}.diagnostic-grid{grid-template-columns:1fr}.sync-page-row{display:block!important}.sync-page-result{justify-content:flex-start;margin:10px 0 0 31px}.sync-page-row>label{grid-template-columns:23px 100px 1fr!important}}
@media(max-width:560px){.cms-sidebar nav{grid-template-columns:1fr}.cms-top{display:block}.cms-actions{margin-top:12px;justify-content:flex-start}.cms-card{padding:18px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.sync-actions{width:100%;margin-top:10px}.sync-actions button{flex:1}.diagnostic-error{grid-template-columns:1fr}.cms-top h2{font-size:22px}}