body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0e6ac9;--secondary-color:#90ee90;--background-color:#f5f5f5;--text-color:#000;--border-color:#e0e0e0;--header-background-color:#f5f5f5;--shadow-color:#0003}*{--rad-0:0;--rad-4:4px;--rad-8:8px;--rad-16:16px;--rad-50:50px;--hover-btn:#757576;--blue:#0e6ac9;--green:#90ee90;--red:#dc3545;--yellow:#ad9a16}.light{font-weight:300}.regular{font-weight:400}.bold{font-weight:700}.bolder{font-weight:bolder}.left-align{text-align:left}.border{border:1px solid #aeaeae8c;border-radius:var(--rad-4)}.shadow{--tw-shadow:0 25px 50px -12px #00000040;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.p4{padding:4px}.m0{margin:0}.m8{margin:8px}.m16{margin:16px}.silver{background-color:#ededed}.gray{background:gray}.gray-txt{color:gray}.green{background:var(--green)}.green-txt{color:var(--green)}.red{background:var(--red)}.blue{background:#0e6ac9;background:var(--primary-color)}.yellow{background:var(--yellow)}@media only screen and (min-width:240px){.App{color:#fff;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.top{align-items:center;background:#181818;color:#fff;display:grid;grid-template-columns:auto 1fr;height:40px;z-index:1000;.logo{font-weight:700;text-transform:uppercase}.logout{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto auto}a,span{color:inherit;font-size:.85em;text-decoration:none}}.body{display:grid;font-size:14px;min-height:300px}.aside{background-color:#242525;color:#fff;scrollbar-color:#a9a9a9 #0000;.aside-tile{align-items:center;border-top:1px solid #434343;display:grid;height:40px}}.main{display:grid;grid-area:main;grid-template-rows:auto 1fr auto;overflow:scroll}.header.tab{padding:0;h2,h3{align-items:center;display:grid;height:40px;margin:8px 16px;padding:0}.nav{background-color:#131313;color:#fff;padding:.1%}}.header.report{align-items:center;display:grid;grid-template-columns:auto auto;justify-content:space-between}.container.nav{grid-gap:4px;color:#fff;display:grid;gap:4px;grid-template-columns:auto auto auto;justify-content:start;padding:0 .1%;>span.update-btn{background-color:#303030;border-radius:var(--rad-4);font-size:.8rem;font-weight:700;padding:8px 12px;text-align:center;width:65px;svg{margin-right:4px;width:10px}}}.content{padding:6px}.footer{align-items:end;background:#f9f9f9;border-top:1px solid;display:grid;padding:16px}.grid{grid-template-rows:auto}.grid,.grid-2-col{display:grid;grid-template-columns:auto}.grid-2-col{grid-template-rows:auto auto}.grid-2-col.section{gap:15px}.grid-2-col.nav{align-items:center;background-color:initial;color:inherit;display:grid;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:16px;padding:4px 8px;h2,h3,h4{margin:0}svg{margin:0 6px}.left-content,.right-content{margin:12px 0;padding:0}}.body.section .grid-2-col.nav{margin:0;.grid-2-col.nav{gap:4px;margin:0}}.grid-3-col{grid-gap:5px;grid-template-rows:auto auto auto}.grid-3-col,.grid-4-col{display:grid;gap:5px;grid-template-columns:auto}.grid-4-col{grid-gap:5px;grid-template-rows:auto auto auto auto}.grid-4-col.summary{grid-template-columns:auto auto;grid-template-rows:auto auto}.grid-2-rows{grid-gap:16px;display:grid;gap:16px;grid-template-rows:auto auto}.grid-4-rows{grid-gap:5px;display:grid;gap:5px;grid-template-columns:auto auto}.left-content{display:grid;justify-content:start;h4,p,span{margin:0}}.right-content{display:grid;justify-content:end;padding-right:16px}table{border-collapse:collapse;font-size:.8rem;margin-top:0;padding:10px;text-align:left;width:100%}th,thead{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}table th{color:#484848;padding:4px 8px}table,tbody,td,th,thead,tr{margin-bottom:2px}table td{color:#444;padding:5px 24px 0 6px;white-space:normal}td.date,td.user-id,td.username,th.date,th.user-id,th.username{text-wrap:nowrap;overflow:hidden;width:50px}.table-container>table>tbody>tr>td>div.grid-2-col{gap:4px;grid-template-columns:1fr 1fr}tr:nth-child(odd){background-color:#b3b3b30d}thead th{color:#222}tr:hover{background-color:#ffffff1a}thead tr{margin-bottom:10px}td{border:none;border-bottom:1px solid #cfcfcf;padding:0;position:relative}td:before{content:attr(data-label);font-size:12px;font-weight:700;left:0;padding-left:15px;position:absolute;width:50%}.container{border-radius:var(--rad-4)}.tile{align-items:center;color:#303030;display:grid;font-size:.875rem;font-weight:700;height:80px;line-height:10px;padding:8px 20px;.main-stat{color:#181818;display:block;font-size:2rem;font-weight:700;margin:12px 0;p{margin:5px}}.round-bg{align-content:center;align-items:center;border-radius:var(--rad-50);display:inline-block;height:20px;justify-content:center;text-align:center;vertical-align:middle;width:20px;svg{color:#fff;height:50%;width:50%}}}.graph{display:grid;height:100%;justify-content:normal;margin:16px 0;h3{margin:8px 0}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--primary-color)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clear-filter-button,.filter-button,.update-chart-button{cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.filter-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff}.clear-filter-button{background-color:var(--red)}.clear-filter-button,.update-chart-button{border:none;border-radius:var(--rad-4);color:#fff}.update-chart-button{background-color:var(--green)}.select-container{width:100px;z-index:99}.select__control{border:1px solid #ddd;border-radius:var(--rad-4)}.select__control:hover{border-color:#aaa}.select__menu{border:1px solid #ddd;border-radius:var(--rad-4);border-top:none;display:block;z-index:99}.select__option{padding:10px}.select__option--is-selected{background-color:#f0f0f0}.select__option--is-focused{background-color:#e0e0e0}.form-container{background-color:#fff;border-radius:var(--rad-8);width:285px}.form label{display:block}.form label,form{margin-bottom:16px}form{padding:32px 20px}.form button,.form input,.form select{border:1px solid #ddd;border-radius:var(--rad-8);margin-bottom:16px;padding:16px;width:100%}.form input{width:86%}.form button{background-color:var(--primary-color);color:#fff}.form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ddd" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat}.button-container{margin-top:20px;text-align:center}.refresh-button{cursor:pointer;:hover{color:var(--hover-btn)}}.btn{background-color:var(--primary-color);border-radius:var(--rad-4);color:#fff;cursor:pointer;margin-right:4px;padding:6px 12px;transition:background-color .3s ease}.btn:hover{background-color:#0056b3}.changeStats{background-color:var(--green);color:#fff;font-weight:700;padding:2px 4px}}@media only screen and (min-width:360px){.App{color:#fff;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.top{.logout-button{top:20px}.logo{font-weight:700;text-transform:uppercase}.logout{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto auto}a,span{color:inherit;font-size:.85em;text-decoration:none}}.navigation a,.navigation div{padding:16px}.body{display:grid;font-size:14px;min-height:300px}.aside{background-color:#242525;color:#fff;scrollbar-color:#a9a9a9 #0000;.aside-tile{align-items:center;border-top:1px solid #434343;display:grid;height:40px}}.main{display:grid;grid-area:main;grid-template-rows:auto 1fr auto;overflow:scroll}.header.tab{padding:0;h2,h3{align-items:center;display:grid;height:40px;margin:8px 16px;padding:0}.nav{background-color:#131313;color:#fff;padding:.1%}}.header.report{align-items:center;display:grid;grid-template-columns:auto auto;justify-content:space-between}.container.nav{grid-gap:4px;color:#fff;display:grid;gap:4px;grid-template-columns:auto auto auto;justify-content:start;padding:0 .1%;>span.update-btn{background-color:#303030;border-radius:var(--rad-4);font-size:.8rem;font-weight:700;padding:8px 12px;text-align:center;width:65px;svg{margin-right:4px;width:10px}}}.content{padding:6px}.footer{align-items:end;background:#f9f9f9;border-top:1px solid;display:grid;padding:16px}.grid{display:grid;grid-template-columns:auto;grid-template-rows:auto}.grid-2-col{display:grid;grid-template-rows:auto auto}.grid-2-col.nav{align-items:center;background-color:initial;color:inherit;display:grid;grid-template-columns:auto auto;justify-content:space-between;margin-bottom:16px;h2,h3,h4{margin:0}svg{margin:0 6px}.right-content{padding:0}}.body.section .grid-2-col.nav{margin:0;.grid-2-col.nav{gap:4px;margin:0}}.grid-3-col{grid-gap:5px;display:grid;gap:5px;grid-template-rows:auto auto auto}.grid-4-col,.grid-4-rows{grid-gap:5px;display:grid;gap:5px;grid-template-columns:auto auto}.left-content{display:grid;justify-content:start;h4,p,span{margin:0}}.right-content{display:grid;justify-content:end;padding-right:16px}table{border-collapse:collapse;font-size:.8rem;margin-top:0;padding:10px;text-align:left;width:100%}th,thead{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}table th{color:#484848;padding:4px 8px}table,tbody,td,th,thead,tr{margin-bottom:2px}table td{color:#444;padding:5px 24px 0 6px;white-space:normal}td.user-id,td.username,th.user-id,th.username{text-wrap:nowrap;overflow:hidden;width:50px}tr:nth-child(odd){background-color:#b3b3b30d}thead th{color:#222}tr:hover{background-color:#ffffff1a}thead tr{margin-bottom:10px}td{border:none;border-bottom:1px solid #cfcfcf;padding:0;position:relative}td:before{content:attr(data-label);font-size:12px;font-weight:700;left:0;padding-left:15px;position:absolute;width:50%}.container{border-radius:var(--rad-4)}.p0{padding:0}.p4{padding:4px}.m0{margin:0}.m4{margin:4px}.m8{margin:8px}.m16{margin:16px}.tile{align-items:center;color:#303030;display:grid;font-size:.875rem;font-weight:700;height:80px;line-height:10px;padding:12px;.main-stat{color:#181818;display:block;font-size:1.5rem;font-weight:700;margin:12px 0;p{margin:5px}}.round-bg{border-radius:var(--rad-50);height:20px;width:20px;svg{color:#fff;height:10px;width:10px}}}.section{margin-bottom:24px}.graph{h3{margin:8px}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--primary-color)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clear-filter-button,.filter-button,.update-chart-button{cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.filter-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff}.clear-filter-button{background-color:var(--red)}.clear-filter-button,.update-chart-button{border:none;border-radius:var(--rad-4);color:#fff}.update-chart-button{background-color:var(--green)}.select-container{width:120px}.select__control{border:1px solid #ddd;border-radius:var(--rad-4)}.select__control:hover{border-color:#aaa}.select__menu{border:1px solid #ddd;border-radius:var(--rad-4);border-top:none;z-index:99}.select__option{padding:10px}.select__option--is-selected{background-color:#f0f0f0}.select__option--is-focused{background-color:#e0e0e0}.form-container{background-color:#fff;border-radius:var(--rad-8);width:285px}.form label{display:block}.form label,form{margin-bottom:16px}form{padding:32px 20px}.form button,.form input,.form select{border:1px solid #ddd;border-radius:var(--rad-8);margin-bottom:16px;padding:16px;width:100%}.form input{width:86%}.form button{background-color:var(--primary-color);color:#fff}.form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ddd" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat}.button-container{margin-top:20px;text-align:center}.refresh-button{cursor:pointer;:hover{color:var(--hover-btn)}}.btn{background-color:var(--primary-color);border-radius:var(--rad-4);color:#fff;cursor:pointer;margin-right:4px;padding:6px 12px;transition:background-color .3s ease}.btn:hover{background-color:#0056b3}.changeStats{background-color:var(--green);color:#fff;font-weight:700;padding:2px 4px}.silver{background-color:#ededed}.gray{background:gray}.gray-txt{color:gray}.green{background:var(--green)}.green-txt{color:var(--green)}.red{background:var(--red)}.blue{background:var(--primary-color)}.yellow{background:var(--yellow)}}@media only screen and (min-width:600px){.grid-2-col{grid-template-columns:auto auto;grid-template-rows:none}.grid-3-col{grid-template-columns:auto auto auto;grid-template-rows:none;.chart-container{width:25vw}}.grid-4-col{display:grid;grid-template-columns:auto auto auto auto}.grid-4-rows{display:grid;grid-template-rows:auto auto auto auto}}@media only screen and (min-width:240px){body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;overflow-x:hidden}body,html{height:100%}.italic{font-style:italic}.footer,header,main{padding:16px}.ckhks90{padding:0;>div{padding:16px}}.section{margin-bottom:16px}.sticky{position:-webkit-sticky;position:sticky;top:0}.app{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;height:100vh;height:auto;height:100%}.menu-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.navigation{background-color:#333;display:none;left:0;position:absolute;top:70px;width:200px;z-index:1000}.navigation.open{display:block}.navigation ul{list-style:none;margin:0;padding:0}.navigation li{border-bottom:1px solid #555}.navigation a,.navigation div{color:#fff;cursor:pointer;display:block;padding:12px;text-decoration:none}.navigation a:hover,.navigation div:hover{background-color:#555}.logout-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:5px 10px;position:absolute;right:10px;top:10px}.logout-button i{font-size:20px}.content{padding:16px}.p16{padding:16px}.button-group,.input-group{align-content:center;align-items:center;display:grid;grid-template-columns:50% 50%;margin-bottom:16px;padding:0 16px;position:static;width:90%;width:250px;.left-content{display:grid;height:50px;justify-content:start}.right-content{display:grid;height:50px;justify-content:end;padding-right:0}}.input-group label.text{background:#f2f2f2;color:var(--primary-color);font-size:.75rem;font-weight:700;margin:0 0 0 7px;padding:0 3px;position:relative;top:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button-group button,.input-group input.input{background:#f2f2f2;border:2px solid var(--primary-color);border-radius:5px;color:#1f1f1f;display:block;font-size:.75rem;font-weight:700;padding:11px 10px;width:100%}.input-group input.input.disabled{width:100%}.button-group button:focus,.input-group input.input:focus{outline:none}.button-group{grid-template-columns:auto;margin-top:16px}.button-group button{background-color:var(--primary-color);border:2px solid var(--primary-color);color:#f2f2f2;cursor:pointer;margin-top:7px}#companyAddon{width:100px}.twinput{align-items:center;display:flex;display:grid;grid-template-columns:65% 35%;width:120px;.input#returnToPlayer{background:#f2f2f2;border:1px solid var(--primary-color);border-radius:5px 0 0 5px;color:#1f1f1f;height:15px}.button--submit,.input#returnToPlayer{display:block;font-size:.75rem;font-weight:700}.button--submit{background-color:#1f2746;border:none;border-radius:0 5px 5px 0;color:#f1f1f1;padding:11px 10px;width:25px}.button--submit:hover{background-color:#4b73d7}.input:focus,.input:focus-visible{border-color:#3898ec;outline:none}}.small-text{font-size:.75rem;font-style:italic}}@media only screen and (min-width:360px){.button-group,.input-group{width:90%}.form-container{width:290px}}@media only screen and (min-width:600px){.ckhks90{align-content:stretch;display:grid;grid-template-rows:1fr auto;overflow:auto}.header.section{background-color:#fff;height:50px;position:-webkit-sticky;position:sticky;top:-10px}.header.top{align-items:start;grid-template-columns:1fr auto;height:auto;padding-right:50px;position:relative}.menu-button{display:none}.app{grid-template-columns:200px 1fr}.navigation{background-color:inherit;display:block;height:100vh;overflow-y:auto;position:static;width:auto}.navigation ul{display:flex;flex-direction:column}.navigation a,.navigation div{color:#fff;padding:15px}.navigation a:hover,.navigation div:hover{background-color:#555}.logout-button{background-color:#333;position:fixed;right:10px;top:10px;z-index:1000}.content{height:calc(100vh - 60px);padding:0}.tile{height:90px}.form-container{width:100%}.form input{width:93%}.button-group,.input-group{width:90%}}.table-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);height:250px;margin:16px 0;overflow-x:auto;overflow-y:auto;padding:0 16px}@media (min-width:240px) and (max-width:600px){.table-container{width:70vw}}@media (min-width:601px){.table-container{width:90vw;width:568px;width:60vw}}@media (min-width:800px){.table-container{width:600px;width:60vw}}@media (min-width:820px){.table-container{width:620px;width:63vw}}@media (min-width:834px){.table-container{width:634px;width:70vw}}@media (min-width:1280px){.table-container{width:1080px;width:75vw}}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border-color);font-size:12px;padding:8px 12px;text-align:left}thead th{background-color:var(--header-background-color);color:var(--text-color);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}tbody tr:hover{background-color:var(--secondary-color);color:var(--background-color)}.nav h3{color:var(--primary-color);margin:0}.nav p{color:var(--text-color);font-size:14px;margin:0}.right-align{text-align:right}.p0{padding:0}.m4{margin:4px}.chart-container{box-sizing:border-box!important;height:100%!important;padding:16px!important;position:relative}.chart{height:100%!important;width:100%!important}@media (max-width:600px){.chart-container{width:90vw}}@media (min-width:601px){.chart-container{width:60vw}}@media (min-width:800px){.chart-container{width:34vw}}@media (min-width:820px){.chart-container{width:34vw}}@media (min-width:834px){.chart-container{width:39vw}}@media (min-width:1280px){.chart-container{width:40vw}}@media (max-width:240px){.chart-container{height:150px!important}}@media (min-width:241px) and (max-width:320px){.chart-container{height:150px!important}}@media (min-width:321px) and (max-width:359px){.chart-container{height:150px!important}}@media (min-width:360px) and (max-width:374px){.chart-container{height:150px!important}}@media (min-width:375px) and (max-width:389px){.chart-container{height:150px!important}}@media (min-width:390px) and (max-width:392px){.chart-container{height:180px!important}}@media (min-width:393px) and (max-width:413px){.chart-container{height:180px!important}}@media (min-width:414px) and (max-width:429px){.chart-container{height:180px!important}}@media (min-width:430px) and (max-width:767px){.chart-container{height:180px!important}}@media (min-width:768px) and (max-width:799px){.chart-container{height:200px!important}}@media (min-width:800px) and (max-width:819px){.chart-container{height:200px!important}}@media (min-width:820px) and (max-width:833px){.chart-container{height:200px!important}}@media (min-width:834px) and (max-width:1279px){.chart-container{height:200px!important}}@media (min-width:1280px){.chart-container{height:200px!important}}.chat{grid-gap:6px;border-radius:12px;display:grid;gap:6px;grid-template-rows:auto 1fr;height:100%;margin:0 auto;padding:4px;transition:max-height .5s ease-in-out;width:100%}.messages{align-content:space-between;align-items:normal;display:flex;flex-direction:column;height:200px;justify-content:start;margin-bottom:16px;overflow-y:auto}.message{align-items:center;background:#e6e6e6;border-bottom:1px solid #333;border-radius:4px;box-shadow:0 4px 2px #0000001a,0 1px 3px #00000014;display:grid;font-size:var(--m-small-font-size);line-height:1.2;margin-bottom:8px;padding:5px 10px}.message .strong{color:var(--primary-color);font-weight:700}.message span{color:#000;flex:1 1;text-align:left;word-break:break-word}.message-text{color:#000;font-size:var(--m-small-font-size);margin-bottom:4px;text-align:left}.message-text.time{color:var(--brand-orange);font-size:.7rem;font-style:italic;margin-right:12px;text-align:right}.message-input{align-items:center;display:flex}.message-input input{background-color:#ffffff1a;border:1px solid #282c34;border-radius:6px;color:#000;flex:1 1;font-size:var(--small--font-size);outline:none;padding:6px 12px}.message-input input::placeholder{color:#000;font-size:var(--small-font-size);font-style:italic}.message-input button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin:0 0 0 10px;padding:6px 12px;transition:background-color .3s ease-in-out}.message-input button:hover{background-color:var(--primary-color)}
/*# sourceMappingURL=main.0a7360c2.css.map*/