Hugging Face's logo

Spaces:
gekina
/
medichat
Sleeping

App Files Community
gekina commited on
Commit
e2e46a7
·
verified ·
1 Parent(s): bad32ae

Upload 16 files

Browse files
Files changed (17) hide show
  1. .gitattributes +3 -0
  2. build/asset-manifest.json +17 -0
  3. build/favicon.ico +0 -0
  4. build/index.html +1 -0
  5. build/logo192.png +0 -0
  6. build/logo512.png +0 -0
  7. build/manifest.json +25 -0
  8. build/robots.txt +3 -0
  9. build/static/css/main.4d68ab63.css +2 -0
  10. build/static/css/main.4d68ab63.css.map +1 -0
  11. build/static/js/main.ed875d3d.js +0 -0
  12. build/static/js/main.ed875d3d.js.LICENSE.txt +60 -0
  13. build/static/js/main.ed875d3d.js.map +0 -0
  14. build/static/media/LogoMedicare Putih.8f9647da2453d9d0e30e.png +0 -0
  15. build/static/media/hero doctor.894cacb28baa9bfa595b.jpg +3 -0
  16. build/static/media/picture1.23113c3e35250314f9a5.jpg +3 -0
  17. build/static/media/picture2.b0e5a8d15c1ae041b983.jpg +3 -0
.gitattributes CHANGED
@@ -38,3 +38,6 @@ src/assets/images/ha.jpg filter=lfs diff=lfs merge=lfs -text
38
  src/assets/images/hero[[:space:]]doctor.jpg filter=lfs diff=lfs merge=lfs -text
39
  src/assets/images/picture1.jpg filter=lfs diff=lfs merge=lfs -text
40
  src/assets/images/picture2.jpg filter=lfs diff=lfs merge=lfs -text
 
 
 
 
38
  src/assets/images/hero[[:space:]]doctor.jpg filter=lfs diff=lfs merge=lfs -text
39
  src/assets/images/picture1.jpg filter=lfs diff=lfs merge=lfs -text
40
  src/assets/images/picture2.jpg filter=lfs diff=lfs merge=lfs -text
