@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.background{position:relative;background-image:url(/assets/BGCancer-CkDMx1E5.png);background-size:cover;background-position:center;min-height:100.5vh;min-width:177vh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:inherit;background-position:inherit;filter:blur(8px);z-index:0}.content{position:relative;justify-content:center;align-items:center;z-index:1;color:#fff}.App-title{font-family:Inter;font-size:160px;font-weight:700;letter-spacing:-4.5px;background:linear-gradient(to bottom,#646464 30%,#fff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:20px}.description{font-family:Anuphan;font-size:24px;line-height:1.6;font-style:normal;font-weight:400;margin-bottom:30px}.start-button{font-family:Inter;padding:12px 18px;background-color:#007aff;color:#fff;letter-spacing:-.23px;border:none;border-radius:25px;font-size:20px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.start-button:hover{background-color:#fff;color:#007aff}.background1{position:relative;background-image:url(/assets/BGCancer-CkDMx1E5.png);background-size:cover;background-position:center;min-height:100.5vh;min-width:177vh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.titleLogin{font-family:Inter;font-style:normal;font-weight:700;font-size:96px;line-height:116px;text-align:center;letter-spacing:-.04em;background:linear-gradient(360deg,#fff 39.11%,#000 109.78%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-bottom:20px}.box-Login1{position:relative;margin-left:12%;flex-direction:column;align-items:center;gap:20px;padding:20px;width:70%;height:45ch;background:linear-gradient(142.86deg,#ffffff4d 8.76%,#ffffff1a 90.48%);border:1px solid rgba(255,255,255,.2);box-shadow:12px 12px 9.6px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;animation:slideInLeft 1s ease-out,fadeIn 1.2s ease-in-out}.box-Login1 h2{font-family:Inter;font-style:normal;font-weight:600;font-size:32px;line-height:20px;letter-spacing:-.23px;color:#fff;margin-bottom:10px}.input-field{font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:-.23px;color:#8e8e93;width:80%;padding:13px;border:none;margin:10px 0;background:#fff;box-shadow:inset 0 4px 4px #00000040;border-radius:25.5px}.input-field2{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.23px;color:#8e8e93;width:87%;padding:10px;border-radius:25.5px;border:none;margin:10px 0;background-color:#fff;background:#fff;box-shadow:inset 0 4px 4px #00000040}.login-button1{padding:8px 48px;background-color:#007bff;color:#fff;border:none;border-radius:25px;font-size:20px;cursor:pointer;transition:background-color .3s ease;margin-top:6%}body,html{margin:0;padding:0;font-family:Arial,sans-serif}.background1{position:relative;background-image:url(/assets/BGCancer-CkDMx1E5.png);background-size:cover;background-position:center;min-height:100.5vh;min-width:177vh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.content1{position:relative;z-index:1;color:#fff}.titleLogin{font-size:70px;font-weight:700;background:linear-gradient(to bottom,#646464 30%,#fff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.box-LoginSignup{position:relative;width:46%;height:45ch;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:25px;flex-direction:column;align-items:center;gap:20px;padding:20px;animation:slideInLeft 1s ease-out,fadeIn 1.2s ease-in-out;box-shadow:0 0 30px #000c;border:1px solid rgba(255,255,255,.2);margin-left:25%}.box-Login1 h1{font-size:5rem;font-weight:700}.box-Login1 h2{font-size:1.5rem;opacity:.8;margin-bottom:10px}.input-field3{width:80%;padding:13px;border-radius:25px;border:none;margin:10px 0;font-size:.8rem;color:#aaa;background-color:#fff;box-shadow:inset 0 0 5px #000}.login-button1{padding:8px 48px;background-color:#007bff;color:#fff;border:none;border-radius:25px;font-size:20px;cursor:pointer;transition:background-color .3s ease;margin-top:2%}.google-icon{width:12px;height:12px;margin-right:10px}.ortext{font-size:15px}.gosignup{font-size:12px;color:#007aff}body,html{margin:0;padding:0;font-family:Inter,sans-serif}.dashboard{display:flex;width:100vw;height:100vh;color:#fff;background-image:url(/assets/BGCancer-CkDMx1E5.png);background-size:cover;background-position:center}.topbar{width:1422px;height:112px;background:#151515}.Welcome{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;display:flex;align-items:center;letter-spacing:-.02em;color:#f5f5f5;margin:10px 0 38px 32px}.status-container{width:1373px;height:203px;margin-left:32px;margin-right:17px;margin-bottom:19px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.status1{width:331px;height:203px;padding:22px 25px 32px 24px;box-sizing:border-box;background:linear-gradient(118.53deg,#2929293e,#2929298f 80.04%);border:1px solid rgba(255,255,255,.29);box-shadow:4px 4px 18.6px 6px #00000014;-webkit-backdrop-filter:blur(14.1px);backdrop-filter:blur(14.1px);border-radius:31px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.title{width:280px;display:flex;flex-direction:row;justify-content:space-between}.title h3{font-family:Anuphan;font-style:normal;font-weight:400;font-size:24px;letter-spacing:-.02em;color:#5987fe;margin:0}.uploadicon{width:30px;height:30px}.peopleicon,.microscopeicon,.doctoricon{width:36px;height:36px}.number{font-family:Inter;font-style:normal;font-weight:700;font-size:64px;letter-spacing:-.04em;color:#fff}.status1 h4{font-family:Inter;font-style:normal;font-weight:400;font-size:20px;color:#b9b9b9;padding:0;margin:0}.lowercontent{width:1373px;height:505px;margin-left:32px;margin-right:17px;display:flex;flex-direction:row;justify-content:space-between}.quickaction{box-sizing:border-box;width:858px;height:505px;background:linear-gradient(118.53deg,#2929293e,#2929298f 80.04%);border:1px solid rgba(255,255,255,.29);box-shadow:4px 4px 18.6px 6px #00000014;-webkit-backdrop-filter:blur(14.1px);backdrop-filter:blur(14.1px);border-radius:31px;padding:18px 16px 16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.quickaction h5,.activity h5{font-family:Inter;font-style:normal;font-weight:700;font-size:32px;display:flex;align-items:center;letter-spacing:-.04em;color:#fff;margin:0}.quickaction h4,.activity h4{font-family:Inter;font-style:normal;font-weight:400;font-size:20px;color:#b9b9b9;margin:0 0 24px}.action-container{display:flex;flex-direction:row;justify-content:space-between;width:825px;height:368px;flex-wrap:wrap;column-gap:14px;row-gap:13px}.action-container button{width:405px;height:177px;background:#292929;box-shadow:4px 4px 18.6px #00000014;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-container button:hover{background:#3a3a3a;transform:translateY(-4px);box-shadow:6px 6px 20px #00000026;transition:all .3s ease}.action-container button:active{transform:translateY(0);box-shadow:2px 2px 10px #0003}.action-container img{height:70px;width:70px}.action-container p{font-family:Inter;font-style:normal;font-weight:700;font-size:24px;letter-spacing:-.02em;color:#fff;margin:15px 0 0}.activity{box-sizing:border-box;width:500px;height:505px;background:linear-gradient(118.53deg,#2929293e,#2929298f 80.04%);border:1px solid rgba(255,255,255,.29);box-shadow:4px 4px 18.6px 6px #00000014;-webkit-backdrop-filter:blur(14.1px);backdrop-filter:blur(14.1px);border-radius:31px;padding:18px 16px 16px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.activity-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:465px;height:368px}.card{box-sizing:border-box;width:465px;height:110px;background:#434141;box-shadow:4px 4px 18.6px #00000014;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 18px}.card-title{font-family:Anuphan;font-style:normal;font-weight:700;font-size:20px;color:#fff}.card-subtitle{font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;color:#8e8e93}.Analysis{display:flex;width:100vw;height:100vh;background:#1f1f1f}.upload-title{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;display:flex;align-items:center;letter-spacing:-.02em;color:#f5f5f5;margin:4px 20px 14px}.pageserror{width:1370px;display:flex;float:row;justify-content:flex-start;align-items:center;text-align:center}.error-message{font-family:Anuphan;font-style:normal;font-weight:400;font-size:20px;color:red}.information-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:1422px;height:791px;padding:0 32px 32px 20px}.information1{box-sizing:border-box;width:1374px;height:189px;background:#292929;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:31px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 18px 18px 17px;margin-bottom:16px}.information1-row1,.information1-row2{width:1337px;display:flex;flex-direction:row;justify-content:space-between}.infoname input,.infosurname input{box-sizing:border-box;flex:1;padding-left:10px;width:406px;height:35.28px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3}.infoage input{box-sizing:border-box;flex:1;padding-left:10px;width:155px;height:35.28px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3}.infocontact input{box-sizing:border-box;flex:1;padding-left:10px;width:268px;height:35.28px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3}.information1 p{font-family:Anuphan;font-style:normal;font-weight:400;font-size:20px;color:#fff;margin:0 0 5px}.infoHN input,.infoCN input{box-sizing:border-box;flex:1;padding-left:10px;width:224px;height:35.28px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3}.infophysician input,.infoofficer input{box-sizing:border-box;flex:1;padding-left:10px;width:375px;height:35.28px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3}.lower-info{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:1370px;height:493px;padding:0}.information2,.information3{box-sizing:border-box;width:424px;height:493px;background:#292929;box-shadow:4px 4px 18.6px #00000014;border-radius:31px;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.information2 h3{font-family:Inter;font-style:normal;font-weight:700;font-size:20px;letter-spacing:-.04em;color:#fff;margin:0 0 27px}.information2-row1{width:392px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px}.information2-row1 input{box-sizing:border-box;width:187.5px;height:42px;background:#434141;border-radius:13px;border:none;padding:10px;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;line-height:31px;letter-spacing:-.02em;color:#b3b3b3}.previous-treatment{width:390.66px;height:42px;background:#434141;border-radius:13px;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;line-height:31px;letter-spacing:-.02em;color:#fff;margin-bottom:27px}.information2-row2{width:390px;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;gap:22px;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#fff}.information2-row2 p{font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#fff;padding:0;margin-bottom:4px;margin-top:0}.information2-row2 input{width:390.66px;height:98px;background:#434141;border-radius:13px;border:none;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3;box-sizing:border-box;padding:16px;justify-items:center}.information3 h3{font-family:Anuphan;font-style:normal;font-weight:700;font-size:20px;letter-spacing:-.04em;color:#fff;margin:0 0 14px}.information3-row1{width:392px;height:129px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:16px}.information3-row2,.information3-row3{width:392px;height:129px;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:16px}.information3 label{font-family:Inter;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#fff;margin-bottom:0}.inline{display:flex;justify-content:space-between;margin-bottom:14px;width:392px}.Result{width:228.97px;height:42px;left:763.95px;top:486px;background:#434141;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3;border:none;padding:0 0 0 16px;box-sizing:border-box}.No{width:146.14px;height:42px;left:763.95px;top:486px;background:#434141;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3;border:none;padding:0 0 0 16px;box-sizing:border-box}.place{width:392px;height:42px;background:#434141;border-radius:13px;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#b3b3b3;border:none;padding:0 0 0 16px;box-sizing:border-box}.information4{width:490px;height:493px;background:#292929;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:31px;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area{margin:0;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.Uploadfile,.uploadfile{width:90px;height:90px}.upload-area p{font-family:Inter;font-style:normal;font-weight:400;font-size:20px;text-align:center;color:#fff;margin:30px 0 0}.image-preview{box-sizing:border-box;padding:20px;width:490px;height:493px;border-radius:31px}.analyze-button{width:227px;height:46px;background:#5987fe;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:20px;letter-spacing:-.01em;color:#fff;padding:0;margin-top:16px;margin-left:1143px;border:none;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.analyze-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#5987fe,#6c63ff,#5987fe);background-size:200% 200%;animation:gradientHover 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.analyze-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#3a8dff,#6d5bff,#ff58c2);background-size:200% 200%;animation:gradientHover 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:13px}.analyze-button:hover:before{opacity:1}.analyze-button:hover{transform:translateY(-2px);color:#fff}.lanalyze-button:active{transform:translateY(0)}.white-text-input{color:#fff}.Analysis2{display:flex;width:177vh;height:101vh;background-color:#1f1f1f;background-size:cover;background-position:center;color:#fff}.sidebar ul{width:227px;margin:0;list-style-type:none;padding-left:0}.sidebar li{font-family:Inter;font-style:normal;font-weight:500;font-size:20px;letter-spacing:-.02em;color:#fff;padding:12px 18px;margin-bottom:24px;list-style-type:none}.result-title{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;display:flex;align-items:center;letter-spacing:-.02em;color:#f5f5f5;margin:13px 0 13px 32px}.analysis-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:1358px;height:769px;margin:0 32px 32px}.analysis-content{width:1358px;height:705px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.image-panel{width:858px;height:706px;background:#292929;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:31px;display:flex;flex-direction:column;justify-content:center;justify-items:center;padding:15px;box-sizing:border-box;margin:0;position:relative}.image-container{width:828px;height:676px;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:16px;overflow:auto}.error-message{display:contents;justify-content:center;flex-direction:column;align-items:center}.error-text{font-family:Anuphan;font-size:20px;color:red;margin-top:0;margin-bottom:16px}.retry-btn{width:227px;height:46px;background:#f5f5f5;border-radius:13px;color:#5987fe;padding:0}.cell-image{width:100%;height:auto;min-width:120%;min-height:120%;border-radius:16px}.zoom-controls{width:177px;height:42px;background:#43414194;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:8px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:absolute;bottom:20px;right:12px;z-index:10}.zoom-btn{width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0}.zoom-controls img{width:28px;height:28px}.control-button{position:absolute;bottom:20px;right:20px;z-index:10}.result-panel{width:480px;height:706px;background:#292929;box-shadow:4px 4px 18.6px #00000014;border-radius:31px;padding:24px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.result-panel h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.negative-title,.epi-title{font-size:18px;font-weight:600;color:#5987fe;display:flex;align-items:center;gap:8px}.form-group-1,.form-group{display:flex;flex-direction:column}label.OrganismType,.NNF,.RCC-title,.sct-title,.gct-title,.EA-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.checkbox-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;font-size:12px;font-weight:400}.form-group-1 .checkbox-group{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-group.two-cols{grid-template-columns:repeat(2,1fr)}.checkbox-group.one-col{grid-template-columns:1fr}.checkbox-group label{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #7a7a7a;border-radius:2px;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-group input[type=checkbox]:checked{background-color:#5987fe;border-color:#5987fe}.checkbox-group input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.NNF-choice,.RCC-title{margin-bottom:8px}.NNF-choice label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff}.formgroup-rowflex{display:flex;gap:24px}.half-group{flex:1;display:flex;flex-direction:column}.sct-title,.gct-title,.EA-title{margin-bottom:8px}.Glandular-sub .checkbox-group{grid-template-columns:1fr}.half-group .form-group{margin-top:20px}.half-group .form-group .checkbox-group{grid-template-columns:1fr}.bottom-content{width:1358px;height:46px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.additional-note{width:1074px;height:46px;background:#43414194;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:13px;border:none;padding:0 0 0 35px;box-sizing:border-box;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;display:flex;align-items:center;color:#fff}.save-button{width:227px;height:46px;background:#5987fe;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:20px;letter-spacing:-.01em;color:#fff;padding:0;border:none;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.save-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#5987fe,#6c63ff,#5987fe);background-size:200% 200%;animation:gradientHover 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.save-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#3a8dff,#6d5bff,#ff58c2);background-size:200% 200%;animation:gradientHover 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:13px}.save-button:hover:before{opacity:1}.save-button:hover{transform:translateY(-2px);color:#fff}.save-button:active{transform:translateY(0)}.Patients{display:flex;width:177vh;height:101vh;color:#fff;background-color:#1f1f1f}.sidebar-P{width:220px;background-color:#151515;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.logo-P{font-size:28px;font-weight:700;width:150px;height:auto}.sidebar-P ul{list-style:none;padding:0;margin-bottom:80%}.sidebar-P li{padding:20px 0;color:#ccc;cursor:pointer}.sidebar-P li.active{color:#fff;font-weight:medium;background-color:#292929;padding:12px 18px;border-radius:10px;width:100%}.sidebar-P li:hover{color:#fff;font-weight:700}.logout-P{margin-top:20px;background:none;border:none;color:#fff;cursor:pointer;margin-right:120px}.main-content1-P{width:100%}.top-bar-P{display:flex;align-items:center;justify-content:space-between;background-color:#151515;padding:20px;width:95.5%;height:5%}.top-bar-P h2{font-size:30px}.top-bar-P input{padding:10px 15px;border-radius:20px;border:none;color:#292929;width:40%}.top-bar-P input::placeholder{color:#fff;opacity:1}.patients-section{color:#fff;height:804px;overflow-y:auto;width:1422px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 32px}.patients-title{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;line-height:62px;letter-spacing:-.02em;color:#f5f5f5;margin:3px 0 22px 32px}.table-container{overflow-y:auto;padding:24px;width:1358px;max-height:653px;background:#292929;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:31px;box-sizing:border-box}.patients-table{width:1310px;border-collapse:separate;border-spacing:0 12px;max-height:max-content}.patients-table th{background-color:transparent;color:#ccc;text-align:left;padding:10px 16px;font-family:Inter;font-style:normal;font-weight:500;font-size:20px;line-height:31px;letter-spacing:-.02em;color:#fff}.patients-table tbody tr{background-color:#434141}.patients-table tbody td{padding:10px 0;color:gray;font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#a3a3a3}.patients-table td a{color:#4f82ff;text-decoration:none;font-weight:500}.patients-table td a:hover{text-decoration:underline}.top-barProfile p{font-family:Kanit,sans-serif}.patients-table thead tr{background:#434141;box-shadow:0 2px 4px #0003}.patients-table thead th{padding:14px 16px;color:#fff;text-align:left}.patients-table tbody tr td:first-child{border-top-left-radius:13px;border-bottom-left-radius:13px;padding-left:11px}.patients-table tbody tr td:last-child{border-top-right-radius:13px;border-bottom-right-radius:13px;padding-right:11px}.patients-table th:first-child{border-top-left-radius:13px;border-bottom-left-radius:13px}.patients-table th:last-child{border-top-right-radius:13px;border-bottom-right-radius:13px}.patient-option-button{width:100%;height:30px;background:#ff9500;border-radius:4px;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.02em;color:#fff;padding:0}.ReT{display:flex;width:177vh;height:101vh;background-color:#1f1f1f;background-size:cover;background-position:center;color:#fff}.sidebar-R{width:220px;background-color:#151515;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.logo-R{font-size:28px;font-weight:700;width:150px;height:auto}.sidebar-R ul{list-style:none;padding:0;margin-bottom:80%}.sidebar-R li{padding:20px 0;color:#ccc;cursor:pointer}.sidebar-R li.active{color:#fff;font-weight:700;background-color:#292929;padding:10px;border-radius:10px;width:180px}.sidebar-R li:hover{color:#fff;font-weight:700}.logout-R{margin-top:20px;background:none;border:none;color:#fff;cursor:pointer;margin-right:120px}.main-content1-R{width:100%}.top-bar-R{display:flex;align-items:center;justify-content:space-between;background-color:#151515;padding:20px;width:95.5%;height:5%}.top-bar-R h2{font-size:30px}.top-bar-R input{padding:10px 15px;border-radius:20px;border:none;color:#292929;width:40%}.top-bar-R input::placeholder{color:#fff;opacity:1}.profile{font-weight:700;font-size:20px;margin-bottom:-15px;margin-top:10px;margin-right:50px}.ReT-Re{padding:20px}.ReT-Re1{font-family:Kanit,sans-serif;font-size:36px;margin-top:-5px;margin-left:35px}.Research-content{display:flex;gap:20px;margin-bottom:10px;margin-top:-15px}.Re-panel{background:#2a2a2a;padding:15px;border-radius:25px;position:relative;width:52%;margin-left:30px;height:560px}.Re-container{position:relative;display:inline-block}.Re-panel1{background:#2a2a2a;padding:20px;border-radius:25px;width:35%;display:flex;flex-direction:column;gap:10px}.Re-panel1 h3{font-size:16px;margin-bottom:5px;margin-top:-5px}.two-btn{display:flex;gap:20px}.edit-btn-Re{margin-top:15px;padding:10px;background-color:#fff;color:#5987fe;border:none;border-radius:8px;cursor:pointer;font-weight:700;width:250px;font-size:15px;margin-left:860px;font-weight:300}.save-btn-Re{margin-top:15px;padding:10px;background-color:#5987fe;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;width:250px;margin-right:35px;font-size:15px;font-weight:300}.Re-panel input{padding:10px 15px;border-radius:20px;border:none;color:#292929;width:90%;margin-left:15px}.Re-panel input::placeholder{color:#fff;opacity:1}.profileD2{font-weight:700;color:#000;font-size:20px;margin-bottom:-15px;margin-top:10px;margin-right:50px}.Re-panel1 h3{font-size:22px}.Re-panel1 h4{font-size:18px;font-weight:300;color:#5987fe}.qr-title{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;display:flex;align-items:center;letter-spacing:-.02em;color:#f5f5f5;margin:10px 0 38px 32px}.lowercontent-qr{width:1373px;height:981px;margin-left:16px;margin-right:32px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.lowercontent-qr button{width:227px;height:46px;background:#5987fe;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:20px;letter-spacing:-.01em;color:#fff;padding:0;margin-top:533px;border:none;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.lowercontent-qr button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#5987fe,#6c63ff,#5987fe);background-size:200% 200%;animation:gradientHover 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.lowercontent-qr button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#3a8dff,#6d5bff,#ff58c2);background-size:200% 200%;animation:gradientHover 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:13px}.lowercontent-qr button:hover:before{opacity:1}.lowercontent-qr button:hover{transform:translateY(-2px);color:#fff}.lowercontent-qr button:active{transform:translateY(0)}.logout{padding:12px;color:#ff4d4f;cursor:pointer;text-align:center;border-radius:8px;margin-bottom:10px;font-weight:500}.logo{font-size:28px;font-weight:700;width:150px;height:auto}.image-panelD2{background:#f5f5f5;padding:15px;border-radius:25px;position:relative;width:795px;height:670px;margin-left:30px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.analysis-panelD2{background:#f5f5f5;padding:20px;border-radius:25px;width:35%;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.analysis-panelD2 h3{font-size:24px;margin-bottom:5px;margin-top:-5px;color:#000}.title-2D2{font-size:30px;font-weight:700;font-family:Kanit,sans-serif;margin-left:30px;margin-top:10px;color:#000}.form-groupD2 label{font-size:14px;color:#000;margin-top:3px}.form-groupD2 select,.form-group-1D2 select{width:100%;padding:8px;background:#434141;color:gray;border:none;border-radius:10px;margin-top:10px}.form-groupD2 input[type=checkbox]{margin-right:5px;color:#fff}.form-groupD2{display:flex;flex-direction:column;gap:.5rem}.checkbox-groupD2{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.5rem;color:#000}.checkbox-groupD2 label{display:flex;align-items:center;gap:.3rem;font-size:.95rem}.formgroup-rowflexD2,.NNFD2,.OrganismTypeD2{color:#000}body,html{margin:0;font-family:Arial,sans-serif;color:#fff}.main-containerAD2{display:flex;height:100vh;width:100vw;background-color:#eeeded}.sidebarD2{width:280px;background-color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 0 5px #0000001a;align-items:center}.sidebar-menu{margin-top:30px;flex-grow:1;width:100%}.menu-item{display:flex;align-items:center;padding:12px 15px;margin-bottom:5px;border-radius:8px;cursor:pointer;color:#555;transition:all .3s}.menu-item.active{background-color:#6bbd3f;color:#fff}.menu-item:hover:not(.active){background-color:#f0f0f0}.menu-icon{margin-right:10px;font-size:18px}.patient-list{margin-top:30px;width:100%}.patient-list h3{color:#333;font-size:16px;padding:10px 15px;margin-bottom:10px;border-bottom:1px solid #eee}.patient-list ul{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.patient-list li{position:relative;padding:10px 25px 10px 15px;cursor:pointer;color:#555;border-radius:5px;margin-bottom:2px;font-family:Kanit,sans-serif;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.patient-list li:hover{background-color:#f5f5f5}.status-bar{position:absolute;right:0;top:0;bottom:0;width:5px;background-color:#6bbd3f;border-radius:0 3px 3px 0}.status-inactive .status-bar{background-color:#8e8e93}.status-warning .status-bar{background-color:#ffc107}.status-danger .status-bar{background-color:#ff5252}.status-completed .status-bar{background-color:#4caf50}.status-pending .status-bar{background-color:#2196f3}.logout:hover{background-color:#fff2f0}.logo{font-size:28px;font-weight:700;width:99px;height:auto}.contentD2{flex:1;overflow-y:auto;width:100%}header{display:flex;align-items:center;justify-content:space-between}.search{padding:8px;width:250px;border-radius:6px;border:none}.user-info{display:flex;align-items:center;gap:10px}.user-info img{width:40px;border-radius:50%}.upload-titleD2{font-family:Kanit,sans-serif;font-weight:700;margin-top:-5px;color:#000}.form-sectionD2{margin-top:20px;width:99%}.form-row{display:flex;gap:20px}.form-row1{display:flex;gap:25px;margin-bottom:15px}.form-row input,select{flex:1;padding:10px;border-radius:10px;border:none;background-color:#e3e3e3;color:#fff;width:180px}.form-row1 input,select{flex:1;padding:10px;border-radius:10px;border:none;background-color:#e3e3e3;color:#fff;width:220px}.form-row1 p{font-size:15px;font-family:Kanit,sans-serif}textarea{width:100%;padding:10px;border-radius:6px;background-color:#2a2a2a;color:#fff;resize:vertical;min-height:60px;margin-top:10px}.info-cards{display:flex;gap:20px;margin-top:20px}.card-a-1{background-color:#f5f5f5;padding:15px;border-radius:30px;width:100%;box-shadow:2px 4px 8px #0003;height:410px}.card-a-1 input{flex:1;padding:10px;border-radius:10px;border:none;background-color:#e3e3e3;color:#fff;width:100px}.card-a-1 textarea{padding:10px;border-radius:10px;border:none;background-color:#434141;color:#fff;width:95%}.card-a-1 h3{font-family:Kanit,sans-serif;color:#000}.input-card{display:flex;gap:10px;margin-bottom:10px}.card-a-1 label{display:block;margin-bottom:5px;font-family:Kanit,sans-serif;font-size:14px;color:#000}.card-a-1 input{display:block;margin-bottom:10px;width:95%}.upload-area p{color:#fff;cursor:pointer}.inline{display:flex;gap:10px;margin-top:5px}.analyze-btn{margin-top:20px;padding:12px 60px;border-radius:15px;border:none;background-color:#6bbd3f;color:#fff;font-size:16px;cursor:pointer;margin-left:89%}.content-2D2{padding:20px}.form-section1{background-color:#f5f5f5;padding:20px;border-radius:25px;box-shadow:2px 4px 8px #0003}.top-barAD2{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:20px;width:101%;height:5%}.top-barAD2 h2{font-size:30px;color:#000}.top-barAD2 input{padding:10px 15px;border-radius:20px;border:none;color:#8e8e93;width:40%;background-color:#f5f5f5}.top-barAD2 input::placeholder{color:#8e8e93;opacity:1}.input-text-1 p,textarea{margin:-25px 0}.custom-select-1D2{width:100%;padding:10px;border-radius:10px;border:none;background-color:#e3e3e3;color:gray;font-size:15px}.profileD2{color:#000;font-weight:700}.top-barProfile-D2{display:flex;flex-direction:column;font-family:Kanit,sans-serif}.top-barProfile-D2 p{font-size:15px;font-weight:300;color:#5987fe}.forcase{position:relative;width:100%;display:flex;align-items:center;margin-bottom:20px}.forcase input{padding:10px 20px 10px 40px;border-radius:20px;border:none;color:#fff;width:100%;background-color:#292929;font-size:14px}.forcase input::placeholder{color:#fff;opacity:1}.search-icon{position:absolute;left:15px;color:#fff;font-size:14px;pointer-events:none}.patients-titleD2{font-size:24px;font-weight:700;margin-bottom:40px;font-family:Kanit,sans-serif;color:#000}.table-containerD2{max-height:70vh;overflow-y:auto;border-radius:20px;background-color:#f5f5f5;padding:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.patients-tableD2{width:98%;border-collapse:separate;border-spacing:0 12px;margin-left:10px}.patients-tableD2 th{background-color:transparent;color:#ccc;text-align:left;padding:10px 16px;font-weight:700}.patients-tableD2 tbody tr{background-color:#e3e3e3;border-radius:12px}.patients-tableD2 tbody td{padding:16px;color:gray}.patients-tableD2 tbody tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.patients-tableD2 tbody tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.patients-tableD2 td a{color:#4f82ff;text-decoration:none;font-weight:500}.patients-tableD2 td a:hover{text-decoration:underline}.patients-tableD2 thead tr{background-color:#e3e3e3;border-radius:20px;font-family:Kanit,sans-serif}.patients-tableD2 thead th:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.patients-tableD2 thead th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.patients-tableD2 thead th{padding:14px 16px;color:#000;text-align:left;font-size:18px;font-weight:700}.table-containerD2 input{padding:10px 15px;border-radius:20px;border:none;color:#8e8e93;width:40%;background-color:#e3e3e3}.table-containerD2 input::placeholder{color:#8e8e93;opacity:1}.button-ScanD2{margin-top:20px;padding:12px 60px;border-radius:10px;border:none;background-color:#6bbd3f;color:#fff;font-size:16px;cursor:pointer;margin-left:86%}.status-active{cursor:pointer;transition:background-color .2s}.status-active:hover{background-color:#f5f5f5}.status-active.selected{background-color:#e0e0e0}.selected-row{background-color:#f0f0f0!important}tr{cursor:pointer}tr:hover{background-color:#f9f9f9}body,html{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}.QRcode{display:flex;width:100vw;height:100vh;background:#1f1f1f}.sidebar{width:228px;height:875px;background:#151515;padding:57px 30px 50px;display:flex;flex-direction:column;justify-content:space-between}.navigation-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.Logo{width:99px;height:auto;margin-bottom:45px}.sidebar ul{width:227px;margin:0}.sidebar li{font-family:Inter;font-style:normal;font-weight:500;font-size:20px;letter-spacing:-.02em;color:#fff;padding:12px 18px;margin-bottom:24px}.sidebar li:hover{transform:translateY(-4px);transition:all .3s ease;color:#fff;font-weight:600}.activepages{background-color:#292929;border-radius:12px}.logout-container{display:flex;justify-content:space-between}.logout-container:hover{transform:translate(8px);font-style:bold}.logout-text{font-family:Inter;font-style:normal;font-weight:500;font-size:20px;color:#fff;letter-spacing:-.04em;padding-right:130px}.main-content{display:flex;flex-direction:column;width:100%;height:100%}.topbar{width:1422px;min-height:112px;background:#151515}.topbar h2{font-family:Inter;font-style:normal;font-weight:600;font-size:40px;margin:0 0 0 32px}.search-container{background:#292929;border-radius:26px;height:44px;width:687px;display:flex;align-items:center;justify-content:center;color:#fff}.searchbar{width:100%;height:100%;border:none;background:transparent;color:#fff;padding-left:20px;font-size:16px;font-family:Anuphan;background:#292929;border-radius:26px;height:44px;width:687px;transition:all .3s ease;outline:none}.searchbar:hover{background:#333;box-shadow:0 0 8px #ffffff1a}.searchbar:focus{background:#3a3a3a;box-shadow:0 0 0 2px #558fff}.profile-container{display:flex;align-items:center;justify-content:center;margin-right:34px}.profile-text{margin-right:30px;display:flex;flex-direction:column;align-items:flex-end}.Name{font-family:Anuphan;font-style:normal;font-weight:700;font-size:20px;line-height:20px;letter-spacing:-.23px;color:#fff}.job{font-family:Anuphan;font-style:normal;font-weight:400;font-size:16px;letter-spacing:-.23px;color:#5987fe;margin:12px 0 0}.profile-picture{width:64px;height:64px}.ms-title{font-family:Anuphan;font-style:normal;font-weight:600;font-size:40px;display:flex;align-items:center;letter-spacing:-.02em;color:#f5f5f5;margin:10px 0 38px 32px}.QR-HN{background-color:#292929;padding:20px;border-radius:25px;box-shadow:2px 4px 8px #0003}.Scan-bar{background-color:#292929;padding:20px;border-radius:25px;box-shadow:2px 4px 8px #0003;margin-top:20px;height:400px}.display-style{display:flex;align-items:center;justify-content:center}.input-group{display:flex;flex-direction:column}.display-style input{flex:1;padding:10px;border-radius:10px;border:none;background-color:#434141;color:#fff;width:290px}.button-Scan{margin-top:20px;padding:12px 60px;border-radius:10px;border:none;background-color:#5987fe;color:#fff;font-size:16px;cursor:pointer;margin-left:86%}.upload-area-scan{color:#fff;cursor:pointer;justify-content:center;text-align:center;align-items:center;margin:120px}.lowercontent-ms{width:1373px;height:981px;margin-left:16px;margin-right:32px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.hn-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1374px;height:140px;background:#292929;box-shadow:4px 4px 18.6px 6px #00000014;border-radius:31px}.hn-input label{font-family:Inter;font-style:normal;font-weight:400;font-size:20px;color:#fff;margin-bottom:16px}.hn-input input{box-sizing:border-box;width:549px;height:36px;background:#434141;border-radius:13px;border:none;padding:10px;color:#fff;font-family:Inter;font-size:16px}.hn-input input:hover{background:#555353;transition:all .3s ease;outline:none}.hn-input input:focus{background:#666464;outline:none}.lowercontent-ms button{width:227px;height:46px;background:#5987fe;border-radius:13px;font-family:Inter;font-style:normal;font-weight:400;font-size:20px;letter-spacing:-.01em;color:#fff;padding:0;margin-top:533px;border:none;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.lowercontent-ms button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#5987fe,#6c63ff,#5987fe);background-size:200% 200%;animation:gradientHover 3s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1}.lowercontent-ms button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#3a8dff,#6d5bff,#ff58c2);background-size:200% 200%;animation:gradientHover 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:13px}.lowercontent-ms button:hover:before{opacity:1}.lowercontent-ms button:hover{transform:translateY(-2px);color:#fff}.lowercontent-ms button:active{transform:translateY(0)}@keyframes gradientHover{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}