:root{--ci-purple:#7b3ff2;--ci-indigo:#5a4df4;--ci-blue:#2d7bff;--ci-cyan:#00c2ff;--ci-navy:#0d0f2d;--ci-gray-1:#f2f4f7;--ci-gray-11:#1e2235;--bg:#f6f7fb;--surface:#fff;--surface-2:#0d0f2d08;--border:#0d0f2d1a;--text:#0d0f2dc7;--text-strong:#0d0f2deb;--muted:#0d0f2d8f;--shadow:0 18px 38px #0f172a1f;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--sans:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font:16px/145% var(--sans);letter-spacing:.2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{--bg:#07081a;--surface:#ffffff0f;--surface-2:#ffffff14;--border:#ffffff1f;--text:#ffffffc7;--text-strong:#ffffffeb;--muted:#ffffff8f;--shadow:0 20px 50px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}#root{min-height:100svh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code{font-family:var(--mono)}:root{--navy:#050b24;--navy2:#071033;--purple:#7b3ff2;--blue:#2d7bff;--cyan:#00c2ff;--pink:#e94fa8;--green:#18b957;--orange:#ff8a00;--red:#ef2b2b;--text:#09113a;--muted:#6e7897;--line:#e6ebf5;--bg:#f7f9fe;--card:#fff;--shadow:0 12px 34px #12235214;--soft:0 8px 22px #1223520f;--side:272px;--font:"Inter","Prompt","Noto Sans Thai",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}a{color:inherit}.app{min-height:100vh;display:flex}.sidebar{width:var(--side);color:#fff;background:radial-gradient(circle at 50% -10%,#7b3ff26b,#0000 30%),linear-gradient(#061137,#030817);flex-direction:column;height:100vh;max-height:100dvh;padding:0;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:8px 0 40px #050b2438}.sidebar-scroll{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex-direction:column;flex:1 1 0;min-height:0;padding:22px 14px 22px 18px;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:6px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.logo-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex}.logo{object-fit:contain;width:200px;height:auto}.nav{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.nav a{color:#ffffffc7;border-radius:13px;align-items:center;gap:14px;height:54px;padding:0 18px;font-weight:600;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff12}.nav a.active{background:linear-gradient(100deg,var(--purple),var(--blue) 72%,#18a8ff);color:#fff;box-shadow:0 12px 30px #2d7bff52}.ico{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ico svg{stroke-width:2px;flex-shrink:0;width:20px;height:20px}.side-foot{flex-shrink:0;margin-top:auto;padding-top:20px}.secure{background:#2d7bff1f;border:1px solid #ffffff14;border-radius:14px;gap:12px;margin-bottom:24px;padding:14px;display:flex;position:relative}.secure:after{content:"";background:#09d98b;border-radius:50%;width:7px;height:7px;position:absolute;top:18px;right:14px}.secure-badge{color:#fff;background:linear-gradient(135deg,#06e09f,#15a4ff);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.secure-badge svg{stroke-width:2px;width:18px;height:18px}.secure b{font-size:13px}.secure span{color:#ffffffad;margin-top:3px;font-size:12px;display:block}.copy{color:#ffffff9e;margin-left:6px;font-size:12px;line-height:1.6}.main{margin-left:var(--side);width:calc(100% - var(--side));padding:26px 32px 34px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.title h1{letter-spacing:-.7px;margin:0;font-size:30px}.title p{color:var(--muted);margin:6px 0 0}.actions{align-items:center;gap:16px;display:flex}.date,.small-filter,.search{height:48px;color:var(--text);box-shadow:var(--soft);background:#fff;border:1px solid #dde5f2;border-radius:11px}.date{justify-content:space-between;align-items:center;gap:8px;min-width:188px;padding:0 14px;display:flex}.date svg{stroke-width:2px;width:18px;height:18px;color:var(--text);flex-shrink:0}.bell{cursor:pointer;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;font-size:24px;display:inline-flex;position:relative}.bell svg{stroke-width:2px;width:24px;height:24px}.dot{background:var(--purple);color:#fff;min-width:20px;height:20px;font:800 11px/20px var(--font);border:2px solid #fff;border-radius:50%;position:absolute;top:-3px;right:-3px}.user{align-items:center;gap:12px;font-weight:700;display:flex}.avatar{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.summary{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.metric{min-height:126px;box-shadow:var(--shadow);background:#fff;border:1px solid #e7edfa;border-radius:18px;align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";background:#ffffff59;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-95px;right:-60px}.metric.purple{background:linear-gradient(135deg,#fff,#f3eafe);border-color:#7b3ff259}.metric.blue{background:linear-gradient(135deg,#fff,#eaf4ff);border-color:#2d7bff59}.metric.pink{background:linear-gradient(135deg,#fff,#ffe8f5);border-color:#e94fa859}.metric.cyan{background:linear-gradient(135deg,#fff,#e7fbff);border-color:#00c2ff61}.micon{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:70px;min-width:70px;height:70px;min-height:70px;display:grid;box-shadow:0 14px 24px #2d7bff2e}.micon svg{stroke-width:2px;width:28px;height:28px}.purple .micon{background:linear-gradient(135deg,var(--purple),#6127d7)}.blue .micon{background:linear-gradient(135deg,#4ba7ff,var(--blue))}.pink .micon{background:linear-gradient(135deg,#ff6fbc,#d82394)}.cyan .micon{background:linear-gradient(135deg,#28d0d0,#08a8b5)}.label{font-size:14px;font-weight:700}.value{margin-top:6px;font-size:26px;font-weight:800}.sub{color:var(--muted);margin-top:8px;font-size:12px}.up{color:#009d66;font-weight:800}.grid{grid-template-columns:1.7fr 1.18fr 1.05fr;gap:18px;margin-bottom:18px;display:grid}.card{box-shadow:var(--shadow);background:#fff;border:1px solid #e7edfa;border-radius:16px;overflow:hidden}.chead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;display:flex}.ctitle{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.ctitle svg{stroke-width:2px;width:20px;height:20px;color:var(--text);flex-shrink:0}.link{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none}.chartpad{padding:12px 18px 0 22px}.legend{color:var(--muted);gap:18px;font-size:12px;display:flex}.ldot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.chart{width:100%;height:260px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text);border-bottom:1px solid var(--line);padding:13px 18px;font-size:12px}.table td{color:#3e4867;vertical-align:middle;border-bottom:1px solid #eef2f8;padding:13px 18px;font-size:13px}.table tr:last-child td{border-bottom:0}.bank-logo{color:#fff;vertical-align:middle;border-radius:8px;place-items:center;width:34px;height:34px;margin-right:8px;font-size:11px;font-weight:900;display:inline-grid}.bank-logo-mark{vertical-align:middle;box-sizing:border-box;background:#fff;border:1px solid #e8ecf2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-right:8px;display:inline-flex;overflow:hidden}.bank-logo-mark__img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.bank-logo-mark__img--ttb{object-fit:contain;transform-origin:50%;transform:scale(2.05)}.kbank{background:#00a35a}.scb{color:#f4b13e;background:#2a197a}.bbl{background:#0957a5}.ktb{background:#08a7d8}.bay{color:#3f3200;background:#f2bf00}.ttb{background:#e4002b}.generic{background:#64748b}.online{background:var(--green);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.bank-row-label{vertical-align:middle;align-items:center;gap:8px;min-width:0;display:inline-flex}.account-flag{white-space:nowrap;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.account-flag.disabled{color:#d10f0f;background:#ffe1e6}.account-flag.locked{color:#d76a00;background:#fff1d9}.balance{border-top:1px solid var(--line);justify-content:space-between;padding:16px 20px;font-weight:800;display:flex}.amount{text-align:right;color:var(--text);font-weight:800}.health{border-bottom:1px solid #eef2f8;grid-template-columns:minmax(0,1fr) 68px 86px;gap:8px;padding:11px 18px;font-size:13px;display:grid}.health.head{color:var(--muted);font-size:12px;font-weight:800}.health>span:first-child{align-items:center;min-width:0;display:flex}.health>span:nth-child(2),.health>span:nth-child(3){text-align:right;white-space:nowrap;justify-self:end}.health-service-name{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex}.health-service-name>span:first-child{text-overflow:ellipsis;overflow:hidden}.health-instance{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:10px;font-weight:800}.system-health-card{flex-direction:column;max-height:430px;display:flex}.system-health-card .health.head{flex:none}.health-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.health-scroll::-webkit-scrollbar{width:6px}.health-scroll::-webkit-scrollbar-thumb{background:#d9e2f2;border-radius:999px}.health-scroll::-webkit-scrollbar-track{background:0 0}.green{color:#009d38;font-weight:800}.orange{color:var(--orange);font-weight:800}.red{color:var(--red);font-weight:800}.filters{align-items:center;gap:14px;display:flex}.small-filter{cursor:pointer;border:1px solid #dde5f2;min-width:132px;height:40px;padding:0 14px}.search-wrap{position:relative}.search{min-width:210px;height:40px;padding-left:36px}.search-wrap:before{content:"⌕";color:var(--muted);font-size:22px;position:absolute;top:6px;left:13px}.badge{border-radius:999px;justify-content:center;align-items:center;min-width:74px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.payin{color:#1971ff;background:#eaf2ff}.payout{color:#f47700;background:#fff0df}.matched{color:#008d38;background:#dff8e9}.notmatch{color:#e21d2d;background:#ffe1e6}.queue{color:#ff7900;background:#fff0dc}.processing{color:#d76a00;background:#fff1d9}.success{color:#04968d;background:#dff8f5}.recent-transactions-card{margin-top:22px}.recent-transactions-head{min-height:auto;padding-top:18px;padding-bottom:14px}.tfoot{color:var(--muted);justify-content:space-between;align-items:center;padding:16px 18px 18px;font-size:13px;display:flex}.pager{align-items:center;gap:9px;display:flex}.page,.page-size{min-width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #dde5f2;border-radius:9px}.page.active{border-color:var(--purple);color:var(--purple)}.page-size{min-width:110px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.toolbar-left,.toolbar-title{align-items:center;gap:12px;display:flex}.toolbar-title h1{letter-spacing:-.7px;margin:0;font-size:30px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--blue) 72%,#18a8ff);border:0;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #2d7bff38}.btn-warn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffb300,#ff8a00);border:0;border-radius:14px;height:54px;font-size:15px;font-weight:900;box-shadow:0 16px 32px #ff8a002e}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3b3b,#d10f0f);border:0;border-radius:14px;height:54px;font-size:15px;font-weight:900;box-shadow:0 16px 32px #ef2b2b2e}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1971ff,#1db7ff);border:0;border-radius:14px;width:100%;height:56px;font-size:15px;font-weight:900;box-shadow:0 16px 32px #2d7bff2e}.switch{cursor:pointer;background:#d7e3ff;border:1px solid #cfe0ff;border-radius:999px;align-items:center;width:46px;height:24px;padding:2px;transition:background .18s;display:inline-flex;position:relative}.switch .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;transform:translate(0);box-shadow:0 6px 14px #1223522e}.switch.on{background:#1971ff;border-color:#1971ff}.switch.on .knob{transform:translate(22px)}.input{height:44px;color:var(--text);box-shadow:var(--soft);background:#fff;border:1px solid #dde5f2;border-radius:11px;outline:none;padding:0 12px}.field{gap:8px;display:grid}.label2{color:var(--muted);font-size:12px;font-weight:700}.section-label{color:var(--text);margin-top:10px;font-size:12px;font-weight:900}.page-ico{width:46px;height:46px;box-shadow:var(--soft);color:var(--text);background:#f1f5ff;border:1px solid #e7edfa;border-radius:14px;place-items:center;display:grid}.page-ico svg{stroke-width:2px;width:22px;height:22px}.page-ico--sm{border-radius:12px;width:36px;height:36px}.page-ico--sm svg{width:18px;height:18px}.credit-top{margin-bottom:14px}.credit-wrap{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}.credit-left{padding:10px}.credit-left-item{align-items:center;gap:12px;padding:14px 12px;display:flex}.credit-left-item+.credit-left-item{border-top:1px solid #eef2f8}.cli-ico{width:40px;height:40px;color:var(--purple);background:#2d7bff14;border:1px solid #2d7bff2e;border-radius:12px;place-items:center;display:grid}.cli-ico svg{stroke-width:2px;width:18px;height:18px}.cli-label{color:var(--muted);font-size:11px;font-weight:800}.cli-value{color:var(--text);margin-top:3px;font-size:13px;font-weight:900}.credit-right{gap:18px;display:grid}.credit-hero{grid-template-columns:1fr 1fr;gap:18px;display:grid}.credit-hero-card{height:96px;box-shadow:var(--shadow);border:1px solid #e7edfa;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:70px 1fr;align-items:center;padding:18px 18px 16px;display:grid;position:relative;overflow:hidden}.credit-hero-card:after{content:"";background:#ffffff42;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;right:-70px}.credit-hero-card.blue{color:#fff;background:linear-gradient(135deg,#0b65ff,#19b5ff);border-color:#2d7bff1f}.credit-hero-card.pink{color:#fff;background:linear-gradient(135deg,#ff4fb5,#b84bf7);border-color:#e94fa81f}.credit-hero-card .ch-icon{color:#fff;background:#ffffff2e;border-radius:16px;place-items:center;width:56px;height:56px;margin-left:4px;display:grid}.credit-hero-card .ch-icon svg{stroke-width:2px;width:22px;height:22px}.credit-hero-card .ch-val{grid-area:1/2;justify-self:end;font-size:26px;font-weight:1000}.credit-hero-card .ch-sub{opacity:.9;grid-area:2/2;justify-self:end;font-size:12px;font-weight:800}.credit-big{border-top:1px solid #eef2f8;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;display:flex}.cb-label{color:var(--text);font-weight:1000}.cb-val{color:var(--text);font-size:28px;font-weight:1100}.agent-link-row{border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.agent-link-row:last-child{border-bottom:0}.controllers-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.controller-card{padding:16px}.controller-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.controller-ico{width:40px;height:40px;color:var(--purple);background:#7b3ff21a;border:1px solid #7b3ff233;border-radius:14px;place-items:center;display:grid}.controller-ico svg{stroke-width:2px;width:20px;height:20px}.controller-name{align-items:center;gap:10px;display:flex}.controller-name b{font-size:16px}.controller-dot{background:var(--green);border-radius:50%;width:10px;height:10px}.controller-more{color:#09113a8c;cursor:pointer;background:0 0;border:0;font-size:20px}.controller-meta{grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;display:grid}.controller-meta-item{gap:6px;display:grid}.controller-meta-item .k{color:var(--muted);font-size:12px;font-weight:700}.controller-meta-item .v{color:var(--text);text-align:left;font-weight:800}.merchant-ico{width:26px;height:26px;color:var(--purple);background:#7b3ff21a;border:1px solid #7b3ff238;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.merchant-ico svg{stroke-width:2px;width:14px;height:14px}.controller-nodes{border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8;flex-wrap:wrap;gap:10px;min-height:112px;padding:12px 0;display:flex}.node-pill{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1971ff,#1db7ff);border:0;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px;font-weight:900;display:inline-flex;box-shadow:0 10px 18px #2d7bff2e}.node-pill.warn{background:linear-gradient(135deg,#ff3b3b,#d10f0f)}.node-ico{opacity:.9;align-items:center;display:inline-flex}.node-ico svg{stroke-width:2px;width:14px;height:14px}.node-warn{color:#fff;align-items:center;margin-left:2px;display:inline-flex}.node-warn svg{stroke-width:2px;width:14px;height:14px}.controller-foot{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.controller-node-count{color:var(--muted);align-items:center;gap:10px;font-weight:800;display:flex}.controller-node-count svg{color:var(--muted);flex-shrink:0}.ctl-health{color:var(--green);align-items:center;gap:8px;font-weight:1000;display:flex}.ctl-health svg{flex-shrink:0}.ctl-health.warning{color:var(--orange)}.node-list{margin-top:10px}.node-row{border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.node-led{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:10px}.node-led.bad{background:var(--red)}.node-row b{flex:1;margin-left:8px}.node-ver{color:#09113a59;font-weight:900}.perm-dot{border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.perm-dot svg{stroke-width:3px;width:12px;height:12px}.sim-ico{stroke-width:2.5px}.sim-ico--ok{color:var(--green)}.sim-ico--bad{color:var(--red)}.perm-dot.ok{color:#008d38;background:#dff8e9;border:1px solid #008d3840}.perm-dot.no{color:#e21d2d;background:#ffe1e6;border:1px solid #e21d2d40}.drawer-root{z-index:999;pointer-events:none;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#09113a52;transition:opacity .22s;position:absolute;inset:0}.drawer-panel{background:var(--card);border-left:1px solid #e7edfa;flex-direction:column;width:420px;max-width:92vw;height:100vh;transition:transform .28s cubic-bezier(.2,.9,.1,1);display:flex;position:absolute;top:0;right:0;transform:translate(110%);box-shadow:0 18px 60px #12235238}.drawer-root.open{pointer-events:auto}.drawer-root.open .drawer-backdrop{opacity:1}.drawer-root.open .drawer-panel{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);padding:18px 20px}.drawer-close{color:#09113a8c;cursor:pointer;background:0 0;border:0;font-size:28px;line-height:28px}.drawer-title{margin-top:10px;font-size:20px;font-weight:900}.drawer-sub{color:var(--muted);margin-top:6px;font-size:12px}.drawer-body{flex:1;padding:18px 20px;overflow:auto}.drawer-foot{border-top:1px solid var(--line);padding:18px 20px}.drawer-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--blue) 72%,#18a8ff);border:0;border-radius:14px;width:100%;height:56px;font-size:15px;font-weight:900;box-shadow:0 16px 32px #2d7bff42}.kv{border-bottom:1px solid #eef2f8;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted);font-weight:700}.kv .v{color:var(--text);text-align:right;font-weight:800}.section-title{margin-top:10px;font-weight:900}.user-suggest-wrap{position:relative}.user-suggest{z-index:20;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;max-height:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.user-suggest li{cursor:pointer;margin:0;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.35}.user-suggest li:hover{background:#f1f5ff}.user-suggest li small{color:var(--muted);margin-top:2px;font-weight:600;display:block}.user-pick-chip{background:#f1f5ff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.user-pick-chip button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:900}@media (width<=1350px){.summary{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=980px){.sidebar{width:86px;padding:18px 10px}.logo{object-fit:cover;object-position:left;width:56px;height:56px}.nav a span,.secure,.copy{display:none}.nav a{justify-content:center;padding:0}.main{width:calc(100% - 86px);margin-left:86px;padding:18px}.summary,.credit-wrap,.controllers-grid{grid-template-columns:1fr}}