select{height:35px;background:#fff;border:1px solid #d5d8e2;border-radius:11px;font-size:14px;padding-left:10px;-webkit-appearance:none;appearance:none;background:url(https://encode.gesture.day/assets/image/selectArrow.svg) no-repeat 95% 50%/12px auto;min-width:90px}select option{border-radius:13px;font-size:14px}table{table-layout:fixed}button,table{font-size:15px}button{min-width:60px;height:30px;background-color:#428be5;background:#428be5;border:none;color:#fff;border-radius:8px;text-align:center;cursor:pointer;font-weight:500;line-height:14px}body{margin:0}a{color:#000;text-decoration:none}.dateFilterContainer{width:100%;max-width:1700px;margin:20px auto 10px;padding:0 15px}@media (max-width:767px){.dateFilterContainer{padding:0 10px;margin:15px auto 10px}}.dateFilterContainer .statsTimestamp{font-size:12px;color:#666;margin-bottom:10px;text-align:right}.dateFilterContainer .yearTabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:10px;flex-wrap:wrap}.dateFilterContainer .yearTabs .yearTab{padding:10px 18px;background:#f6f7fb;border:1px solid #d5d8e2;border-radius:8px;font-size:14px;font-weight:500;color:#516175;cursor:pointer;transition:all .2s ease}.dateFilterContainer .yearTabs .yearTab:hover{background:#eef0f5;border-color:#428be5}.dateFilterContainer .yearTabs .yearTab.active{background:#428be5;color:#fff;border-color:#428be5;font-weight:600}.dateFilterContainer .monthTabs{display:flex;grid-gap:5px;gap:5px;flex-wrap:wrap}.dateFilterContainer .monthTabs .monthTab{padding:6px 14px;background:#fff;border:1px solid #e0e3ed;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.dateFilterContainer .monthTabs .monthTab:hover{background:#f9fafb;border-color:#428be5}.dateFilterContainer .monthTabs .monthTab.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.pageHeader{display:flex;width:100%;max-width:1700px;justify-content:space-between;align-items:center;margin:auto;padding:0 15px}@media (max-width:767px){.pageHeader{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px;padding:0 10px}}.pageHeader .titleContainer{display:flex;align-items:center}.pageHeader .titleContainer .tableTitle{font-style:normal;font-weight:600;font-size:18px;line-height:21px;color:#072040}.pageHeader .titleContainer .tableTimer{font-style:normal;font-weight:400;font-size:13px;line-height:16px;color:#516175;display:flex;align-items:center;margin-left:15px}.pageHeader .titleContainer .tableTimer img{margin-right:12px}.pageHeader .optionContainer{display:flex;align-items:center;grid-gap:15px;gap:15px}@media (max-width:767px){.pageHeader .optionContainer{flex-direction:column;align-items:stretch;grid-gap:10px;gap:10px;width:100%}}.pageHeader .optionContainer .optionSelect{margin-right:7px;padding-right:25px}@media (max-width:767px){.pageHeader .optionContainer .optionSelect{margin-right:0;width:100%}}.pageHeader .optionContainer .statusTabs{display:flex;grid-gap:5px;gap:5px;flex-wrap:wrap}@media (max-width:767px){.pageHeader .optionContainer .statusTabs{width:100%;justify-content:space-between}}.pageHeader .optionContainer .statusTabs .statusTab{padding:8px 20px;background:#f6f7fb;border:1px solid #d5d8e2;border-radius:8px;font-size:14px;font-weight:500;color:#516175;cursor:pointer;transition:all .2s ease}@media (max-width:767px){.pageHeader .optionContainer .statusTabs .statusTab{min-width:44px;min-height:44px;flex:1 1;text-align:center}}.pageHeader .optionContainer .statusTabs .statusTab:hover{background:#eef0f5;border-color:#428be5}.pageHeader .optionContainer .statusTabs .statusTab.active{background:#428be5;color:#fff;border-color:#428be5;font-weight:600}.pageHeader .optionContainer #searchTitle{width:40px;height:35px;background:#fff;border:1px solid #d5d8e2;border-radius:11px;font-size:14px;padding:0 0 0 10px;min-width:119px;margin-right:0;margin-left:0}@media (max-width:767px){.pageHeader .optionContainer #searchTitle{width:100%;min-width:unset;min-width:44px;min-height:44px}}.pageHeader .optionContainer button{height:35px}@media (max-width:767px){.pageHeader .optionContainer button{min-width:44px;min-height:44px;width:100%}}.wrapper{background-color:#e8eaf2}.wrapper .pageBody .pTable{border-spacing:0;border:1px solid #ddd;width:100%;max-width:1700px;height:617.8px;border-radius:13px;margin:auto;overflow:hidden}@media (max-width:767px){.wrapper .pageBody .pTable{height:auto;border:none;display:block}}@media (max-width:767px){.wrapper .pageBody .pTable thead{display:none}}.wrapper .pageBody .pTable thead th:first-of-type{padding-left:5px}.wrapper .pageBody .pTable thead th:last-of-type{padding-right:5px}.wrapper .pageBody .pTable thead th{word-spacing:-5px;height:49px;text-align:center;border-right:1px dashed #d5d8e2}.wrapper .pageBody .pTable thead th:last-of-type{border:none}.wrapper .pageBody .pTable thead th.id{width:200px}.wrapper .pageBody .pTable thead th.reqServer{width:125px}.wrapper .pageBody .pTable thead th.title{width:320px}.wrapper .pageBody .pTable thead th.fileName{width:95px}.wrapper .pageBody .pTable thead th.originLength{width:123px}.wrapper .pageBody .pTable thead th.originSize{width:85px}.wrapper .pageBody .pTable thead th.encodeFileName,.wrapper .pageBody .pTable thead th.encoding{width:110px}.wrapper .pageBody .pTable thead th.encodeFileSize{width:123px}.wrapper .pageBody .pTable thead th.encodeFileLength{width:125px}.wrapper .pageBody .pTable thead th.encodeStatus{width:70px}.wrapper .pageBody .pTable thead th.encodeEnd,.wrapper .pageBody .pTable thead th.encodeStart,.wrapper .pageBody .pTable thead th.uploadTime{width:130px;font-size:12px}.wrapper .pageBody .pTable thead th.originFileManage{width:125px}@media (max-width:767px){.wrapper .pageBody .pTable tbody{display:block}}@media (max-width:767px){.wrapper .pageBody .pTable tbody tr{display:block;margin-bottom:15px;background:#fff!important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:15px;border:1px solid #e0e3ed}}.wrapper .pageBody .pTable tbody tr:nth-child(odd){background-color:#f6f7fb}.wrapper .pageBody .pTable tbody tr:nth-child(2n){background-color:#fff}.wrapper .pageBody .pTable tbody td:first-of-type{padding-left:5px}.wrapper .pageBody .pTable tbody td:last-of-type{padding-right:5px}.wrapper .pageBody .pTable tbody td{padding:8px 5px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;border-right:1px dashed #d5d8e2}@media (max-width:767px){.wrapper .pageBody .pTable tbody td{display:block;text-align:left;padding:8px 0;border:none!important;white-space:normal;word-break:break-word}.wrapper .pageBody .pTable tbody td:before{content:attr(data-label);font-weight:600;color:#072040;display:inline-block;min-width:100px;margin-right:10px}}.wrapper .pageBody .pTable tbody td a{color:#428be5;font-weight:500}.wrapper .pageBody .pTable tbody td:last-of-type{border:none}.wrapper .pageBody .pTable tbody td:nth-child(2){font-size:12px;font-weight:500}@media (max-width:767px){.wrapper .pageBody .pTable tbody td:nth-child(2){font-size:14px;font-weight:600;color:#072040;margin-bottom:5px}}.wrapper .pageBody .pTable tbody td:nth-child(11),.wrapper .pageBody .pTable tbody td:nth-child(12),.wrapper .pageBody .pTable tbody td:nth-child(13){font-size:11px;color:#516175;font-family:monospace}@media (max-width:767px){.wrapper .pageBody .pTable tbody td:nth-child(11),.wrapper .pageBody .pTable tbody td:nth-child(12),.wrapper .pageBody .pTable tbody td:nth-child(13){font-size:12px}}.wrapper .pagination{display:flex;justify-content:space-around;max-width:500px;align-items:center;margin:20px auto auto}.wrapper .pagination button{background:none;min-width:10px}.wrapper .pagination p{cursor:pointer;height:30px;border-radius:7px;display:flex;justify-content:center;align-items:center;font-size:15px;padding:0 10px}.wrapper .pagination p.active{color:#fff;background-color:#428be5}.wrapper .selectPageContainer{text-align:center}.wrapper .selectPageContainer #selectPage{width:40px;height:35px;background:#fff;border:1px solid #d5d8e2;border-radius:11px;font-size:14px;padding-left:10px;min-width:90px;margin-right:15px}.wrapper .selectPageContainer button{height:35px}.statsTableContainer{width:100%;max-width:1700px;margin:20px auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:767px){.statsTableContainer{padding:15px;margin:10px auto}}.statsTableContainer h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#2c3e50;border-bottom:2px solid #428be5;padding-bottom:10px}.statsTableContainer .statsTable{width:100%;border-collapse:collapse;margin-bottom:40px}@media (max-width:767px){.statsTableContainer .statsTable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.statsTableContainer .statsTable thead{background:#f6f7fb}@media (max-width:767px){.statsTableContainer .statsTable thead,.statsTableContainer .statsTable thead tr{display:block}}.statsTableContainer .statsTable thead tr th{padding:15px;text-align:center;font-weight:600;font-size:14px;color:#516175;border-bottom:2px solid #d5d8e2}@media (max-width:767px){.statsTableContainer .statsTable thead tr th{display:inline-block;min-width:100px;padding:10px;font-size:12px}}.statsTableContainer .statsTable thead tr th:first-child{text-align:left;padding-left:20px}@media (max-width:767px){.statsTableContainer .statsTable thead tr th:first-child{padding-left:10px}}@media (max-width:767px){.statsTableContainer .statsTable tbody{display:block}}.statsTableContainer .statsTable tbody tr{border-bottom:1px solid #eef0f5;transition:background .2s ease}@media (max-width:767px){.statsTableContainer .statsTable tbody tr{display:block}}.statsTableContainer .statsTable tbody tr:hover{background:#f9fafb}.statsTableContainer .statsTable tbody tr.totalRow{background:#f6f7fb;border-top:2px solid #428be5;border-bottom:2px solid #428be5}.statsTableContainer .statsTable tbody tr.totalRow:hover{background:#eef0f5}.statsTableContainer .statsTable tbody tr td{padding:12px 15px;text-align:center;font-size:13px;color:#516175}@media (max-width:767px){.statsTableContainer .statsTable tbody tr td{display:inline-block;min-width:100px;padding:8px 10px;font-size:12px}}.statsTableContainer .statsTable tbody tr td:first-child{text-align:left;padding-left:20px}@media (max-width:767px){.statsTableContainer .statsTable tbody tr td:first-child{padding-left:10px;font-weight:600}}.statsTableContainer .statsTable tbody tr td:nth-child(5){color:#28a745;font-weight:500}.statsTableContainer:last-child{margin-bottom:30px}.header{min-height:320px;background:#fff;justify-content:right;display:flex;padding-top:20px}.header .logo{position:absolute;width:100%}.header .logo .logoContainer{text-align:center}.header .user{display:flex;justify-content:center;margin-right:110px;z-index:1}.header .user .userInfo{display:flex;margin-right:15px}.header .user .userInfo p{margin:0;font-weight:700}.header .user .logoutButton{cursor:pointer}body{background-color:#e8eaf2}.body{position:absolute;width:100%;top:120px;z-index:2}.loginBody{min-height:300px;width:30%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:11px;margin:30px auto auto;border:1px solid #d5d8e2;box-shadow:0 15px 15px 0 #dbdfec}.loginBody p{text-align:center;margin-top:0;margin-bottom:40px}.loginBody input{height:35px;border-radius:13px;border:1px solid #d5d8e2;padding:0 20px;width:140px}.loginBody button{display:block;margin:20px auto auto;width:180px;height:35px}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width:767px){.show-mobile{display:block!important}}.statsPageContainer{max-width:1200px;margin:40px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:767px){.statsPageContainer{margin:15px auto;padding:15px;border-radius:8px}}.statsPageContainer .loading{text-align:center;padding:60px 20px;font-size:16px;color:#666}.statsPageContainer .tabButtons{display:flex;grid-gap:8px;gap:8px;margin-bottom:30px;border-bottom:2px solid #e0e3ed;padding-bottom:0}@media (max-width:767px){.statsPageContainer .tabButtons{grid-gap:4px;gap:4px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}}.statsPageContainer .tabButtons button{padding:12px 24px;background:transparent;color:#516175;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media (max-width:767px){.statsPageContainer .tabButtons button{padding:10px 16px;font-size:13px}}.statsPageContainer .tabButtons button:hover{color:#428be5;background:#f6f7fb}.statsPageContainer .tabButtons button.active{color:#428be5;border-bottom-color:#428be5;font-weight:600}.statsPageContainer .statsHeader{margin-bottom:30px;border-bottom:2px solid #428be5;padding-bottom:20px}@media (max-width:767px){.statsPageContainer .statsHeader{margin-bottom:20px;padding-bottom:15px}}.statsPageContainer .statsHeader h1{font-size:28px;font-weight:600;color:#072040;margin:0 0 10px}@media (max-width:767px){.statsPageContainer .statsHeader h1{font-size:22px}}.statsPageContainer .statsHeader .statsInfo{display:flex;justify-content:space-between;align-items:center}@media (max-width:767px){.statsPageContainer .statsHeader .statsInfo{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}}.statsPageContainer .statsHeader .statsInfo .updateTime{font-size:14px;color:#666}@media (max-width:767px){.statsPageContainer .statsHeader .statsInfo .updateTime{font-size:12px}}.statsPageContainer .serverSelector{margin-bottom:30px;display:flex;align-items:center;grid-gap:12px;gap:12px}@media (max-width:767px){.statsPageContainer .serverSelector{flex-direction:column;align-items:stretch;margin-bottom:20px}}.statsPageContainer .serverSelector label{font-size:15px;font-weight:500;color:#072040}@media (max-width:767px){.statsPageContainer .serverSelector label{font-size:14px}}.statsPageContainer .serverSelector select{padding:10px 16px;border:1px solid #d5d8e2;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:180px;transition:all .2s ease}@media (max-width:767px){.statsPageContainer .serverSelector select{min-width:44px;min-height:44px;width:100%;min-width:unset}}.statsPageContainer .serverSelector select:hover{border-color:#428be5}.statsPageContainer .serverSelector select:focus{outline:none;border-color:#428be5;box-shadow:0 0 0 3px rgba(66,139,229,.1)}.statsPageContainer .statsSection{margin-bottom:40px}@media (max-width:767px){.statsPageContainer .statsSection{margin-bottom:25px}}.statsPageContainer .statsSection h2{font-size:20px;font-weight:600;color:#072040;margin:0 0 20px;padding-left:12px;border-left:4px solid #428be5}@media (max-width:767px){.statsPageContainer .statsSection h2{font-size:18px;margin-bottom:15px}}.statsPageContainer .statsSection .statsTable{width:100%;border-collapse:collapse;border:1px solid #e0e3ed;border-radius:8px;overflow:hidden}@media (max-width:767px){.statsPageContainer .statsSection .statsTable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px}}.statsPageContainer .statsSection .statsTable thead{background-color:#f6f7fb}@media (max-width:767px){.statsPageContainer .statsSection .statsTable thead{display:table-header-group}}.statsPageContainer .statsSection .statsTable thead th{padding:14px 16px;text-align:left;font-size:14px;font-weight:600;color:#072040;border-bottom:2px solid #d5d8e2}@media (max-width:767px){.statsPageContainer .statsSection .statsTable thead th{padding:10px 12px;font-size:12px;white-space:nowrap}}.statsPageContainer .statsSection .statsTable thead th:first-child{padding-left:24px}@media (max-width:767px){.statsPageContainer .statsSection .statsTable thead th:first-child{padding-left:12px}}.statsPageContainer .statsSection .statsTable thead th:last-child{padding-right:24px}@media (max-width:767px){.statsPageContainer .statsSection .statsTable thead th:last-child{padding-right:12px}}@media (max-width:767px){.statsPageContainer .statsSection .statsTable tbody{display:table-row-group}}.statsPageContainer .statsSection .statsTable tbody tr{transition:background-color .2s ease}.statsPageContainer .statsSection .statsTable tbody tr:hover{background-color:#f9fafb}.statsPageContainer .statsSection .statsTable tbody tr:nth-child(2n){background-color:#fafbfc}.statsPageContainer .statsSection .statsTable tbody tr.totalRow{background-color:#eef6ff;font-weight:600;border-top:2px solid #428be5;border-bottom:2px solid #428be5}.statsPageContainer .statsSection .statsTable tbody tr.totalRow:hover{background-color:#e3f1ff}.statsPageContainer .statsSection .statsTable tbody tr.totalRow td{color:#072040}.statsPageContainer .statsSection .statsTable tbody tr td{padding:12px 16px;font-size:14px;color:#516175;border-bottom:1px solid #e0e3ed}@media (max-width:767px){.statsPageContainer .statsSection .statsTable tbody tr td{padding:10px 12px;font-size:12px;white-space:nowrap}}.statsPageContainer .statsSection .statsTable tbody tr td:first-child{padding-left:24px;font-weight:500;color:#072040}@media (max-width:767px){.statsPageContainer .statsSection .statsTable tbody tr td:first-child{padding-left:12px}}.statsPageContainer .statsSection .statsTable tbody tr td:last-child{padding-right:24px}@media (max-width:767px){.statsPageContainer .statsSection .statsTable tbody tr td:last-child{padding-right:12px}}.statsPageContainer .statsSection .monthlyTableContainer{max-height:600px;overflow-y:auto;border-radius:8px;border:1px solid #e0e3ed}@media (max-width:767px){.statsPageContainer .statsSection .monthlyTableContainer{max-height:400px;border-radius:6px}}.statsPageContainer .statsSection .monthlyTableContainer .monthlyTable{border:none;border-radius:0}.statsPageContainer .statsSection .monthlyTableContainer .monthlyTable thead{position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.05)}.statsPageContainer .backButtonContainer{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #e0e3ed}@media (max-width:767px){.statsPageContainer .backButtonContainer{margin-top:25px;padding-top:20px}}.statsPageContainer .backButtonContainer .backButton{padding:12px 32px;background:#428be5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}@media (max-width:767px){.statsPageContainer .backButtonContainer .backButton{min-width:44px;min-height:44px;width:100%;max-width:300px}}.statsPageContainer .backButtonContainer .backButton:hover{background:#3a7acc;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 8px rgba(66,139,229,.3)}.statsPageContainer .backButtonContainer .backButton:active{-webkit-transform:translateY(0);transform:translateY(0)}.monthlyTableContainer::-webkit-scrollbar{width:8px}.monthlyTableContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.monthlyTableContainer::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}.monthlyTableContainer::-webkit-scrollbar-thumb:hover{background:#a8adb8}