41
+ build/static/media/hero[[:space:]]doctor.894cacb28baa9bfa595b.jpg filter=lfs diff=lfs merge=lfs -text
42
+ build/static/media/picture1.23113c3e35250314f9a5.jpg filter=lfs diff=lfs merge=lfs -text
43
+ build/static/media/picture2.b0e5a8d15c1ae041b983.jpg filter=lfs diff=lfs merge=lfs -text
build/asset-manifest.json ADDED
@@ -0,0 +1,17 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "files": {
3
+ "main.css": "/static/css/main.4d68ab63.css",
4
+ "main.js": "/static/js/main.ed875d3d.js",
5
+ "static/media/hero doctor.jpg": "/static/media/hero doctor.894cacb28baa9bfa595b.jpg",
6
+ "static/media/picture1.jpg": "/static/media/picture1.23113c3e35250314f9a5.jpg",
7
+ "static/media/picture2.jpg": "/static/media/picture2.b0e5a8d15c1ae041b983.jpg",
8
+ "static/media/LogoMedicare Putih.png": "/static/media/LogoMedicare Putih.8f9647da2453d9d0e30e.png",
9
+ "index.html": "/index.html",
10
+ "main.4d68ab63.css.map": "/static/css/main.4d68ab63.css.map",
11
+ "main.ed875d3d.js.map": "/static/js/main.ed875d3d.js.map"
12
+ },
13
+ "entrypoints": [
14
+ "static/css/main.4d68ab63.css",
15
+ "static/js/main.ed875d3d.js"
16
+ ]
17
+ }
build/favicon.ico ADDED
build/index.html ADDED
@@ -0,0 +1 @@
 
 
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.ed875d3d.js"></script><link href="/static/css/main.4d68ab63.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
build/logo192.png ADDED
build/logo512.png ADDED
build/manifest.json ADDED
@@ -0,0 +1,25 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "short_name": "React App",
3
+ "name": "Create React App Sample",
4
+ "icons": [
5
+ {
6
+ "src": "favicon.ico",
7
+ "sizes": "64x64 32x32 24x24 16x16",
8
+ "type": "image/x-icon"
9
+ },
10
+ {
11
+ "src": "logo192.png",
12
+ "type": "image/png",
13
+ "sizes": "192x192"
14
+ },
15
+ {
16
+ "src": "logo512.png",
17
+ "type": "image/png",
18
+ "sizes": "512x512"
19
+ }
20
+ ],
21
+ "start_url": ".",
22
+ "display": "standalone",
23
+ "theme_color": "#000000",
24
+ "background_color": "#ffffff"
25
+ }
build/robots.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ # https://www.robotstxt.org/robotstxt.html
2
+ User-agent: *
3
+ Disallow:
build/static/css/main.4d68ab63.css ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 15px #0000001a;padding:.8rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between}.logo-container{align-items:center;display:flex;gap:15px;padding:0}.header-logo{cursor:pointer;display:block;height:50px;object-fit:contain;transition:all .3s ease;width:50px}.header-logo:hover{transform:scale(1.03)}.logo-text{color:#2a5298;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;text-decoration:none}.nav-right{align-items:center;display:flex;gap:2.5rem}.nav-link{color:#2a5298;font-size:1.1rem;font-weight:600;letter-spacing:.3px;padding:.6rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#1e3c72}.nav-link:after{background:linear-gradient(90deg,#2a5298,#1e3c72);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-diagnosa,.primary-btn{background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:30px;box-shadow:0 4px 12px #2a529840;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.3px;min-width:120px;padding:.6rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.nav-diagnosa:hover,.primary-btn:hover{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 8px 20px #2a529859;color:#fff;transform:translateY(-3px)}.nav-diagnosa:active,.primary-btn:active{box-shadow:0 4px 10px #2a529840;transform:translateY(0)}.nav-logout{background-color:initial;border:2px solid #2a5298;border-radius:30px;color:#2a5298;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:.6rem 1.8rem;transition:all .3s ease}.nav-logout:hover{background-color:#2a5298;box-shadow:0 6px 15px #2a529833;color:#fff;transform:translateY(-2px)}.hero{background-attachment:fixed;background-image:linear-gradient(#2a5298b3,#2a5298b3),url(/static/media/hero%20doctor.894cacb28baa9bfa595b.jpg);background-position:center 20%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:500px;overflow:hidden;padding:0;position:relative}.hero-content{align-items:center;display:flex;gap:3rem;height:100%;justify-content:flex-start;min-height:500px;padding:4rem 0}.hero-text{animation:fadeInUp .8s ease-out;flex:1 1;max-width:100%;padding-top:0}.hero h1,.hero-text{color:#fff;text-align:left}.hero h1{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.hero-subtitle{color:#fff;display:block;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;max-width:600px;opacity:.9;text-align:left}.hero-buttons-left{display:flex;justify-content:flex-start;margin-top:2rem}.hero-diagnosis-btn{background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:15px;box-shadow:0 6px 20px #2a52984d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:250px;padding:1.2rem 3rem;position:relative;transition:all .3s ease}.hero-diagnosis-btn:hover{box-shadow:0 10px 25px #2a529866;transform:translateY(-3px)}.hero-image-container{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{background:#fff;padding:5rem 0}.section-title{color:#1e3c72;font-size:2.2rem;font-weight:700;margin-bottom:3rem;padding-bottom:15px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#1e3c72,#2a5298);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.features-grid{display:block;margin-top:2rem}.feature-card{align-items:center;background:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;gap:3rem;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(180deg,#1e3c72,#2a5298);border-radius:5px 0 0 5px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.feature-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.feature-card-left-image{flex-direction:row}.feature-card-right-image{flex-direction:row-reverse}.feature-image-container{border-radius:10px;box-shadow:0 8px 20px #00000026;flex:0 0 40%;height:250px;max-width:400px;overflow:hidden;transition:all .3s ease}.feature-card:hover .feature-image-container{box-shadow:0 12px 25px #0003;transform:scale(1.02)}.feature-image{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.feature-card:hover .feature-image{transform:scale(1.05)}.feature-text-content{flex:1 1;text-align:left}.feature-header{align-items:center;display:flex;gap:15px;margin-bottom:1rem}.feature-icon{color:#2a5298;font-size:2.8rem;margin-bottom:0;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{color:#1e3c72;font-size:1.6rem;font-weight:600;margin-bottom:0}.feature-card p{color:#555;font-size:1rem;line-height:1.7}.privacy{background:#f1f8ff;overflow:hidden;padding:5rem 0;position:relative}.privacy:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");background-size:cover;content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.privacy-content{animation:fadeIn .8s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin:0 auto;max-width:800px;padding:3rem;position:relative;text-align:center;z-index:1}.privacy h2{color:#1e3c72;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.privacy p{color:#555;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.security-badge{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:25px;box-shadow:0 4px 10px #2e7d321a;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;margin-top:1.5rem;padding:1rem 2rem;transition:all .3s ease}.security-badge:hover{box-shadow:0 6px 15px #2e7d3226;transform:translateY(-2px)}.security-badge i{font-size:1.5rem}.footer{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:4rem 0 2rem;position:relative;text-align:center}.footer:before{background:#fff;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.footer-logo{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:1rem;text-decoration:none;text-shadow:0 2px 4px #0003}.footer-tagline{font-size:1.15rem;line-height:1.6;margin:0 auto 2rem;max-width:600px;opacity:.9}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.9rem;margin-top:3rem;opacity:.7;padding-top:2rem;width:100%}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:800px;padding:40px;position:relative;width:90%}.profile-layout{display:flex;gap:40px;margin-bottom:30px}.profile-left{align-items:flex-start;display:flex;flex:0 0 200px;justify-content:center}.profile-avatar-large{background-color:#d3d3d3;border-radius:50%;height:180px;object-fit:cover;width:180px}.profile-right{display:flex;flex:1 1;flex-direction:column;gap:15px}.modal-input{border:1px solid #2a5298;border-radius:6px;color:#333;font-size:1rem;outline:none;padding:12px 15px;width:100%}.input-icon{color:#2a5298;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.action-buttons-row{display:flex;gap:10px;margin-top:5px}.btn-outline{background:#0000;border:1px solid #2a5298;border-radius:6px;color:#2a5298;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s}.btn-outline:hover{background:#f0f4f8}.btn-danger{background-color:red;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-top:10px;padding:10px 25px;transition:background .3s}.btn-danger:hover{background-color:#c00}.profile-bottom-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.setting-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.setting-label{color:#1e3c72;font-size:1.2rem;font-weight:600}.btn-language{background:#fff;border:1px solid #2a5298;border-radius:6px;color:#1e3c72;cursor:pointer;font-size:1rem;padding:8px 20px}.close-modal-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:15px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.profile-layout{align-items:center;flex-direction:column;gap:20px}.modal-content{max-height:90vh;overflow-y:auto;padding:20px;width:95%}}.auth-section{align-items:center;background:linear-gradient(135deg,#f5f9ff,#e8f0fe);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:80px 20px}.auth-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:480px;width:100%}.auth-card{background:#fff;border:1px solid #2a529814;border-radius:20px;box-shadow:0 15px 50px #2a52981f;padding:50px 40px;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:0 20px 60px #2a52982e;transform:translateY(-5px)}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a5298,#1e3c72);-webkit-background-clip:text;background-clip:text;color:#2a5298;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.auth-subtitle{color:#666;font-size:16px;line-height:1.5;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:350px;text-align:center}.auth-form{margin:35px 0}.form-group{margin-bottom:25px;position:relative}.form-group label{align-items:center;color:#333;display:block;display:flex;font-size:15px;font-weight:600;gap:5px;margin-bottom:10px}.form-group label:after{color:#e74c3c;content:"*";display:none;font-size:18px}.form-group label.required:after{display:inline-block}.form-group input,.form-group select{background-color:#f8faff;border:2px solid #e0e7ff;border-radius:12px;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:16px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#2a5298;box-shadow:0 0 0 4px #2a52981a;outline:none}.form-group input::placeholder{color:#999;font-size:15px}.form-group input.error,.form-group select.error{background-color:#fff8f8;border-color:#e74c3c}.form-group input.error:focus{box-shadow:0 0 0 4px #e74c3c1a}.error-message{align-items:center;color:#e74c3c;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px}.error-message:before{content:"⚠️";font-size:12px}.password-field{position:relative}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s}.password-toggle:hover{color:#2a5298}.auth-btn{background:linear-gradient(135deg,#2a5298,#1e3c72);border:none;border-radius:12px;box-shadow:0 8px 25px #2a529840;color:#fff;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:.5px;margin-top:25px;padding:18px;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-btn:hover{box-shadow:0 12px 30px #2a529859;transform:translateY(-3px)}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.auth-footer{border-top:1px solid #eef2ff;color:#666;font-size:15px;line-height:1.6;padding-top:25px;text-align:center}.auth-link{color:#2a5298;font-weight:700;padding:2px 0;position:relative;text-decoration:none;transition:color .3s}.auth-link:after{background:linear-gradient(135deg,#2a5298,#1e3c72);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover{color:#1e3c72}.auth-link:hover:after{width:100%}.alert{align-items:center;animation:slideIn .4s ease;border-radius:12px;display:flex;font-size:15px;gap:12px;margin-bottom:25px;padding:18px 20px}.alert-error{background-color:#ffeaea;border:1px solid #ffcdd2;color:#d32f2f}.alert-success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.alert-info{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.alert:before{font-size:20px}.alert-error:before{content:"❌"}.alert-success:before{content:"✅"}.alert-info:before{content:"ℹ️"}.auth-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:30px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#ddd,#0000);content:"";flex:1 1;height:1px}.auth-divider span{padding:0 15px}.social-login{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.social-btn{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s}.social-btn.google:hover{background:#f8faff;border-color:#db4437;color:#db4437}.social-btn.facebook:hover{background:#f8faff;border-color:#4267b2;color:#4267b2}.terms-checkbox{align-items:flex-start;display:flex;gap:12px;margin-top:20px}.terms-checkbox input[type=checkbox]{accent-color:#2a5298;height:18px;margin-top:3px;width:18px}.terms-checkbox label{color:#666;font-size:14px;font-weight:400;line-height:1.5}.terms-checkbox a{color:#2a5298;font-weight:600;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.back-button{color:#666;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:25px;text-decoration:none;transition:color .3s}.back-button:hover{color:#2a5298}.back-button:before{content:"←";font-size:18px}.forgot-password{margin-top:5px;text-align:right}.forgot-password a{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#2a5298;text-decoration:underline}.auth-illustration{display:flex;justify-content:center;margin-bottom:30px}.auth-illustration img{filter:drop-shadow(0 10px 20px rgba(42,82,152,.15));height:auto;max-width:200px}@media (max-width:768px){.auth-section{min-height:calc(100vh - 160px);padding:60px 15px}.auth-card{border-radius:16px;padding:40px 25px}.auth-title{font-size:28px}.auth-subtitle{font-size:15px;margin-bottom:30px}.form-group input,.form-group select{font-size:15px;padding:14px 16px}.auth-btn{font-size:16px;padding:16px}.form-row{gap:15px}.form-row,.social-login{grid-template-columns:1fr}}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-title{font-size:24px}.form-group{margin-bottom:20px}.auth-footer{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.auth-section:before{background-image:radial-gradient(circle at 10% 20%,#2a52980d 0,#0000 20%),radial-gradient(circle at 90% 80%,#2a52980d 0,#0000 20%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.diagnosis-page-wrapper{align-items:flex-start;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:50px 20px}.diagnosis-page{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;max-width:800px;min-height:80vh;width:90%}.diagnosis-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:20px;padding:10px 20px;text-decoration:none}.diagnosis-btn:hover{background-color:#0056b3}.diagnosis-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.back-button-container{gap:10px}.back-button{align-items:center;background:none;border:none;color:#2a5298;cursor:pointer;display:flex;font-size:2.2rem;font-weight:700;height:38px;justify-content:center;line-height:1;margin:0;padding:0;width:38px}.back-button-container{align-items:center;display:flex;gap:12px}.back-button:hover{opacity:.7}.diagnosis-logo .logo-text{font-size:1.4rem;font-weight:700}.user-icon{background-color:#2a5298;border-radius:50%;height:30px;width:30px}.diagnosis-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding-bottom:2rem;padding-top:100px;text-align:center}.greeting-text{color:#2a5298;font-size:2.2rem;font-weight:600;margin-bottom:.5rem}.subtitle-text{color:#2a5298;font-size:1rem;margin-bottom:50px}.chat-input-container{align-items:center;box-sizing:border-box;display:flex;padding:0 1.5rem;width:100%}.chat-message-box{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0000000d;color:#444;flex-grow:1;font-size:1rem;justify-content:space-between;padding:1rem 1.5rem}.chat-message-box,.send-icon{align-items:center;border-radius:4px;cursor:pointer;display:flex}.send-icon{background-color:#2a5298;color:#fff;font-size:.8rem;height:30px;justify-content:center;margin-left:10px;padding-left:3px;width:30px}.new-chat-button-container{padding:.5rem 1.5rem 1rem;text-align:center}.new-chat-button{background-color:#f0f0f0;border:none;border-radius:15px;box-shadow:0 2px 4px #0000000d;color:#2a5298;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 20px;transition:background-color .2s,color .2s,transform .2s;width:auto}.new-chat-button:hover{background-color:#2a5298;box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-1px)}
2
+ /*# sourceMappingURL=main.4d68ab63.css.map*/
build/static/css/main.4d68ab63.css.map ADDED
@@ -0,0 +1 @@
 
 
1
+ {"version":3,"file":"static/css/main.4d68ab63.css","mappings":"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","sources":["Styles.css","Styles/auth.css","Styles/DiagnosisPage.css"],"sourcesContent":["* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background-color: #f8f9fa;\r\n overflow-x: hidden;\r\n}\r\n\r\n/* Layout umum */\r\n.container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n}\r\n\r\n/* ================================================= */\r\n/* 1. HEADER STYLES - LOGO KECIL & HEADER RINGKAS */\r\n/* ================================================= */\r\n\r\n.header {\r\n background: white;\r\n padding: 0.8rem 0; /* Diperkecil agar header lebih tipis */\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);\r\n border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.header-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n\r\n.logo-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding: 0; /* Diperkecil */\r\n}\r\n\r\n/* LOGO KECIL & TANPA BOX */\r\n.header-logo {\r\n width: 50px; /* Ukuran logo diperkecil */\r\n height: 50px; /* Ukuran logo diperkecil */\r\n object-fit: contain;\r\n display: block;\r\n transition: all 0.3s ease;\r\n /* Properti border, shadow, dan padding dihilangkan dari sini */\r\n cursor: pointer;\r\n}\r\n\r\n.header-logo:hover {\r\n transform: scale(1.03);\r\n /* box-shadow hover juga dihilangkan */\r\n}\r\n\r\n\r\n.logo-text {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: #2a5298;\r\n text-decoration: none;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n/* Navigation Right */\r\n.nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 2.5rem;\r\n}\r\n\r\n.nav-link {\r\n color: #2a5298;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n padding: 0.6rem 0;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.3px;\r\n}\r\n\r\n.nav-link:hover {\r\n color: #1e3c72;\r\n}\r\n\r\n.nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #2a5298, #1e3c72);\r\n border-radius: 2px;\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.nav-link:hover::after {\r\n width: 100%;\r\n}\r\n\r\n/* Tombol Utama */\r\n.primary-btn, .nav-diagnosa {\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n color: white;\r\n padding: 0.6rem 2rem; /* Diperkecil */\r\n border-radius: 30px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1rem; /* Diperkecil */\r\n letter-spacing: 0.3px;\r\n display: inline-block;\r\n text-align: center;\r\n box-shadow: 0 4px 12px rgba(42, 82, 152, 0.25);\r\n min-width: 120px;\r\n}\r\n\r\n.primary-btn:hover, .nav-diagnosa:hover {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(42, 82, 152, 0.35);\r\n}\r\n\r\n.primary-btn:active, .nav-diagnosa:active {\r\n transform: translateY(0);\r\n box-shadow: 0 4px 10px rgba(42, 82, 152, 0.25);\r\n}\r\n\r\n/* Tombol Logout */\r\n.nav-logout {\r\n padding: 0.6rem 1.8rem; /* Diperkecil */\r\n background-color: transparent;\r\n color: #2a5298;\r\n border: 2px solid #2a5298;\r\n border-radius: 30px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n min-width: 100px;\r\n}\r\n\r\n.nav-logout:hover {\r\n background-color: #2a5298;\r\n color: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(42, 82, 152, 0.2);\r\n}\r\n\r\n/* ================================================= */\r\n/* 2. HERO STYLES (BACKGROUND IMAGE) */\r\n/* ================================================= */\r\n.hero {\r\n min-height: 500px;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 0;\r\n color: white;\r\n \r\n /* --- BACKGROUND IMAGE DENGAN OVERLAY --- */\r\n background-image: \r\n linear-gradient(rgba(42, 82, 152, 0.7), rgba(42, 82, 152, 0.7)),\r\n url('./assets/images/hero doctor.jpg');\r\n \r\n background-size: cover;\r\n background-position: center 20%;\r\n background-repeat: no-repeat;\r\n background-attachment: fixed;\r\n}\r\n\r\n.hero-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n gap: 3rem;\r\n padding: 4rem 0;\r\n height: 100%;\r\n min-height: 500px;\r\n}\r\n\r\n.hero-text {\r\n flex: 1;\r\n max-width: 100%;\r\n color: white;\r\n padding-top: 0;\r\n animation: fadeInUp 0.8s ease-out;\r\n text-align: left;\r\n}\r\n\r\n.hero h1 {\r\n font-size: 2.8rem;\r\n margin-bottom: 1rem;\r\n color: white;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n text-align: left;\r\n}\r\n\r\n.hero-subtitle {\r\n font-size: 1.25rem;\r\n opacity: 0.9;\r\n margin-bottom: 2rem;\r\n display: block;\r\n color: white;\r\n max-width: 600px;\r\n line-height: 1.6;\r\n text-align: left;\r\n}\r\n\r\n/* Tombol di kiri */\r\n.hero-buttons-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n margin-top: 2rem;\r\n}\r\n\r\n.hero-diagnosis-btn {\r\n padding: 1.2rem 3rem;\r\n font-size: 1.2rem;\r\n border-radius: 15px;\r\n position: relative;\r\n min-width: 250px;\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: 600;\r\n box-shadow: 0 6px 20px rgba(42, 82, 152, 0.3);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.hero-diagnosis-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(42, 82, 152, 0.4);\r\n}\r\n\r\n.hero-image-container {\r\n display: none;\r\n}\r\n\r\n/* Animasi */\r\n@keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n/* ================================================= */\r\n/* 3. FEATURES SECTION STYLES */\r\n/* ================================================= */\r\n.features {\r\n padding: 5rem 0;\r\n background: white;\r\n}\r\n\r\n.section-title {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n color: #1e3c72;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 15px;\r\n}\r\n\r\n.section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #1e3c72, #2a5298);\r\n border-radius: 2px;\r\n}\r\n\r\n.features-grid {\r\n display: block;\r\n margin-top: 2rem;\r\n}\r\n\r\n.feature-card {\r\n background: #f8f9fa;\r\n border-radius: 15px;\r\n padding: 3rem;\r\n margin-bottom: 2rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 3rem;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 5px;\r\n height: 100%;\r\n background: linear-gradient(180deg, #1e3c72, #2a5298);\r\n border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.feature-card-left-image {\r\n flex-direction: row;\r\n}\r\n\r\n.feature-card-right-image {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.feature-image-container {\r\n flex: 0 0 40%;\r\n max-width: 400px;\r\n height: 250px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.feature-card:hover .feature-image-container {\r\n transform: scale(1.02);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.feature-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.feature-card:hover .feature-image {\r\n transform: scale(1.05);\r\n}\r\n\r\n.feature-text-content {\r\n flex: 1;\r\n text-align: left;\r\n}\r\n\r\n.feature-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.feature-icon {\r\n font-size: 2.8rem;\r\n color: #2a5298;\r\n margin-bottom: 0;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.feature-card:hover .feature-icon {\r\n transform: scale(1.1);\r\n}\r\n\r\n.feature-card h3 {\r\n color: #1e3c72;\r\n margin-bottom: 0;\r\n font-size: 1.6rem;\r\n font-weight: 600;\r\n}\r\n\r\n.feature-card p {\r\n color: #555;\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n}\r\n\r\n/* ================================================= */\r\n/* 4. PRIVACY SECTION */\r\n/* ================================================= */\r\n.privacy {\r\n padding: 5rem 0;\r\n background: #f1f8ff;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.privacy::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(255,255,255,0.1)\"/></svg>');\r\n background-size: cover;\r\n opacity: 0.3;\r\n}\r\n\r\n.privacy-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n padding: 3rem;\r\n background: white;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n z-index: 1;\r\n animation: fadeIn 0.8s ease-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.privacy h2 {\r\n color: #1e3c72;\r\n margin-bottom: 1.5rem;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n}\r\n\r\n.privacy p {\r\n margin-bottom: 1.5rem;\r\n color: #555;\r\n line-height: 1.7;\r\n font-size: 1.05rem;\r\n}\r\n\r\n.security-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n padding: 1rem 2rem;\r\n border-radius: 25px;\r\n margin-top: 1.5rem;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n box-shadow: 0 4px 10px rgba(46, 125, 50, 0.1);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.security-badge:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(46, 125, 50, 0.15);\r\n}\r\n\r\n.security-badge i {\r\n font-size: 1.5rem;\r\n}\r\n\r\n/* ================================================= */\r\n/* 5. FOOTER */\r\n/* ================================================= */\r\n.footer {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n padding: 4rem 0 2rem;\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n.footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: white\r\n}\r\n\r\n.footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2rem;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.footer-logo {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: white;\r\n text-decoration: none;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.footer-tagline {\r\n font-size: 1.15rem;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto 2rem;\r\n line-height: 1.6;\r\n}\r\n\r\n.footer-bottom {\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n width: 100%;\r\n font-size: 0.9rem;\r\n opacity: 0.7;\r\n}\r\n\r\n/* ================================================= */\r\n/* 6. PROFILE MODAL STYLES (POPUP) */\r\n/* ================================================= */\r\n\r\n/* Latar belakang gelap (Overlay) */\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5); /* Hitam transparan */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2000; /* Di atas header */\r\n animation: fadeIn 0.3s ease;\r\n}\r\n\r\n/* Kotak Putih Modal */\r\n.modal-content {\r\n background: white;\r\n width: 90%;\r\n max-width: 800px; /* Lebar sesuai desain */\r\n border-radius: 12px;\r\n padding: 40px;\r\n position: relative;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n animation: slideUp 0.3s ease;\r\n}\r\n\r\n/* Grid Layout: Kiri (Foto) & Kanan (Form) */\r\n.profile-layout {\r\n display: flex;\r\n gap: 40px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n/* Bagian Kiri: Foto Profil Besar */\r\n.profile-left {\r\n flex: 0 0 200px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n}\r\n\r\n.profile-avatar-large {\r\n width: 180px;\r\n height: 180px;\r\n background-color: #d3d3d3; /* Warna abu-abu default */\r\n border-radius: 50%;\r\n object-fit: cover;\r\n}\r\n\r\n/* Bagian Kanan: Input Form */\r\n.profile-right {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n}\r\n\r\n.form-group {\r\n position: relative;\r\n}\r\n\r\n.modal-input {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #2a5298; /* Border biru tipis */\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n color: #333;\r\n outline: none;\r\n}\r\n\r\n.input-icon {\r\n position: absolute;\r\n right: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #2a5298;\r\n cursor: pointer;\r\n}\r\n\r\n/* Tombol-tombol kecil (Ganti Pass, Edit Foto) */\r\n.action-buttons-row {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n.btn-outline {\r\n padding: 8px 15px;\r\n background: transparent;\r\n border: 1px solid #2a5298;\r\n color: #2a5298;\r\n border-radius: 6px;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n}\r\n\r\n.btn-outline:hover {\r\n background: #f0f4f8;\r\n}\r\n\r\n/* Tombol Merah (Keluar/Hapus) */\r\n.btn-danger {\r\n padding: 10px 25px;\r\n background-color: #ff0000;\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n display: inline-block;\r\n transition: background 0.3s;\r\n}\r\n\r\n.btn-danger:hover {\r\n background-color: #cc0000;\r\n}\r\n\r\n/* Bagian Bawah: Bahasa & Hapus Akun */\r\n.profile-bottom-section {\r\n border-top: 1px solid #eee;\r\n padding-top: 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.setting-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.setting-label {\r\n font-size: 1.2rem;\r\n color: #1e3c72;\r\n font-weight: 600;\r\n}\r\n\r\n.btn-language {\r\n padding: 8px 20px;\r\n border: 1px solid #2a5298;\r\n color: #1e3c72;\r\n background: white;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n}\r\n\r\n/* Tombol Close (Silang) di pojok */\r\n.close-modal-btn {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 1.5rem;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #888;\r\n}\r\n\r\n/* Animasi Popup */\r\n@keyframes slideUp {\r\n from { transform: translateY(20px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n}\r\n\r\n/* Responsif untuk HP */\r\n@media (max-width: 768px) {\r\n .profile-layout {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n .modal-content {\r\n width: 95%;\r\n padding: 20px;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n }\r\n}","/* ============================================\r\n AUTHENTICATION PAGES STYLES\r\n ============================================ */\r\n\r\n/* Auth Section */\r\n.auth-section {\r\n min-height: calc(100vh - 200px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 80px 20px;\r\n background: linear-gradient(135deg, #f5f9ff 0%, #e8f0fe 100%);\r\n}\r\n\r\n.auth-container {\r\n max-width: 480px;\r\n margin: 0 auto;\r\n width: 100%;\r\n animation: fadeIn 0.6s ease-out;\r\n}\r\n\r\n.auth-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 50px 40px;\r\n box-shadow: 0 15px 50px rgba(42, 82, 152, 0.12);\r\n border: 1px solid rgba(42, 82, 152, 0.08);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.auth-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 60px rgba(42, 82, 152, 0.18);\r\n}\r\n\r\n.auth-title {\r\n color: #2a5298;\r\n font-size: 32px;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.auth-subtitle {\r\n color: #666;\r\n text-align: center;\r\n margin-bottom: 40px;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n max-width: 350px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n/* Auth Form */\r\n.auth-form {\r\n margin: 35px 0;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 25px;\r\n position: relative;\r\n}\r\n\r\n.form-group label {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: #333;\r\n font-weight: 600;\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.form-group label::after {\r\n content: '*';\r\n color: #e74c3c;\r\n font-size: 18px;\r\n display: none;\r\n}\r\n\r\n.form-group label.required::after {\r\n display: inline-block;\r\n}\r\n\r\n.form-group input,\r\n.form-group select {\r\n width: 100%;\r\n padding: 16px 18px;\r\n border: 2px solid #e0e7ff;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n background-color: #f8faff;\r\n color: #333;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus {\r\n outline: none;\r\n border-color: #2a5298;\r\n background-color: white;\r\n box-shadow: 0 0 0 4px rgba(42, 82, 152, 0.1);\r\n}\r\n\r\n.form-group input::placeholder {\r\n color: #999;\r\n font-size: 15px;\r\n}\r\n\r\n.form-group input.error,\r\n.form-group select.error {\r\n border-color: #e74c3c;\r\n background-color: #fff8f8;\r\n}\r\n\r\n.form-group input.error:focus {\r\n box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.1);\r\n}\r\n\r\n.error-message {\r\n color: #e74c3c;\r\n font-size: 13px;\r\n margin-top: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 500;\r\n}\r\n\r\n.error-message::before {\r\n content: '⚠️';\r\n font-size: 12px;\r\n}\r\n\r\n/* Password field container */\r\n.password-field {\r\n position: relative;\r\n}\r\n\r\n.password-toggle {\r\n position: absolute;\r\n right: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: none;\r\n border: none;\r\n color: #666;\r\n cursor: pointer;\r\n font-size: 18px;\r\n padding: 5px;\r\n transition: color 0.3s;\r\n}\r\n\r\n.password-toggle:hover {\r\n color: #2a5298;\r\n}\r\n\r\n/* Auth Button */\r\n.auth-btn {\r\n width: 100%;\r\n padding: 18px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n margin-top: 25px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 8px 25px rgba(42, 82, 152, 0.25);\r\n}\r\n\r\n.auth-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 30px rgba(42, 82, 152, 0.35);\r\n}\r\n\r\n.auth-btn:active {\r\n transform: translateY(0);\r\n}\r\n\r\n.auth-btn:disabled {\r\n background: #cccccc;\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: none;\r\n}\r\n\r\n/* Auth Footer */\r\n.auth-footer {\r\n text-align: center;\r\n padding-top: 25px;\r\n border-top: 1px solid #eef2ff;\r\n color: #666;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n}\r\n\r\n.auth-link {\r\n color: #2a5298;\r\n font-weight: 700;\r\n text-decoration: none;\r\n position: relative;\r\n transition: color 0.3s;\r\n padding: 2px 0;\r\n}\r\n\r\n.auth-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.auth-link:hover {\r\n color: #1e3c72;\r\n}\r\n\r\n.auth-link:hover::after {\r\n width: 100%;\r\n}\r\n\r\n/* Alert Messages */\r\n.alert {\r\n padding: 18px 20px;\r\n border-radius: 12px;\r\n margin-bottom: 25px;\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n animation: slideIn 0.4s ease;\r\n}\r\n\r\n.alert-error {\r\n background-color: #ffeaea;\r\n color: #d32f2f;\r\n border: 1px solid #ffcdd2;\r\n}\r\n\r\n.alert-success {\r\n background-color: #e8f5e9;\r\n color: #2e7d32;\r\n border: 1px solid #c8e6c9;\r\n}\r\n\r\n.alert-info {\r\n background-color: #e3f2fd;\r\n color: #1565c0;\r\n border: 1px solid #bbdefb;\r\n}\r\n\r\n.alert::before {\r\n font-size: 20px;\r\n}\r\n\r\n.alert-error::before {\r\n content: '❌';\r\n}\r\n\r\n.alert-success::before {\r\n content: '✅';\r\n}\r\n\r\n.alert-info::before {\r\n content: 'ℹ️';\r\n}\r\n\r\n/* Auth Options Divider */\r\n.auth-divider {\r\n display: flex;\r\n align-items: center;\r\n margin: 30px 0;\r\n color: #999;\r\n font-size: 14px;\r\n}\r\n\r\n.auth-divider::before,\r\n.auth-divider::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, #ddd, transparent);\r\n}\r\n\r\n.auth-divider span {\r\n padding: 0 15px;\r\n}\r\n\r\n/* Social Login Buttons */\r\n.social-login {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n margin-top: 20px;\r\n}\r\n\r\n.social-btn {\r\n padding: 14px;\r\n border-radius: 10px;\r\n border: 2px solid #e0e7ff;\r\n background: white;\r\n color: #333;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n font-size: 15px;\r\n}\r\n\r\n.social-btn.google:hover {\r\n background: #f8faff;\r\n border-color: #db4437;\r\n color: #db4437;\r\n}\r\n\r\n.social-btn.facebook:hover {\r\n background: #f8faff;\r\n border-color: #4267B2;\r\n color: #4267B2;\r\n}\r\n\r\n/* Terms Checkbox */\r\n.terms-checkbox {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.terms-checkbox input[type=\"checkbox\"] {\r\n width: 18px;\r\n height: 18px;\r\n margin-top: 3px;\r\n accent-color: #2a5298;\r\n}\r\n\r\n.terms-checkbox label {\r\n font-size: 14px;\r\n color: #666;\r\n line-height: 1.5;\r\n font-weight: normal;\r\n}\r\n\r\n.terms-checkbox a {\r\n color: #2a5298;\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.terms-checkbox a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* Form Row (for side-by-side fields) */\r\n.form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n/* Back Button */\r\n.back-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #666;\r\n text-decoration: none;\r\n font-weight: 500;\r\n margin-bottom: 25px;\r\n transition: color 0.3s;\r\n font-size: 15px;\r\n}\r\n\r\n.back-button:hover {\r\n color: #2a5298;\r\n}\r\n\r\n.back-button::before {\r\n content: '←';\r\n font-size: 18px;\r\n}\r\n\r\n/* Forgot Password Link */\r\n.forgot-password {\r\n text-align: right;\r\n margin-top: 5px;\r\n}\r\n\r\n.forgot-password a {\r\n color: #666;\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n}\r\n\r\n.forgot-password a:hover {\r\n color: #2a5298;\r\n text-decoration: underline;\r\n}\r\n\r\n/* Auth Illustration */\r\n.auth-illustration {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.auth-illustration img {\r\n max-width: 200px;\r\n height: auto;\r\n filter: drop-shadow(0 10px 20px rgba(42, 82, 152, 0.15));\r\n}\r\n\r\n/* Responsive Styles */\r\n@media (max-width: 768px) {\r\n .auth-section {\r\n padding: 60px 15px;\r\n min-height: calc(100vh - 160px);\r\n }\r\n \r\n .auth-card {\r\n padding: 40px 25px;\r\n border-radius: 16px;\r\n }\r\n \r\n .auth-title {\r\n font-size: 28px;\r\n }\r\n \r\n .auth-subtitle {\r\n font-size: 15px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .form-group input,\r\n .form-group select {\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n }\r\n \r\n .auth-btn {\r\n padding: 16px;\r\n font-size: 16px;\r\n }\r\n \r\n .form-row {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n \r\n .social-login {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .auth-card {\r\n padding: 30px 20px;\r\n }\r\n \r\n .auth-title {\r\n font-size: 24px;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n \r\n .auth-footer {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n/* Animations */\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n\r\n/* Optional: Add background pattern */\r\n.auth-section::before {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n radial-gradient(circle at 10% 20%, rgba(42, 82, 152, 0.05) 0%, transparent 20%),\r\n radial-gradient(circle at 90% 80%, rgba(42, 82, 152, 0.05) 0%, transparent 20%);\r\n pointer-events: none;\r\n z-index: -1;\r\n}\r\n\r\n","/* fileName: DiagnosisPage.css */\r\n\r\n/* ================================================= */\r\n/* 1. STYLING UTAMA LAYOUT */\r\n/* ================================================= */\r\n\r\n.diagnosis-page-wrapper {\r\n background-color: #f5f5f5; \r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start; \r\n padding: 50px 20px;\r\n}\r\n\r\n.diagnosis-page {\r\n background-color: white;\r\n width: 90%; \r\n max-width: 800px; \r\n min-height: 80vh;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n border-radius: 8px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Styles.css */\r\n.diagnosis-btn {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n background-color: #007bff;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.diagnosis-btn:hover {\r\n background-color: #0056b3;\r\n}\r\n/* ================================================= */\r\n/* 2. HEADER DIAGNOSA (Tombol Kembali) */\r\n/* ================================================= */\r\n\r\n.diagnosis-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid #eee; \r\n}\r\n\r\n.back-button-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px; \r\n}\r\n\r\n.back-button {\r\n background: none;\r\n border: none;\r\n color: #2a5298;\r\n width: 38px; /* diperbesar */\r\n height: 38px; /* diperbesar */\r\n font-size: 2.2rem; /* ukuran panah sedikit lebih besar */\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0;\r\n margin: 0; /* hilangkan margin biar pas */\r\n line-height: 1;\r\n}\r\n\r\n.back-button-container {\r\n display: flex;\r\n align-items: center; /* memastikan vertikal sejajar */\r\n gap: 12px;\r\n}\r\n\r\n.back-button:hover {\r\n opacity: 0.7;\r\n}\r\n\r\n.diagnosis-logo .logo-text {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* Ikon User */\r\n.user-icon {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n background-color: #2a5298; \r\n}\r\n\r\n/* ================================================= */\r\n/* 3. KONTEN UTAMA (Greeting Text) */\r\n/* ================================================= */\r\n\r\n.diagnosis-content {\r\n flex-grow: 1; \r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n /* HAPUS justify-content: center untuk menggeser ke bawah */\r\n \r\n padding-top: 100px; /* MENGGESER TEKS KE BAWAH */\r\n padding-bottom: 2rem;\r\n text-align: center;\r\n}\r\n\r\n.greeting-text {\r\n font-size: 2.2rem;\r\n font-weight: 600;\r\n color: #2a5298; \r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.subtitle-text {\r\n font-size: 1rem;\r\n color: #2a5298; \r\n margin-bottom: 50px; \r\n}\r\n\r\n/* ================================================= */\r\n/* 4. INPUT DAN TOMBOL BAWAH */\r\n/* ================================================= */\r\n\r\n.chat-input-container {\r\n width: 100%;\r\n padding: 0 1.5rem; /* Hanya padding horizontal, agar tombol chat baru bisa diatur sendiri */\r\n box-sizing: border-box;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.chat-message-box {\r\n flex-grow: 1;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n background-color: white;\r\n color: #444;\r\n font-size: 1rem;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);\r\n cursor: pointer;\r\n}\r\n\r\n.send-icon {\r\n color: white;\r\n background-color: #2a5298; \r\n width: 30px;\r\n height: 30px;\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n margin-left: 10px;\r\n cursor: pointer;\r\n padding-left: 3px; \r\n}\r\n\r\n.new-chat-button-container {\r\n /* Padding di atas tombol (jarak dari input chat) dikurangi sedikit */\r\n padding: 0.5rem 1.5rem 1rem 1.5rem; \r\n text-align: center; \r\n}\r\n\r\n.new-chat-button {\r\n background-color: #f0f0f0; \r\n color: #2a5298; \r\n border: none;\r\n border-radius: 15px; \r\n padding: 8px 20px; \r\n font-size: 0.9rem; \r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background-color 0.2s, color 0.2s, transform 0.2s; /* Tambahkan 'transform' untuk efek angkat */\r\n width: auto; \r\n display: inline-block;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Tambahkan shadow default */\r\n}\r\n\r\n.new-chat-button:hover {\r\n background-color: #2a5298; /* <--- EFEK HOVER: Ubah latar belakang menjadi biru tua */\r\n color: white; /* <--- EFEK HOVER: Ubah teks menjadi putih */\r\n transform: translateY(-1px); /* <--- EFEK HOVER: Tombol sedikit terangkat */\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* <--- EFEK HOVER: Bayangan lebih kuat */\r\n}\r\n/* Menghapus kurung kurawal ekstra di sini */"],"names":[],"ignoreList":[],"sourceRoot":""}
build/static/js/main.ed875d3d.js ADDED
The diff for this file is too large to render. See raw diff
 
