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}.App{position:relative;text-align:center}.loading{background-color:rgba(0,0,0,.7);cursor:auto;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:999}.animation{left:calc(50vw - 200px);pointer-events:none;position:absolute;top:calc(50vh - 200px)}.App-header{border-bottom:2px solid #282c34;flex-direction:column;font-size:calc(10px + 2vmin);min-height:10vh}.App-header,.App-header-menu{align-items:center;display:flex;justify-content:center;position:relative}.App-header-menu{color:#fff;margin-top:5px}.App-header-menu>button{margin-left:5px}.header-table{display:flex;font-size:14px;justify-content:center;margin-top:10px;width:90vw}.loss-color{color:red}.normal-color{color:#00008b}.cash-color{color:#daa520;font-weight:700}.refresh-btn{color:#008b8b;font-size:16px;font-weight:700;white-space:break-spaces;width:32px}.not-allow{color:red;cursor:not-allowed;font-size:xx-large;font-weight:700;height:50vh}.login-container,.not-allow{align-items:center;display:flex;justify-content:center}.login-container{flex-direction:column;height:70vh}.flex,.info-page-wrapper{align-items:center;display:flex}.info-page-wrapper{flex-direction:column;padding:10px}.time-tick{color:#000;font-size:22px;position:absolute;right:10px}.chart{padding:3rem;position:relative}.chart-title{color:#808191;font-size:1.25em}.search-container{align-items:center;background-color:#fafafa;border:1px solid #282c34;display:flex;flex-wrap:wrap;min-width:900px;padding:5px 10px}.search-item{margin-right:10px}.search-item-checkbox{border:1px solid #000;display:flex;justify-content:center;margin-right:10px}.search-item>input{width:100px}.search-item-checkbox>input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-item-content{width:300px!important}.search-item-action{width:130px!important}.search-item-button,.search-item>label{margin:5px 5px 5px 0}.search-item-checkbox>label{margin-right:5px}.search-item-select{min-width:200px;padding:.25rem}.search-item-input{padding:.25rem}.table-container{display:flex;justify-content:center;margin:auto;padding:20px;width:90vw}.table-wrapper{min-width:880px;table-layout:fixed;width:90vw}.table-wrapper>tbody{display:block;max-height:600px;overflow-y:scroll;width:100%}.table-wrapper>thead{display:table;table-layout:fixed;width:calc(100% - 16px)}.table-wrapper>tbody tr{display:table;table-layout:fixed;width:100%}.table-wrapper-content{width:350px;word-break:break-all}.table-wrapper-id{width:50px}.table-wrapper-time{white-space:break-spaces!important}.table-body-row>td{word-break:break-all}.pagining-container{display:flex;justify-content:center}.pagining-desc{margin-right:10px}.pagining-button{margin-right:5px}.summary-container{align-items:center;display:flex;justify-content:center;margin:0 10px}.summary-text{color:#daa520;font-weight:700;margin:0 5px}.chart-main{display:flex;flex-direction:column;grid-area:1/1/3/3;height:100%;justify-content:center}.chart-sub{background:hsla(0,0%,100%,.706)}.chart-pie{position:relative}.chart-filter{align-items:center;margin:1rem 2rem;padding:.5rem 0;position:relative}.chart-filter,.toggle-group{display:flex;gap:1rem;justify-content:center}.toggle-group--item{align-items:center;display:flex}.chart-filter--buttongroup{position:absolute;right:2.5rem;top:0;z-index:10}.select-domain{min-width:200px}.ip-info-btn{background-color:#7dd3fc}.ip-info-btn,.ip-info-update-btn{border:none;border-radius:4px;color:hsla(0,0%,100%,.87);cursor:pointer;margin:0 .25rem;padding:.25rem .5rem}.ip-info-update-btn{background-color:#fc7dae}.modal{background:#fff;border-radius:4px;left:50%;padding:2rem 1.25rem 1.25rem;position:fixed;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20}.modal-close{cursor:pointer;padding:.25rem .5rem .5rem;position:absolute;right:0;top:0}.ip-modal{align-items:start;flex-direction:column}.ip-modal,.ip-row{display:flex;gap:1rem}.ip-row{align-items:center}.ip-row--name{width:50px}.search-ip-btn{margin-left:5px}.backdrop{background:rgba(0,0,0,.5);height:100%;position:fixed;width:100%;z-index:10}.grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.remove-reason-dialog{align-items:center;background-color:#fdfdfd;border:1px solid #000;display:flex;flex-direction:column;left:calc(50% - 155px);padding:5px;position:absolute;top:calc(50% - 70px);z-index:20}.remove-reason-dialog-id{color:blue;cursor:pointer}.remove-reason-dialog-input{width:300px}.remove-reason-dialog-button-grp{display:flex;justify-content:space-evenly;margin-top:5px;width:100px}.fullbg{background-color:rgba(0,0,0,.7);height:120%;left:0;position:fixed;top:0;width:100%;z-index:10}.statistic-container{align-items:center;background-color:#333;display:flex;flex-direction:column;height:calc(90vh - 5px);justify-content:center;min-height:822px;overflow:hidden;padding:0 10px}.statistic-group{background-color:#fafafa;border:#000;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px;width:720px}.statistic-group:nth-child(2){background-color:#ededed}.statistic-picker{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 10px}.statistic-table{font-size:20px}.table-text-number{color:blue}.table-text-money{color:#daa520;font-weight:700}.table-text-money-light{color:#ddbc07;font-weight:700}.table-text-positive{color:green;font-weight:700}.table-text-negative{color:red;font-weight:700}.table-text-tip{color:red;font-size:14px}.table-text-keyword{color:red;font-weight:700}.table-item-clickable:hover{color:blue;cursor:pointer}.copy-btn:hover{background-color:#add8e6;color:#9932cc;cursor:pointer;font-weight:700}.url-text{padding-right:30px;position:relative}.hyper-link{position:absolute;right:2px;text-decoration:none}.download-button{margin-left:20px}@media (max-width:1839px){.time-tick{font-size:20px;max-width:280px;white-space:break-spaces}.table-wrapper-ip{display:none}}@media (max-width:1639px){.time-tick{font-size:16px;max-width:160px;white-space:break-spaces}.table-container{display:flex;justify-content:center;min-width:1639px;padding:20px}}@media (max-width:1400px){.time-tick{font-size:12px;max-width:80px;white-space:break-spaces}.table-container{display:flex;justify-content:center;min-width:1400px;padding:20px}}@media (max-width:1230px){.time-tick{font-size:12px;max-width:40px;white-space:break-spaces}}