.header{padding:15px 20px}.header-title{color:#000;font-size:20px;text-decoration:none}.header-title:hover{text-decoration:underline}@media (max-width: 1440px){.header{padding:15px 18px}.header-title{font-size:19px}}@media (max-width: 1024px){.header{padding:15px 16px}.header-title{font-size:17px}}@media (max-width: 768px){.header{padding:14px 15px}.header-title{font-size:15px}}@media (max-width: 425px){.header{padding:13px 14px}.header-title{font-size:16px}}@media (max-width: 375px){.header{padding:12px 13px}.header-title{font-size:15px}}@media (max-width: 325px){.header{padding:11px 12px}.header-title{font-size:14px}}.search-section{background-color:#80ffa6;padding:5px;border-radius:4px;margin:80px auto;width:600px}.search-section.manage{background-color:#80ffa6}.search-input-container{display:flex;align-items:center}.search-input{flex:1;padding:10px;border:none;border-radius:4px 0 0 4px;border-right:none}.file-input{display:none}.file-button{padding:10px 15px;background-color:#f1f3f4;border:1px solid #dadce0;border-radius:4px 0 0 4px;cursor:pointer}.file-button:hover{background-color:#e6e6e6}.file-status{padding:10px;background-color:#fff;border:1px solid #dadce0;border-left:none;border-right:none;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-button{padding:10px 15px;background-color:transparent;border:none;cursor:pointer}.search-button:hover{background-color:#f1f3f4}.error-message{color:#000;margin-bottom:10px;font-size:14px}@media (max-width: 1440px){.search-section{width:550px;margin:70px auto}.search-input,.file-button,.file-status{padding:9px 14px}}@media (max-width: 1024px){.search-section{width:500px;margin:60px auto}.search-input,.file-button,.file-status{padding:8px 13px}.error-message{font-size:13px}}@media (max-width: 768px){.search-section{width:400px;margin:50px auto}.search-input::placeholder{font-size:10px}.search-input,.file-button,.file-status{padding:7px 12px}}@media (max-width: 425px){.search-section{width:300px;margin:40px auto}.search-input,.file-button,.file-status{padding:6px 10px;font-size:10px}.search-input::placeholder{font-size:8px}.error-message{font-size:12px}.search-section.search .search-button,.search-section.manage .search-button,.search-section.upload .search-button{font-size:9px}}@media (max-width: 375px){.search-section{width:250px;margin:30px auto}.search-input,.file-button,.file-status{padding:7px;font-size:9px}}@media (max-width: 325px){.search-section{width:220px;margin:25px auto}.file-button,.file-status{font-size:8px!important}.search-input,.file-button,.file-status{padding:4px 6px;font-size:12px}.error-message{font-size:11px}.search-input::placeholder{font-size:6px}.search-section.search .search-button,.search-section.manage .search-button,.search-section.upload .search-button{font-size:7px}}.main-container{padding:20px;text-align:center}.divider{height:1px;background-color:#dadce0;margin:20px 0}.info{margin:20px 0;color:#000;font-size:16px;line-height:2}.navButtons{margin:80px 400px;font-size:12px}.nav-link-button{text-decoration:none;color:#000;padding-right:20px;font-size:13px}.nav-link-button:hover{text-decoration:underline}.nav-link-button.active span{color:#797979;text-decoration:underline}@media (max-width: 1440px){.navButtons{margin:80px 425px}}@media (max-width: 1024px){.navButtons{margin:80px 300px;font-size:11px}}@media (max-width: 768px){.navButtons{margin:80px 85px;font-size:10px}.nav-link-button{padding-right:18px;font-size:10px}}@media (max-width: 425px){.navButtons{margin:50px 140px;font-size:7px}.nav-link-button{padding-right:10px;font-size:9px}.info{font-size:10px;line-height:1.8}}@media (max-width: 375px){.navButtons{margin:50px 55px;font-size:7px}.nav-link-button{padding-right:8px;font-size:8px}}@media (max-width: 325px){.navButtons{margin:40px 60px;font-size:6px}.nav-link-button{padding-right:6px;font-size:6px}.info{font-size:13px;line-height:1.6}}.stats-container{padding:20px;height:400px;width:400px;margin-left:1370px;margin-top:-440px;background-color:#fff;box-shadow:0 5px 10px #0000001a;border-radius:10px}.stats-container h1{font-size:16px;margin:0 0 5px;color:#333}.stats-container p{font-size:13px;color:#777;margin:0 0 20px}.diagram-wrapper{margin:20px auto}.diagram-chart{width:200px;height:200px;margin:0 auto;position:relative}.diagram{width:100%;height:100%;border-radius:50%;background:conic-gradient(#0da76c 0% 40%,#34eba4 40% 70%,#04fd25 70% 90%,#3fddc3 90% 100%);position:relative}.diagram-center{position:absolute;width:100px;height:100px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.keys{text-align:center}.keys h2{font-size:13px;color:#777;margin:0;font-weight:400}.keys-of-number{font-size:24px;font-weight:700;margin:5px 0;color:#333}.keystip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;padding:6px 12px;border-radius:4px;box-shadow:0 2px 8px #0000001a;font-size:13px;white-space:nowrap;margin-top:10px}.os-labels{display:flex;justify-content:center;gap:15px;margin-top:70px;flex-wrap:wrap}.os-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.color-dot{width:12px;height:12px;border-radius:50%}.mac .color-dot{background:#0da76c}.window .color-dot{background:#34eba4}.ios .color-dot{background:#04fd25}.android .color-dot{background:#3fddc3}@media (max-width: 1440px){.stats-container{width:800px;height:380px;margin-left:420px;margin-top:50px}.diagram-chart{width:180px;height:180px}.diagram-center{width:90px;height:90px}}@media (max-width: 1024px){.stats-container{width:520px;height:340px;margin-left:300px;margin-top:50px}.diagram-chart{width:160px;height:160px}.diagram-center{width:80px;height:80px}.os-labels{margin-top:50px;gap:12px}}@media (max-width: 768px){.stats-container{width:600px;height:250px;margin-left:80px;margin-top:50px}.diagram-chart{width:140px;height:140px}.diagram-center{width:70px;height:70px}.keys-of-number{font-size:14px}.os-labels{margin-top:40px;gap:10px}}@media (max-width: 425px){.stats-container{width:310px;height:280px;margin-left:60px;margin-top:50px}.diagram-chart{width:120px;height:120px}.diagram-center{width:60px;height:60px}.stats-container h1{font-size:14px}.stats-container p,.os-label{font-size:12px}}@media (max-width: 375px){.stats-container{width:270px;height:230px;margin-left:50px;margin-top:50px}.diagram-chart{width:110px;height:110px}.diagram-center{width:55px;height:55px}.keys-of-number{font-size:11px}}@media (max-width: 325px){.stats-container{width:230px;height:240px;margin-left:50px;margin-top:50px}.diagram-chart{width:100px;height:100px}.diagram-center{width:50px;height:50px}.os-labels{gap:8px}.color-dot{width:10px;height:10px}}.specific-page.main-container{margin:1000px}.title{color:#202124;font-size:20px;margin-top:20px}.info{font-size:14px}@media (max-width: 1440px){.title{font-size:19px;margin-top:18px}.info{font-size:13.5px}}@media (max-width: 1024px){.title{font-size:18px;margin-top:16px}.info{font-size:13px}}@media (max-width: 768px){.title{font-size:17px;margin-top:14px}.navButtons{margin-left:100px}.specific-page.main-container{margin:10px 90px!important}.info{font-size:12.5px}}@media (max-width: 425px){.title{font-size:16px;margin-top:12px}.navButtons{margin-left:60px;font-size:8px}.nav-link-button{font-size:8px}.specific-page.main-container{margin:10px 50px!important}.info{font-size:12px}}@media (max-width: 375px){.title{font-size:15px;margin-top:10px}.info{font-size:11.5px}}@media (max-width: 325px){.title{font-size:14px;margin-top:8px}.info{font-size:11px}}.specific-page.main-container{margin:0 600px}.title{color:#202124;font-size:20px;margin-bottom:20px}.info-text{margin-top:20px;color:#202124;font-size:14px;line-height:2}@media (max-width: 1440px){.specific-page.main-container{margin:0 500px}.title{font-size:19px;margin-bottom:18px}.info-text{font-size:13.5px;margin-top:18px}}@media (max-width: 1024px){.specific-page.main-container{margin:0 300px}.title{font-size:18px;margin-bottom:16px}.info-text{font-size:13px;margin-top:16px}}@media (max-width: 768px){.specific-page.main-container{margin:0 200px}.title{font-size:17px;margin-bottom:14px}.info-text{font-size:12.5px;margin-top:14px}}@media (max-width: 425px){.specific-page.main-container{margin:0 100px}.title{font-size:16px;margin-bottom:12px}.info-text{font-size:12px;margin-top:12px;line-height:1.8}}@media (max-width: 375px){.specific-page.main-container{margin:0 50px}.title{font-size:15px;margin-bottom:10px}.info-text{font-size:11.5px;margin-top:10px}}@media (max-width: 325px){.specific-page.main-container{margin:0 20px}.title{font-size:14px;margin-bottom:8px}.info-text{font-size:11px;margin-top:8px;line-height:1.6}}.navbar{display:flex;margin:20px 0;padding:2px 55px;font-size:10px;border-bottom:1px solid #dadce0;background:#80ffa6;flex-wrap:wrap;justify-content:center}.nav-link{color:#1a73e8;text-decoration:none;font-size:14px}.nav-link.active{color:#000;font-weight:700}.nav-link:hover{text-decoration:underline}@media (max-width: 1440px){.navbar{padding:2px 45px;font-size:9.5px}.nav-link{font-size:13px}}@media (max-width: 1024px){.navbar{padding:2px 15px;font-size:8px}.nav-link{font-size:8px;text-wrap:wrap}}@media (max-width: 768px){.navbar{padding:2px 25px;font-size:8.5px}.nav-link{font-size:11px}}@media (max-width: 425px){.navbar{padding:2px 15px;font-size:8px}.nav-link{font-size:10px}}@media (max-width: 375px){.navbar{padding:2px 10px;font-size:7.5px}.nav-link{font-size:9px}}@media (max-width: 325px){.navbar{padding:2px 8px;font-size:7px}.nav-link{font-size:8px}}.main-container.specific-page,.content{margin-top:20px}.text{color:#202124;font-size:15px;line-height:1.6;margin-bottom:15px;text-align:left}.text-title{text-align:left;font-weight:bolder}.link{color:#1a73e8;text-decoration:none}.link:hover{text-decoration:underline}@media (max-width: 1440px){.text{font-size:14.5px;line-height:1.55}}@media (max-width: 1024px){.text{font-size:14px;line-height:1.5;margin-bottom:14px}.main-container.specific-page,.content{margin-top:18px}}@media (max-width: 768px){.text{font-size:13.5px;line-height:1.45;margin-bottom:13px}.main-container.specific-page,.content{margin-top:16px}}@media (max-width: 425px){.text{font-size:13px;line-height:1.4;margin-bottom:12px}.main-container.specific-page,.content{margin-top:14px}}@media (max-width: 375px){.text{font-size:12.5px;line-height:1.35;margin-bottom:11px}}@media (max-width: 325px){.text{font-size:12px;line-height:1.3;margin-bottom:10px}.main-container.specific-page,.content{margin-top:12px}}.page-title{color:#202124;font-size:20px;margin-bottom:20px}@media (max-width: 1440px){.page-title{font-size:19px;margin-bottom:18px}}@media (max-width: 1024px){.page-title{font-size:18px;margin-bottom:16px}}@media (max-width: 768px){.page-title{font-size:17px;margin-bottom:14px}}@media (max-width: 425px){.page-title{font-size:16px;margin-bottom:12px}}@media (max-width: 375px){.page-title{font-size:15px;margin-bottom:10px}}@media (max-width: 325px){.page-title{font-size:14px;margin-bottom:8px}}.title{color:#202124;font-size:22px;margin-bottom:20px;padding:5px 15px;background:#ccf8d9;text-align:left}.text-title{font-size:22px;font-weight:bolder}.text-title-min{font-size:17px;font-weight:700;text-align:left}.text img{max-width:100%;margin-left:19%}@media (max-width: 1440px){.title,.text-title{font-size:21px}.text-title-min{font-size:16px}}@media (max-width: 1024px){.title,.text-title{font-size:20px;margin-bottom:18px}.text-title-min{font-size:15px}.text img{margin-left:10%;width:400px}}@media (max-width: 768px){.title,.text-title{font-size:19px;margin-bottom:16px;padding:5px 12px}.text-title-min{font-size:14px}.text img{margin-left:10%}}@media (max-width: 425px){.title,.text-title{font-size:16px;margin-bottom:14px;padding:5px 10px}.text-title-min{font-size:12px}.text img{width:270px;margin-left:5%}}@media (max-width: 375px){.title,.text-title{font-size:17px;margin-bottom:12px}.text-title-min{font-size:12px}.text img{display:block;margin:0 auto}}@media (max-width: 325px){.title,.text-title{font-size:16px;margin-bottom:10px;padding:5px 8px}}.nav-menu{width:250px;background-color:#fff;padding:20px;height:100vh;box-shadow:2px 0 5px #0000001a;position:fixed;left:0;top:0;transition:all .3s}.nav-menu ul{list-style:none;padding:0;margin:20px 3px}.nav-menu li{margin-bottom:15px}.nav-link{color:#474747;font-size:14px;display:block;padding:8px 25px;border-radius:4px}.nav-link:hover{background-color:#e8f0fe}.logo img{width:100px}.nav-link img{margin-right:30px}@media (max-width: 1440px){.nav-menu{width:230px;padding:18px}.nav-link{font-size:13px;padding:7px 22px}.logo img{width:90px}.nav-link img{margin-right:25px}}@media (max-width: 1024px){.nav-menu{width:210px;padding:16px}.nav-link{font-size:12px;padding:6px 20px}.logo img{width:80px}.nav-link img{margin-right:20px}}@media (max-width: 768px){.nav-menu{width:35px;padding:10px 5px}.nav-menu .logo,.nav-menu .nav-link span{display:none}.nav-menu .nav-link{padding:8px 5px}.nav-menu .nav-link img{margin-right:0;width:10px}}.nav-menu.open{width:250px;padding:20px}.nav-menu.open .logo,.nav-menu.open .nav-link span{display:block}.nav-menu.open .nav-link{padding:8px 25px}.nav-menu.open .nav-link img{margin-right:30px}.title{display:none}.text-highlight-main{background-color:#f1f1f1;padding:7px 15px;width:700px;font-size:14px;margin-left:10px;text-align:left;border-left:11px solid rgb(187,186,186)}.text-highlight{background-color:#f1f1f1;padding:7px 15px;width:650px;margin-left:60px;text-align:left;border-left:11px solid rgb(187,186,186)}@media (max-width: 1440px){.text-highlight-main{width:650px;margin-left:10px}.text-highlight{width:600px;margin-left:50px}}@media (max-width: 1024px){.text-highlight-main{width:450px;font-size:13.5px}.text-highlight{width:420px;margin-left:40px}}@media (max-width: 768px){.text-highlight-main{width:500px;font-size:12px;padding:6px 12px}.text-highlight{width:480px;margin-left:30px;font-size:12px;padding:6px 12px}}@media (max-width: 425px){.text-highlight-main{width:270px;font-size:8px;margin-left:5px;border-left-width:8px}.text-highlight{width:260px;margin-left:15px;border-left-width:8px}}@media (max-width: 375px){.text-highlight-main{width:230px;font-size:12px}.text-highlight{width:220px;margin-left:10px}}@media (max-width: 325px){.text-highlight-main{width:200px;font-size:11px;padding:5px 10px}.text-highlight{width:200px;margin-left:5px;padding:5px 10px}}.text-indent{text-align:left;font-size:15px;line-height:1.6;margin-left:40px}.transparent{list-style-type:circle}@media (max-width: 1440px){.text-indent{font-size:14.5px;margin-left:35px}}@media (max-width: 1024px){.text-indent{font-size:14px;line-height:1.55;margin-left:30px}}@media (max-width: 768px){.text-indent{font-size:13.5px;margin-left:25px}}@media (max-width: 425px){.text-indent{font-size:13px;line-height:1.5;margin-left:20px}}@media (max-width: 375px){.text-indent{font-size:12.5px;margin-left:15px}}@media (max-width: 325px){.text-indent{font-size:12px;line-height:1.45;margin-left:10px}}.resualt{margin-top:50px}.specific-page.main-container{margin-top:100px}.result{line-height:50px;margin-top:50px}.clue{margin-top:70px}@media (max-width: 1440px){.resualt{margin-top:45px}.specific-page.main-container{margin-top:90px}.result{line-height:45px;margin-top:45px}.clue{margin-top:65px}}@media (max-width: 1024px){.resualt{margin-top:40px}.specific-page.main-container{margin-top:80px}.result{line-height:40px;margin-top:40px}.clue{margin-top:60px}}@media (max-width: 768px){.resualt{margin-top:35px}.specific-page.main-container{margin-top:70px}.result{line-height:35px;margin-top:35px}.clue{margin-top:50px}}@media (max-width: 425px){.resualt{margin-top:30px}.specific-page.main-container{margin-top:60px}.result{line-height:30px;margin-top:30px}.clue{margin-top:40px}}@media (max-width: 375px){.resualt{margin-top:25px}.specific-page.main-container{margin-top:50px}.result{line-height:25px;margin-top:25px}.clue{margin-top:35px}}@media (max-width: 325px){.resualt{margin-top:20px}.specific-page.main-container{margin-top:40px}.result{line-height:20px;margin-top:20px}.clue{margin-top:30px}}.email-list li{list-style:none}body{font-family:Arial,sans-serif;background-color:#f8f9fa}.main-container{width:900px;min-height:400px;margin:-20px 400px;background-color:#fff;box-shadow:0 5px 10px #0000001a;border-radius:10px}h2{margin:0;padding:0}@media (max-width: 1440px){.main-container{width:800px;margin:-20px 420px}}@media (max-width: 1024px){.main-container{width:520px;margin:-20px 300px}}@media (max-width: 768px){.main-container{width:600px;min-height:100px;margin:-20px 80px}}@media (max-width: 425px){.main-container{width:310px;margin:-20px 60px}}@media (max-width: 375px){.main-container{width:270px;margin:-20px 50px}}@media (max-width: 325px){.main-container{width:230px;margin:-20px 50px}}