/* DLG V3 - larger, clearer, sci-fi 3D CMS */
.cms-login,.cms{font-family:"Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif}
.cms-login{background:#060b12;color:#edf8ff}.cms-login:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(44,219,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(44,219,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.login-gridfx{position:absolute;inset:auto 0 0;height:52%;background:radial-gradient(ellipse at bottom,rgba(0,202,255,.12),transparent 62%)}.login-card{width:min(500px,calc(100% - 28px));padding:38px 42px;border:1px solid #2bd5ff;border-radius:20px;background:linear-gradient(145deg,rgba(13,24,36,.97),rgba(5,10,17,.97));box-shadow:0 0 0 1px rgba(255,191,68,.2),0 0 35px rgba(24,197,243,.13),0 30px 80px rgba(0,0,0,.52);clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));gap:19px}.login-card:before{content:"";position:absolute;left:22px;top:0;width:90px;height:3px;background:#ffc955;box-shadow:0 0 14px #ffc955}.login-badge{position:absolute;right:28px;top:22px;color:#51dfff;font-size:10px;letter-spacing:2px}.login-card>img{height:70px}.login-card>div span{font-size:11px;color:#50ddff}.login-card h1{font-size:32px;letter-spacing:1px}.login-card p{font-size:14px;color:#9bb2c4}.login-card label{font-size:14px;color:#d6e6f0}.login-card input{font-size:15px;padding:14px 15px;border:1px solid #294151;background:#07111b}.login-card input:focus{border-color:#40dafe;box-shadow:0 0 0 3px rgba(64,218,254,.08)}.login-card>button{font-size:15px;padding:14px;background:linear-gradient(135deg,#ffe68a,#ffb630);box-shadow:0 0 18px rgba(255,191,53,.13)}.login-card>a{font-size:13px}
.cms{grid-template-columns:275px 1fr;background:#071019;color:#eaf7ff;min-height:100vh}.cms-sidebar{background:linear-gradient(180deg,#0b1622,#071019);border-right:1px solid #234257;box-shadow:10px 0 30px rgba(0,0,0,.18)}.cms-logo{height:92px;padding:0 22px;border-bottom:1px solid #203b4d;background:linear-gradient(90deg,rgba(45,218,255,.06),transparent)}.cms-logo img{width:52px;height:52px}.cms-logo b{font-size:17px}.cms-logo small{font-size:10px;color:#64cee8;letter-spacing:1px}.cms-sidebar nav{padding:14px 11px;gap:5px}.cms-sidebar nav button{height:48px;border-radius:6px;color:#9fb2c0;font-size:14px;padding:0 14px;border:1px solid transparent;position:relative;overflow:hidden}.cms-sidebar nav button:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#45dafd;transform:scaleY(0);transition:.2s}.cms-sidebar nav button i{width:26px;color:#6f91a6;font-size:16px}.cms-sidebar nav button:hover{background:#102030;border-color:#24485d;color:#fff}.cms-sidebar nav button.active{background:linear-gradient(90deg,rgba(48,213,255,.15),rgba(255,194,66,.04));border-color:#2d647b;color:#f6fbff;box-shadow:inset 0 0 24px rgba(38,200,239,.05)}.cms-sidebar nav button.active:before{transform:scaleY(1);box-shadow:0 0 12px #45dafd}.cms-sidebar nav button.active i{color:#ffcb50}.cms-side-bottom{border-top:1px solid #203b4d;padding:14px}.cms-side-bottom a,.cms-side-bottom button{font-size:13px;color:#8eacbd}
.cms-top{height:92px;background:rgba(8,18,28,.93);border-bottom:1px solid #234458;padding:0 30px;box-shadow:0 9px 24px rgba(0,0,0,.14)}.cms-top small{font-size:10px;color:#55cfe9;letter-spacing:1.2px}.cms-top h2{font-size:24px;letter-spacing:.4px}.cms-actions{gap:10px}.cms-actions button{font-size:13px;padding:10px 16px;border-radius:7px}.cms-actions .outline{background:#0d1c28;border:1px solid #31576b;color:#cce7f5}.save-btn{background:linear-gradient(135deg,#ffe988,#f2af28);box-shadow:0 0 15px rgba(255,191,54,.1)}.save-state{font-size:12px;color:#6fe8b3}.save-state.dirty{color:#ffcf61}.cms-content{padding:28px 30px 50px;max-width:1700px}.cms-card{background:linear-gradient(145deg,#0d1a26,#09141e);border:1px solid #28475a;border-radius:12px;padding:24px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 26px rgba(0,0,0,.12);position:relative}.cms-card:before{content:"";position:absolute;left:18px;top:-1px;width:76px;height:2px;background:#46dcff;box-shadow:0 0 10px rgba(70,220,255,.65)}.card-head{margin-bottom:22px}.card-head>div>span{font-size:10px;letter-spacing:2.5px;color:#57daf5}.card-head h3{font-size:21px;margin-top:4px}.card-head p{font-size:13px;color:#8eacbd}.metric{padding:22px;background:linear-gradient(145deg,#0e1d2a,#091620);border:1px solid #294b60;border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.metric>i{width:52px;height:52px;border-radius:8px;background:linear-gradient(145deg,rgba(49,218,255,.14),rgba(255,191,58,.06));border:1px solid #31576d;color:#ffcb50;font-size:22px}.metric span,.metric small{font-size:12px;color:#8ea6b7}.metric strong{font-size:28px}.status-pill{font-size:11px}.health-grid div{background:#07131d;border:1px solid #254253;padding:15px}.health-grid span{font-size:11px;color:#7fa2b5}.health-grid b{font-size:13px}.quick-links button{background:#081620;border:1px solid #2b5064;color:#c7deea;font-size:13px;padding:12px 13px}.quick-links button:hover{border-color:#44d9fb;color:#fff;box-shadow:inset 0 0 16px rgba(61,215,250,.06)}.module-checks span{font-size:12px;color:#bad1dc;background:#07131d;border:1px solid #284859;padding:7px 11px}.form-grid{gap:16px}.field>span,.image-field>span{font-size:13px;color:#aac2cf;margin-bottom:7px}.field input,.field textarea,.image-input-row>input{font-size:14px;border:1px solid #315064;background:#07131c;color:#f4fbff;border-radius:7px;padding:12px 13px}.field input:focus,.field textarea:focus,.image-input-row>input:focus{border-color:#43dcff;box-shadow:0 0 0 3px rgba(67,220,255,.07)}.upload-btn,.add-btn{font-size:13px;border:1px solid #3dcbe9;background:linear-gradient(180deg,rgba(41,203,236,.12),rgba(41,203,236,.05));color:#c9f6ff;padding:9px 13px;border-radius:7px}.upload-btn:hover,.add-btn:hover{background:rgba(50,216,248,.17);box-shadow:0 0 14px rgba(50,216,248,.08)}.img-preview{height:125px;background:#050d13;border:1px solid #263f50}.switch-line{font-size:13px;color:#bbd0da}.switch-line i{width:40px;height:22px;background:#304552}.switch-line i:after{width:16px;height:16px}.switch-line input:checked+i{background:#13677e;box-shadow:0 0 12px rgba(58,214,248,.16)}.switch-line input:checked+i:after{left:21px;background:#5be4ff}.list-row{background:#08151f;border:1px solid #29495c;padding:13px;gap:11px}.list-row .field>span{font-size:11px}.nav-row{grid-template-columns:36px 1fr 1.3fr auto auto auto auto}.row-tools{min-height:38px}.icon-btn{width:32px;height:32px;font-size:14px;background:#0c1a26;border:1px solid #355366;color:#b8d3df}.icon-btn:hover{border-color:#4edfff}.edit-banner{background:#08151f;border:1px solid #29495c}.edit-image{background:#040b10}.category-edit-top{grid-template-columns:380px 1fr}.cat-preview{background:radial-gradient(circle,rgba(58,210,248,.08),transparent 55%),#061019;border-color:#2d4c5f}.sub-head{border-color:#274354}.sub-head b{font-size:15px}.sub-head span{font-size:12px;color:#81a1b2}.provider-editor article{background:#07131c;border-color:#264457}.provider-mini{background:#040c12;border-color:#243d4d}.promo-editor article,.news-editor article{background:#07131c;border-color:#294859}.faq-edit{background:#07131c;border-color:#294859}.theme-editor>label{font-size:13px;color:#aac2cf}.theme-editor input:not([type=color]){background:#07131c;border-color:#315064}.theme-preview{background:linear-gradient(145deg,#0e1e2b,#08141d)!important;border-color:#31566b!important;color:#eefaff!important}.theme-preview>span{color:#55dcf7}.theme-preview p{color:#9db7c4}.theme-preview button{background:linear-gradient(#ffe87d,#f0ac26);font-weight:900}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.effect-grid .switch-line{min-height:60px;padding:0 16px;background:#07141d;border:1px solid #28485b;border-radius:9px}.effect-demo{margin-top:22px;min-height:180px;border:1px solid #2c5368;border-radius:12px;background:radial-gradient(circle at 15% 20%,rgba(53,213,250,.14),transparent 30%),linear-gradient(135deg,#081722,#0b1e2c);position:relative;overflow:hidden;padding:34px}.effect-demo:before,.effect-demo:after{content:"";position:absolute;width:70px;height:70px;border-color:#44d9fb}.effect-demo:before{left:10px;top:10px;border-left:2px solid;border-top:2px solid}.effect-demo:after{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.effect-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#4ee3ff,transparent);animation:cmsScan 3s linear infinite}.effect-demo span{font-size:10px;letter-spacing:3px;color:#56dcf7}.effect-demo h3{font-size:24px;margin:8px 0}.effect-demo p{color:#99b5c3}@keyframes cmsScan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.admin-cat-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.admin-cat-tabs button{border:1px solid #315267;background:#07141e;color:#a9c3cf;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:800}.admin-cat-tabs button.active{color:#09131b;background:linear-gradient(#ffe883,#efad2c);border-color:#ffe37a;box-shadow:0 0 15px rgba(255,190,51,.11)}.provider-manager{display:grid;grid-template-columns:245px 1fr;gap:18px}.provider-admin-list{display:flex;flex-direction:column;gap:6px;max-height:780px;overflow:auto;padding-right:5px}.provider-admin-list button{display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left;gap:8px;min-height:58px;border:1px solid #294859;background:#07141d;color:#bcd4df;border-radius:8px;padding:7px}.provider-admin-list button.active{background:linear-gradient(90deg,rgba(47,211,247,.16),rgba(255,191,48,.06));border-color:#48d8f8;box-shadow:inset 3px 0 #ffca4d}.provider-admin-list img{width:45px;height:35px;object-fit:contain}.provider-admin-list b{display:block;font-size:13px}.provider-admin-list small{display:block;color:#7597a9;font-size:10px}.provider-detail{min-width:0}.provider-detail-hero{display:grid;grid-template-columns:260px 170px;gap:14px;min-height:210px}.provider-main-preview,.provider-logo-preview{border:1px solid #28485a;background:radial-gradient(circle,rgba(61,213,246,.08),transparent 60%),#051019;border-radius:10px;display:flex;align-items:end;justify-content:center;overflow:hidden}.provider-main-preview img{max-height:205px;max-width:100%;object-fit:contain}.provider-logo-preview{align-items:center}.provider-logo-preview img{max-width:100px;max-height:80px;object-fit:contain}.provider-detail-tools{justify-content:flex-end;margin:12px 0;padding:9px;border:1px solid #284758;background:#07131d;border-radius:8px}.game-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-admin-grid article{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid #29495d;background:#07141e;border-radius:10px;padding:11px}.game-admin-img{height:150px;background:#040c12;border:1px solid #253f50;border-radius:8px;overflow:hidden}.game-admin-img img{width:100%;height:100%;object-fit:cover}.game-admin-fields .img-preview{height:70px}.media-grid article{background:#07141d;border-color:#29495d}.media-grid b{font-size:11px}.media-grid small{font-size:10px}.media-grid button{font-size:10px;background:#0b1b27;border-color:#315267}.backup-list>div{background:#07141d;border-color:#29495d}.backup-list b{font-size:13px}.backup-list small{font-size:10px}.backup-list button{font-size:11px;background:#0b1b27;border-color:#315267}
@media(max-width:1250px){.cms{grid-template-columns:245px 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.provider-manager{grid-template-columns:205px 1fr}.provider-detail-hero{grid-template-columns:220px 140px}.game-admin-grid{grid-template-columns:1fr}.category-edit-top{grid-template-columns:300px 1fr}.effect-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.cms{display:block}.cms-sidebar{position:relative;width:100%;height:auto}.cms-logo{height:72px}.cms-sidebar nav{display:flex;flex-direction:row;overflow-x:auto;padding:8px}.cms-sidebar nav button{min-width:150px}.cms-side-bottom{display:none}.cms-top{top:0;height:auto;min-height:84px;padding:12px 16px}.cms-actions{flex-wrap:wrap;justify-content:flex-end}.cms-content{padding:16px}.cms-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:1}.metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:1}.provider-manager{grid-template-columns:1fr}.provider-admin-list{flex-direction:row;overflow-x:auto;max-height:none}.provider-admin-list button{min-width:185px}.category-edit-top{grid-template-columns:1fr}.cat-preview{min-height:220px}.provider-detail-hero{grid-template-columns:1fr 1fr}.effect-grid{grid-template-columns:1fr 1fr}.nav-row{grid-template-columns:36px 1fr;align-items:start}.nav-row>*{min-width:0}}
@media(max-width:600px){.cms-top{align-items:flex-start;gap:8px}.cms-top h2{font-size:19px}.cms-actions .save-state{width:100%;text-align:right}.cms-actions button{font-size:11px;padding:8px 10px}.metrics{grid-template-columns:1fr}.cms-card{padding:17px}.card-head h3{font-size:18px}.provider-detail-hero{grid-template-columns:1fr}.provider-logo-preview{min-height:120px}.game-admin-grid article{grid-template-columns:1fr}.game-admin-img{height:210px}.effect-grid{grid-template-columns:1fr}.theme-editor{grid-template-columns:1fr}.service-editor{grid-template-columns:1fr}.provider-editor{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}