build/static/js/main.ed875d3d.js.LICENSE.txt ADDED
@@ -0,0 +1,60 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * @license React
3
+ * react-dom-client.production.js
4
+ *
5
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */
10
+
11
+ /**
12
+ * @license React
13
+ * react-dom.production.js
14
+ *
15
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
16
+ *
17
+ * This source code is licensed under the MIT license found in the
18
+ * LICENSE file in the root directory of this source tree.
19
+ */
20
+
21
+ /**
22
+ * @license React
23
+ * react-jsx-runtime.production.js
24
+ *
25
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
26
+ *
27
+ * This source code is licensed under the MIT license found in the
28
+ * LICENSE file in the root directory of this source tree.
29
+ */
30
+
31
+ /**
32
+ * @license React
33
+ * react.production.js
34
+ *
35
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
36
+ *
37
+ * This source code is licensed under the MIT license found in the
38
+ * LICENSE file in the root directory of this source tree.
39
+ */
40
+
41
+ /**
42
+ * @license React
43
+ * scheduler.production.js
44
+ *
45
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
46
+ *
47
+ * This source code is licensed under the MIT license found in the
48
+ * LICENSE file in the root directory of this source tree.
49
+ */
50
+
51
+ /**
52
+ * react-router v7.10.1
53
+ *
54
+ * Copyright (c) Remix Software Inc.
55
+ *
56
+ * This source code is licensed under the MIT license found in the
57
+ * LICENSE.md file in the root directory of this source tree.
58
+ *
59
+ * @license MIT
60
+ */
build/static/js/main.ed875d3d.js.map ADDED
The diff for this file is too large to render. See raw diff
 
build/static/media/LogoMedicare Putih.8f9647da2453d9d0e30e.png ADDED
build/static/media/hero doctor.894cacb28baa9bfa595b.jpg ADDED

Git LFS Details

  • SHA256: 4da74e71d0902fd9cf7cbe0d81349d3feedc9f96411b2d62f79a9e64d627b30f
  • Pointer size: 132 Bytes
  • Size of remote file: 7.08 MB
build/static/media/picture1.23113c3e35250314f9a5.jpg ADDED

Git LFS Details

  • SHA256: 238aab42594fa6c407683150b555768452020d53a6b9c41208c156968a2bd6a8
  • Pointer size: 131 Bytes
  • Size of remote file: 159 kB
build/static/media/picture2.b0e5a8d15c1ae041b983.jpg ADDED

Git LFS Details

  • SHA256: 8d52b11b1809b3f192e7728a211676aafd1ea37dc5affd81adc1cdad3ec78752
  • Pointer size: 131 Bytes
  • Size of remote file: 133 kB