:root{--ds-nav-width:264px;--ds-blue:#2455d6;--ds-ink:#182b40}.ds-admin{font-family:Arial,sans-serif;background:#f3f5f9;color:var(--ds-ink)}.ds-admin .ds-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--ds-nav-width);height:100dvh;overflow:auto;background:#101f30;padding:26px 18px;display:flex;flex-direction:column;gap:0;color:#dce5ef;scrollbar-width:thin;box-sizing:border-box}.ds-brand-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.ds-sidebar .ds-brand{display:block;margin:0;padding:0}.ds-sidebar .ds-brand img{display:block;width:174px;max-width:100%;height:auto}.ds-sidebar .ds-nav-caption{font-size:10px;font-weight:bold;letter-spacing:2px;color:#7790aa;margin:26px 12px 14px}.ds-sidebar .ds-navigation{display:block;margin:0;padding:0}.ds-sidebar .ds-nav-link{display:block;font:13px/1.4 Arial,sans-serif;text-decoration:none;color:#bfcfdf;padding:11px 13px;border-radius:8px;margin:3px 0;background:transparent;overflow-wrap:anywhere}.ds-sidebar .ds-nav-link:hover{background:#1d344c;color:white}.ds-sidebar .ds-nav-link.is-active{background:#2b4b70;color:white;font-weight:bold}.ds-nav-group{margin:8px 0}.ds-nav-group summary{font:600 13px/1.4 Arial,sans-serif;cursor:pointer;color:#e0e8f1;padding:12px 13px;list-style:none;display:flex;justify-content:space-between;gap:12px;border-radius:7px}.ds-nav-group summary::-webkit-details-marker{display:none}.ds-nav-group summary::after{content:'+';color:#819ab3}.ds-nav-group[open] summary::after{content:'-';color:#d8e5f3}.ds-nav-group summary:hover{background:#1d344c}.ds-nav-children{margin:0 0 12px 12px;padding-left:10px;border-left:1px solid #36506b}.ds-sidebar .ds-nav-children .ds-nav-link{font-size:12px;padding:9px 11px}.ds-sidebar .ds-nav-foot{margin-top:auto;padding:26px 12px 0;display:grid;gap:13px}.ds-nav-foot>a{font:12px/1.5 Arial,sans-serif;color:#b6c9dc;text-decoration:none}.ds-nav-foot>a:hover{text-decoration:underline}.ds-admin-identity{border-top:1px solid #2d455e;padding-top:15px;font:11px/1.6 Arial,sans-serif;color:#8099b2}.ds-admin-identity strong{display:block;color:#dae6f2;font-size:13px}.ds-nav-foot form{margin:0}.ds-nav-foot form button{background:#203b57;color:#dce8f4;border:1px solid #35516e;border-radius:8px;padding:10px 12px;font:600 12px Arial,sans-serif;width:100%;cursor:pointer}.ds-admin main.ds-admin-main{margin-left:var(--ds-nav-width);width:calc(100% - var(--ds-nav-width));max-width:none;min-width:0;padding:32px;box-sizing:border-box}.ds-admin-main>header{position:static;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:transparent;border:0;padding:0;margin:0 0 24px;height:auto}.ds-admin-main>header h1{font:700 29px/1.2 Arial,sans-serif;letter-spacing:-.8px}.ds-admin-main>header .overline,.ds-admin-main>header .eyebrow{font-size:10px;letter-spacing:1.8px;color:#73869c;margin-bottom:10px}.ds-mobilebar,.ds-nav-close{display:none}.ds-nav-scrim{position:fixed;inset:0;z-index:55;background:#08172bbd;border:0;border-radius:0}.ds-admin #panel{padding:0}.ds-admin #notice{margin:0 0 20px}.ds-admin .primary{background:var(--ds-blue);color:white}.ds-admin .header-actions{flex-wrap:wrap;gap:12px}.ds-form-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.ds-form-tabs button{background:#eef2f8;color:#4a6079;border:1px solid #dce3ed;font-size:12px;padding:10px 13px;border-radius:8px}.ds-form-tabs button[aria-selected=true]{background:#2455d6;color:white;border-color:#2455d6}.ds-form-section h3{font-size:17px;color:#1c3b5f;margin:0 0 18px}.ds-form-hint{font-size:12px;line-height:1.7;color:#6e7f94}.ds-form-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.ds-form-tools .secondary{display:inline-block;text-decoration:none;padding:11px 14px;border-radius:8px;font-size:12px}.ds-form-footer{position:sticky;bottom:-28px;background:white;padding:16px 0 0;border-top:1px solid #e4eaf1;margin-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ds-form-footer>div{display:flex;gap:8px;flex-wrap:wrap}.ds-form-footer button{font-size:12px}.ds-form-success{padding:12px 14px;background:#e6f4e9;border-radius:8px;font-size:12px;color:#276d3b}.ds-local-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.ds-local-tabs button{font-size:12px;padding:10px 13px;background:#eaf0f7;color:#3c5877}.ds-local-tabs button.active{background:#2455d6;color:white}.ds-inline-link{color:#2455d6;text-decoration:none;font-size:13px}.ds-context{background:#e9f0fb;border:1px solid #d3e0f4;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:13px;line-height:1.6}.ds-context a{color:#2455d6;margin-left:12px}.ds-nav-close{background:#263f59;color:white;border:0;padding:8px;font-size:11px}.ds-mobilebar>a{text-decoration:none;color:#173047;font-weight:bold;font-size:14px}.ds-mobilebar>a span{font-weight:normal;color:#7b8b9d}.ds-menu-toggle{background:#edf2fa;border:1px solid #d4e0ef;color:#234c7f;font-size:12px;padding:9px 13px;border-radius:8px}[hidden]{display:none!important}@media(max-width:1000px){.ds-admin .ds-mobilebar{display:flex;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #dce5ee;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px}.ds-admin .ds-sidebar{transform:translateX(-100%);transition:transform .18s ease;width:264px;padding:24px 18px}.ds-admin.ds-nav-open .ds-sidebar{transform:translateX(0)}.ds-admin .ds-nav-close{display:block}.ds-admin main.ds-admin-main{margin:0;width:100%;padding:25px}.ds-admin #app{display:block}.ds-admin.ds-nav-open{overflow:hidden}}@media(max-width:600px){.ds-admin main.ds-admin-main{padding:22px 15px}.ds-admin-main>header h1{font-size:25px}.ds-admin .header-actions{width:100%;justify-content:space-between}.ds-form-tabs{gap:6px}.ds-form-tabs button{padding:9px;font-size:11px}.ds-form-footer{bottom:-28px}.ds-admin dialog{padding:20px}.ds-form-footer>div{width:100%}.ds-form-footer button{flex:1}.ds-local-tabs{gap:6px}}

@media(max-width:700px){.ds-admin .table-wrap table{min-width:720px}.ds-admin .table-wrap{overscroll-behavior-x:contain}}
/* Consistent workspace layout across website, partner and game screens. */
.ds-admin{font-size:14px;line-height:1.5}
.ds-admin main.ds-admin-main{padding:32px 36px 56px}
.ds-admin-main>header{margin-bottom:24px;min-height:60px}
.ds-admin-main>header h1{margin:0;font-size:28px;line-height:1.25}
.ds-admin-main h2{font-size:19px;line-height:1.4;letter-spacing:-.3px}
.ds-admin-main h3{line-height:1.4}
.ds-admin-main p{font-size:13px;line-height:1.75}
.ds-admin .card,.ds-admin .settings-card{padding:24px;border:1px solid #dfe6ef;border-radius:12px;margin:0 0 24px;box-shadow:0 2px 4px #182b4003}
.ds-admin .banner{padding:16px 20px;margin-bottom:24px;background:#edf3fc;border-color:#dbe5f5;border-left:3px solid #4773d8}
.ds-admin .banner strong{font-size:14px}.ds-admin .banner p{margin:4px 0 0;font-size:12px}
.ds-admin .section-head{align-items:center;gap:20px;margin-bottom:20px}.ds-admin .section-head h2{margin:0}.ds-admin .section-head p{margin:5px 0 0}
.ds-admin .filters,.ds-admin .toolbar{padding:14px;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:9px;gap:12px;margin-bottom:20px;align-items:center}
.ds-admin .filters input,.ds-admin .toolbar input{max-width:none}.ds-admin .filters select{width:200px}
.ds-admin button,.ds-admin a.secondary{font-size:12px;line-height:1.4;border-radius:7px;padding:10px 14px}
.ds-admin a.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.ds-admin input,.ds-admin select,.ds-admin textarea{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:7px}
.ds-admin input:focus,.ds-admin select:focus,.ds-admin textarea:focus{outline:2px solid #9bb8f1;outline-offset:1px}
.ds-admin label{font-size:12px;line-height:1.6}.ds-admin label small{font-size:11px}
.ds-admin .table-wrap{border:1px solid #e4eaf2;border-radius:9px;overflow:auto}
.ds-admin .table-wrap table{min-width:740px;table-layout:auto}
.ds-admin th{font-size:11px;font-weight:600;letter-spacing:0;background:#f6f8fc;color:#62758b;white-space:nowrap;padding:13px 16px}
.ds-admin td{padding:17px 16px;font-size:13px;line-height:1.6;overflow-wrap:break-word}
.ds-admin td small{font-size:11px;line-height:1.6;max-width:260px}
.ds-admin tbody tr:last-child td{border-bottom:0}.ds-admin tbody tr:hover{background:#fafcff}
.ds-partner-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:185px;max-width:260px}
.ds-partner-actions button,.ds-partner-actions a{padding:8px 10px!important;font-size:11px!important;white-space:nowrap}
.ds-admin .ds-local-tabs,.ds-area-catur .ds-admin-main>.tabs{display:none}
.ds-admin .table-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.ds-admin .table-cards article{background:#fafdff;padding:20px;border:1px solid #dfe7f1;border-radius:10px}
.ds-admin .table-cards h3{font-size:20px}.ds-admin .table-cards .summary{line-height:1.9;font-size:13px}
.ds-admin .steps{margin:12px 0;padding-left:24px;max-width:850px}.ds-admin .steps li{padding:12px 0 12px 8px;font-size:13px;line-height:1.8;border-bottom:1px solid #edf0f5}.ds-admin .steps li:last-child{border-bottom:0}
.ds-report-filters{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:14px;align-items:end;padding:16px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:9px;margin:20px 0 24px}.ds-report-filters label{margin:0}.ds-report-filters input,.ds-report-filters select{margin-top:6px}.ds-report-filters button{min-height:42px}
.ds-admin .field-grid,.ds-admin .fields{gap:0 24px}.ds-admin .settings-card>h2{margin-bottom:8px}.ds-admin .settings-card>p{margin-bottom:24px;font-size:12px}
.ds-admin .stats{gap:16px;margin-bottom:24px}.ds-admin .stats article{margin:0}.ds-admin .stats strong,.ds-admin .stat b{font-size:27px}
.ds-admin dialog{padding:28px;max-height:calc(100dvh - 40px)}.ds-admin dialog h2{font-size:20px;line-height:1.4}.ds-admin .dialog-head{gap:20px}.ds-admin .key-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
@media(max-width:1200px){.ds-report-filters{grid-template-columns:1fr 1fr}.ds-report-filters button{justify-self:start}}
@media(max-width:700px){.ds-admin main.ds-admin-main{padding:22px 16px 40px}.ds-admin .card,.ds-admin .settings-card{padding:18px;margin-bottom:18px}.ds-admin-main>header h1{font-size:24px}.ds-admin .section-head{align-items:flex-start}.ds-admin .filters,.ds-admin .toolbar{align-items:stretch;flex-direction:column}.ds-admin .filters select,.ds-admin .toolbar input,.ds-admin .toolbar select{width:100%;max-width:none}.ds-admin .banner{padding:14px 16px}.ds-report-filters{grid-template-columns:1fr;padding:14px}.ds-report-filters button{width:100%}.ds-admin dialog{padding:20px}.ds-admin .stats{grid-template-columns:1fr}.ds-admin .header-actions{align-items:center;flex-direction:row}.ds-admin .table-wrap:before{content:'Geser tabel untuk melihat kolom lainnya ?';display:block;padding:9px 12px;font-size:11px;color:#6a7e96;background:#f8faff;position:sticky;left:0;width:calc(100% - 24px)}}
