:root{font-family:DM Sans,sans-serif;color:#1b2634;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}button:disabled{opacity:.55;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{width:258px;flex:none;background:#122239;color:#edf3fb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 15px 18px;z-index:20}.sidebar-head{display:flex;align-items:center;gap:11px;padding:0 12px 29px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:#12aeb9;font:800 24px Manrope;box-shadow:0 5px 18px #12aeb955}.sidebar-head strong{display:block;font-size:17px;letter-spacing:.03em}.sidebar-head small{display:block;font-size:9px;letter-spacing:.2em;color:#8ea1b9;font-weight:700}.nav-label{font-size:10px;letter-spacing:.2em;color:#6f849f;padding:0 15px 14px;font-weight:800}.sidebar nav{display:grid;gap:4px;overflow:auto}.sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:transparent;border:0;color:#aebed0;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600;transition:.2s}.sidebar nav button:hover,.sidebar nav button.active{background:#203951;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #19bac1}.sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 10px 0;border-top:1px solid #294058}.avatar{width:34px;height:34px;border-radius:50%;background:#1c9fa9;display:grid;place-items:center;font-weight:800}.sidebar-footer div{flex:1;min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:11px;color:#91a6bc}.sidebar-footer button{background:none;border:0;color:#aebed0;padding:4px}.mobile-close,.menu-button{display:none}.main{flex:1 1 0%;min-width:0}.topbar{height:91px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar h1{font-size:23px;margin:5px 0 0;letter-spacing:-.045em}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#75919d}.topbar-right{font-size:12px;color:#66788d;display:flex;align-items:center;gap:8px}.online-dot{width:7px;height:7px;border-radius:50%;background:#19b392}.content{width:100%;max-width:none;margin:0;padding:30px 24px 60px}.hero{width:100%;background:linear-gradient(115deg,#15354b,#1d7985);border-radius:18px;padding:31px 33px;color:#fff;margin-bottom:22px}.hero .eyebrow{color:#9de2dd}.hero h2{font-size:24px;letter-spacing:-.04em;margin:9px 0}.hero p{color:#d4e9eb;font-size:13px;margin:0}.stats{display:grid;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat,.panel{min-width:0;background:#fff;border:1px solid #e7edf3;border-radius:16px;box-shadow:0 7px 24px #17344d08}.stat{padding:18px;min-height:130px}.stat-icon{width:35px;height:35px;border-radius:10px;background:#e5f7f7;color:#139da9;display:grid;place-items:center;margin-bottom:12px}.stat span{display:block;font-size:11px;color:#728295;font-weight:600}.stat strong{display:block;font-size:22px;margin-top:5px}.panel{width:100%;padding:24px;margin-bottom:20px}.panel.compact{width:100%;max-width:none}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.panel h3,.modal h2{font-size:17px;letter-spacing:-.03em;margin:0 0 5px}.panel-head p{font-size:12px;color:#8290a0;margin:0}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;border:1px solid transparent;padding:10px 15px;font-weight:700;font-size:12px;text-decoration:none;white-space:nowrap}.primary{background:#138d99;color:#fff;box-shadow:0 3px 10px #138d9920}.primary:hover{background:#0e7b85}.secondary{background:#fff;color:#354a5b;border-color:#d9e3eb}.danger{background:#fff0ee;color:#c74436;border-color:#ffd0ca}.full{width:100%}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filters form{display:flex;gap:8px;flex:1;min-width:220px}.filters form input{flex:1}.filters input,.filters select,.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid #dce5ed;border-radius:9px;background:#fff;padding:10px 11px;outline:none;color:#25364a;min-width:0}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#19a4ad;box-shadow:0 0 0 3px #19a4ad16}.filters select{min-width:170px}.table-wrap{width:100%;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a9baa;padding:12px 14px;background:#f7f9fb}.table-wrap td{padding:14px;border-bottom:1px solid #edf1f4;vertical-align:middle;color:#4e6072}.table-wrap td strong{color:#22364a;font-size:12px}.table-wrap td small{display:block;color:#8a98a7;font-size:11px;margin-top:3px}.table-wrap tr:last-child td{border-bottom:0}.table-image{width:56px;height:38px;object-fit:cover;border-radius:7px;background:#edf3f5}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf3f7;color:#62778c;font-size:10px;font-weight:800}.badge.pending{background:#fff4d9;color:#9c750d}.badge.confirmed,.badge.aktif,.badge.credit{background:#ddf8ef;color:#168168}.badge.cancelled,.badge.nonaktif,.badge.debit{background:#fff0ed;color:#b94c40}.actions{display:flex;gap:7px}.actions button,.icon-button{border:1px solid #e1e9ef;background:#fff;border-radius:8px;color:#617487;padding:7px;display:inline-grid;place-items:center}.actions button:hover,.icon-button:hover{border-color:#13a1aa;color:#0c919a}.text-button{border:0;background:none;color:#138d99;font-weight:800;padding:5px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding-top:15px;color:#8290a0;font-size:11px}.pager button{border:1px solid #dce6ed;background:#fff;border-radius:8px;width:30px;height:30px;display:grid;place-items:center}.empty{text-align:center;padding:54px 20px;color:#8a99a9;display:grid;justify-items:center;gap:8px}.empty strong{color:#53697b;font-size:14px}.empty span{font-size:11px}.skeleton{display:grid;gap:12px;padding:10px}.skeleton div{height:54px;border-radius:9px;background:linear-gradient(100deg,#eef2f5 30%,#f8fafb,#eef2f5 70%);background-size:200% 100%;animation:shine 1.5s infinite}@keyframes shine{to{background-position-x:-200%}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:800;color:#53667a}.field.wide{grid-column:1/-1}.field input[type=checkbox]{width:18px;height:18px;accent-color:#148e99}.field textarea{width:100%;resize:vertical}.field details{border:1px solid #e1e8ed;border-radius:9px;padding:10px}.field summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:#148e99;font-size:11px;font-weight:700}.html-preview{padding:13px;white-space:normal;max-height:240px;overflow:auto}.html-preview img{max-width:100%}.upload{position:relative;display:flex;align-items:center;gap:9px;border:1px dashed #b6cbd4;border-radius:9px;padding:13px;color:#77909e;font-size:11px;overflow:hidden}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.preview-image{max-width:190px;max-height:110px;object-fit:contain;border:1px solid #e1e8ed;border-radius:9px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:10px;padding:12px 15px;margin-bottom:16px;font-size:12px;background:#fff0ed;color:#a43e33;border:1px solid #f9d4cf}.notice.success{background:#e4f8f1;color:#167a62;border-color:#bbecdc}.notice button{border:0;background:none;color:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d233dc2;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(780px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:17px;padding:24px}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal h2{font-size:19px}.tabs{display:flex;gap:6px;border-bottom:1px solid #e8eef3;margin-bottom:16px}.tabs button{border:0;background:none;padding:12px 17px;color:#7a8c9e;font-size:12px;font-weight:700}.tabs button.active{color:#0b8c98;border-bottom:2px solid #0b8c98}.helper{font-size:12px;color:#8796a5;margin-top:20px}.detail-grid,.member-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:20px}.detail-grid>div,.member-summary>div{border:1px solid #edf1f4;border-radius:9px;padding:11px;min-width:0}.detail-grid span,.member-summary span{display:block;color:#8a9baa;font-size:10px;margin-bottom:5px}.detail-grid strong,.member-summary strong{font-size:12px;overflow-wrap:anywhere}.decision,.adjust-form{border-top:1px solid #edf1f4;padding-top:17px;margin-top:17px}.adjust-form{margin-bottom:25px}.adjust-form h3{margin-bottom:15px}.adjust-form .primary{margin-top:17px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f9fb}.login-brand{background:linear-gradient(135deg,#10253c,#166c78);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%}.login-brand .brand-mark{width:58px;height:58px;font-size:35px;margin-bottom:35px}.login-brand h1{font-size:44px;letter-spacing:-.05em;margin-bottom:13px}.login-brand p{max-width:350px;color:#c6dce0;line-height:1.7}.login-card{width:min(420px,80%);align-self:center;justify-self:center;background:#fff;border:1px solid #e8edf2;box-shadow:0 20px 60px #183b5210;border-radius:20px;padding:34px}.login-card h2{font-size:23px;letter-spacing:-.04em;margin:9px 0 5px}.login-card p{font-size:12px;color:#8190a0;margin-bottom:26px}.login-card .field{margin-bottom:17px}.login-card .primary{margin-top:10px}.drawer-shade{display:none}@media(max-width:1150px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.sidebar{position:fixed;left:0;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.drawer-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d223878;z-index:19}.mobile-close,.menu-button{display:grid;place-items:center;background:none;border:0;color:inherit}.mobile-close{margin-left:auto}.menu-button{color:#263b4f;padding:0;margin-right:15px}.topbar{justify-content:flex-start;padding:0 16px}.topbar-right{margin-left:auto}.content{padding:20px 16px}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-card{width:min(420px,90%);margin:35px 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar{height:76px}.topbar h1{font-size:18px}.topbar-right{font-size:0}.content{padding:14px 16px}.panel{padding:17px}.panel-head{flex-wrap:wrap}.panel-head .primary{width:100%}.hero{padding:23px}.hero h2{font-size:20px}.stats{gap:9px}.stat{padding:13px;min-height:110px}.stat strong{font-size:18px}.form-grid,.detail-grid,.member-summary{grid-template-columns:1fr}.filters form{width:100%}.filters select,.filters input[type=date]{flex:1}.modal{padding:16px}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}}.sidebar nav a{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:transparent;border:0;color:#aebed0;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#203951;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #19bac1}.rich-editor{border:1px solid #dce5ed;border-radius:9px;overflow:hidden}.image-remove{display:inline-flex;align-items:center;gap:8px;color:#9e4e45;font-size:11px}.editor-toolbar{display:flex;gap:5px;padding:7px;border-bottom:1px solid #e7edf3;background:#f7f9fb}.editor-toolbar button{border:1px solid #dce5ed;background:#fff;color:#3b5065;border-radius:5px;padding:4px 8px;font-size:11px}.editor-surface{min-height:170px;max-height:360px;overflow:auto;padding:12px;outline:0}.rich-editor textarea{border:0;border-radius:0}.qris-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qris-detail{display:grid;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e7edf3}.qris-detail>div span{display:block;color:#8796a5;font-size:11px}.qris-detail>div strong{display:block;margin-top:4px;font-size:13px}@media(max-width:850px){.qris-grid{grid-template-columns:1fr}}.endpoint-game-page{display:grid;gap:20px;width:100%;min-width:0}.endpoint-game-heading h2{margin:7px 0 6px;font-size:clamp(24px,3vw,32px)}.endpoint-game-heading p{margin:0;color:#728295;font-size:13px}.endpoint-game-page .panel{margin-bottom:0}.endpoint-game-access,.endpoint-game-all{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.endpoint-game-access h3,.endpoint-game-all h3{margin:0 0 5px}.endpoint-game-access p,.endpoint-game-all p{margin:0;color:#8290a0;font-size:12px}.endpoint-game-token-mask{display:inline-block;margin-top:10px;color:#168168;font-size:12px;font-weight:800;letter-spacing:.03em}.endpoint-game-access form{display:flex;align-items:end;flex-wrap:wrap;gap:9px}.endpoint-game-access form>label{width:100%;color:#53667a;font-size:11px;font-weight:800}.endpoint-game-access input,.endpoint-game-filters input,.endpoint-game-filters select{min-height:39px;padding:8px 10px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#25364a;outline:0}.endpoint-game-access input{min-width:220px}.endpoint-game-access input:focus,.endpoint-game-filters input:focus,.endpoint-game-filters select:focus{border-color:#19a4ad;box-shadow:0 0 0 3px #19a4ad16}.endpoint-game-state{color:#728295;font-size:13px}.endpoint-game-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.endpoint-game-metrics .stat{min-width:0;min-height:95px}.endpoint-game-metrics .stat strong{color:#1b2634}.endpoint-game-identity-notice{margin:0;border-color:#bfe8e8;background:#eaf8f8;color:#276b73}.endpoint-game-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(125px,1fr));gap:12px;margin-bottom:18px}.endpoint-game-filters label{display:grid;gap:6px;min-width:0;color:#53667a;font-size:11px;font-weight:800}.endpoint-game-filters input,.endpoint-game-filters select{width:100%;min-width:0}.endpoint-game-search-input{display:flex;align-items:center;padding-left:10px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#75919d}.endpoint-game-search-input:focus-within{border-color:#19a4ad;box-shadow:0 0 0 3px #19a4ad16}.endpoint-game-search-input input,.endpoint-game-search-input input:focus{border:0;box-shadow:none}.endpoint-game-table-wrap{width:100%;max-height:min(65vh,720px);overflow:auto}.endpoint-game-table-wrap table{min-width:1060px}.endpoint-game-table-wrap th{position:sticky;top:0;z-index:1;background:#f7f9fb}.endpoint-game-table-wrap td{overflow-wrap:anywhere}.endpoint-game-table-wrap code{color:#128a97}.endpoint-game-lock-cell{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:175px}.endpoint-game-lock-cell small{width:100%;color:#8796a5;font-size:10px;overflow-wrap:anywhere}.endpoint-game-empty{padding:35px 16px;border:1px dashed #dce5ed;border-radius:9px;color:#8290a0;text-align:center}.endpoint-game-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:18px;color:#8290a0;font-size:11px}.endpoint-game-pagination>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.endpoint-game-switch{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer}.endpoint-game-switch input{position:absolute;width:1px;height:1px;opacity:0}.endpoint-game-switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd7df;transition:background .2s}.endpoint-game-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #17344d30;transition:transform .2s}.endpoint-game-switch input:checked+.endpoint-game-switch-track{background:#138d99}.endpoint-game-switch input:checked+.endpoint-game-switch-track:after{transform:translate(18px)}.endpoint-game-switch input:focus-visible+.endpoint-game-switch-track{outline:3px solid #19a4ad55;outline-offset:2px}.endpoint-game-switch input:disabled+.endpoint-game-switch-track{opacity:.55;cursor:not-allowed}.endpoint-game-switch strong{font-size:12px;color:#53667a}@media(max-width:1100px){.endpoint-game-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.endpoint-game-filters label:first-child{grid-column:span 2}}@media(max-width:800px){.endpoint-game-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.endpoint-game-filters,.endpoint-game-metrics{grid-template-columns:minmax(0,1fr)}.endpoint-game-filters label:first-child{grid-column:auto}.endpoint-game-access form,.endpoint-game-access input{width:100%;min-width:0}.endpoint-game-access form>button{flex:1}}