.gp{--gp-bg:#05080d;--gp-side:#07101f;--gp-card:#0b1422;--gp-line:#94a3b81f;--gp-mute:#8a9bb0;--gp-cy:#5ee6ff;--gp-cy2:#2ec8f0;color:#f3f6fa;min-height:100dvh;font:13px var(--font-inter),Inter,system-ui,sans-serif;background-color:#05080d;background-image:linear-gradient(#2ec8f00e 1px,#0000 1px),linear-gradient(90deg,#2ec8f00e 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:48px 48px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;display:flex}.gp *{box-sizing:border-box}.gp .side{border-right:1px solid var(--gp-line);background:#07101f;flex-direction:column;flex:none;gap:4px;width:232px;min-height:100dvh;padding:22px 16px;display:flex}.gp .side img{align-self:flex-start;width:auto;height:44px;margin:0 6px 26px}.gp .nav{color:var(--gp-mute);cursor:pointer;text-align:left;font-weight:500;font:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:500;display:flex}.gp .nav:hover{color:#cfe9f5}.gp .nav.on{color:var(--gp-cy);background:#2ec8f01a;box-shadow:inset 2px 0 #2ec8f0}.gp .nav i{opacity:.6;background:currentColor;border-radius:2px;width:7px;height:7px}.gp .main{flex-direction:column;flex:1;gap:16px;min-width:0;padding:22px 26px;display:flex}.gp .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gp h1{font:800 22px var(--font-manrope),Manrope;letter-spacing:-.02em;margin:0}.gp .sub{color:var(--gp-mute);margin-top:3px}.gp .demo{font:500 11px var(--font-ibm-plex-mono),"IBM Plex Mono";color:#f6c453;background:#f6c45312;border:1px solid #f6c45366;border-radius:4px;padding:5px 10px}.gp .card{border:1px solid var(--gp-line);background:#0b1422;border-radius:6px;min-width:0;padding:14px 16px}.gp .k{color:var(--gp-mute);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.gp .v{font:700 23px var(--font-manrope),Manrope;margin-top:6px}.gp .mono{font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",monospace}.gp .g{color:#34d399}.gp .r{color:#f87171}.gp .a{color:var(--gp-cy)}.gp .m{color:var(--gp-mute)}.gp .row{gap:14px;display:flex}.gp .col{flex-direction:column;gap:14px;min-width:0;display:flex}.gp table{border-collapse:collapse;width:100%;font-size:12px}.gp th{color:var(--gp-mute);text-align:left;border-bottom:1px solid var(--gp-line);padding:7px 6px;font-size:11px;font-weight:500}.gp td{border-bottom:1px solid #94a3b80f;padding:8px 6px}.gp .pill{border-radius:99px;padding:2px 8px;font-size:10.5px;display:inline-block}.gp .pg{color:#34d399;background:#34d3991f}.gp .pr{color:#f87171;background:#f871711f}.gp .pa{color:var(--gp-cy);background:#2ec8f01f}.gp .py{color:#f6c453;background:#f6c4531f}.gp .tg{vertical-align:middle;cursor:pointer;background:#1e2a3c;border:0;border-radius:9px;width:30px;height:16px;padding:0;display:inline-block;position:relative}.gp .tg:after{content:"";background:var(--gp-mute);border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:2px;left:2px}.gp .tg.on{background:#2ec8f0}.gp .tg.on:after{background:#fff;left:16px}.gp .h{font:700 14px var(--font-manrope),Manrope;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.gp .btn{cursor:pointer;color:#f3f6fa;background:0 0;border:0;border-radius:4px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.gp .btn:disabled{opacity:.5;cursor:default}.gp .bp{color:#05080d;background:linear-gradient(90deg,#2ec8f0,#3d8bff)}.gp .bo{color:#f3f6fa;border:1px solid #94a3b840}.gp .bd{color:#f87171;border:1px solid #f8717180}.gp .chip{color:var(--gp-cy);cursor:pointer;background:0 0;border:1px solid #2ec8f059;border-radius:4px;margin:0 4px 4px 0;padding:3px 9px;font-family:inherit;font-size:11px;display:inline-block}.gp .chip.sel{background:#2ec8f01f}.gp .fl{border-bottom:1px dashed #94a3b81a;justify-content:space-between;gap:10px;padding:6px 0;display:flex}.gp input,.gp select{color:#f3f6fa;background:#07101f;border:1px solid #94a3b840;border-radius:4px;width:100%;padding:8px 10px;font:13px inherit}.gp label{color:var(--gp-mute);flex-direction:column;gap:5px;font-size:11.5px;display:flex}.gp .form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:10px;display:grid}.gp .err{color:#f87171;font-size:12px}.gp .ok{color:#34d399;font-size:12px}.gp .live{color:var(--gp-mute);align-items:center;gap:6px;font-size:11px;display:inline-flex}.gp .live b{background:#f87171;border-radius:50%;width:7px;height:7px;display:inline-block}.gp .live.on b{background:#34d399;box-shadow:0 0 6px #34d399}.gp-login{place-items:center;min-height:100dvh;display:grid}.gp-login .card{width:380px;padding:28px}@media (max-width:1100px){.gp .row{flex-wrap:wrap}.gp .row>.card{flex:220px!important}.gp .row>.col{flex:100%!important}}@media (max-width:760px){.gp{flex-direction:column}.gp .side{flex-flow:wrap;width:100%;height:auto;position:static}.gp .side img{margin:0 10px 0 0}}@media (prefers-reduced-motion:no-preference){:where(main) :where(button,a){transition:transform .15s,box-shadow .25s,background-color .2s,border-color .2s}:where(main) :where(button):active{transform:scale(.97)}:where(main) :where(table) tbody tr{transition:background-color .2s}:where(main) :where(table) tbody tr:hover{background-color:#2ec8f00d}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}}:where(main) :where(section,article){animation:.5s cubic-bezier(.22,1,.36,1) both rowIn}}