*{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0;padding:0}body{transition:background-color .3s,color .3s}body.light{background-color:#f9f9f9;color:#111}body.dark{background-color:#121212;color:#fff}.app{text-align:center}.navbar{align-items:center;background-color:inherit;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:15px 30px}.logo{color:inherit;font-size:24px;font-weight:700;transition:transform .3s ease}.logo:hover{background-color:#07c;border-radius:8px;color:#fff;padding:5px 10px;transform:scale(1.1)}.nav-links{align-items:center;display:flex;gap:20px;list-style:none}.nav-links a{border-radius:6px;color:inherit;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background-color:#07c;color:#fff;transform:scale(1.1)}.theme-toggle{background-color:initial;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.theme-icon{height:28px;width:28px}.intro-section{margin:40px 0;text-align:center}.access-btn{background-color:#07c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.access-btn:hover{background-color:#005fa3;transform:scale(1.05)}.ehr-section{margin:0 auto;max-width:700px;padding:40px 20px;text-align:center}.ehr-section h2{color:#07c;margin-bottom:20px}.ehr-section p{color:#666;line-height:1.6;margin-bottom:30px}body.dark .ehr-section p{color:#ccc}.user-type-section{margin-bottom:30px}.user-type-label{font-weight:600;margin-bottom:10px}.user-type-toggle{background-color:#f0f0f0;border-radius:30px;margin:0 auto;max-width:300px;padding:4px}body.dark .user-type-toggle{background-color:#2a2a2a}.toggle-btn{background:#0000;border:none;border-radius:30px;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .3s ease}.toggle-btn.active{background-color:#07c;color:#fff}body.dark .toggle-btn{color:#ccc}body.dark .toggle-btn.active{background-color:#07c;color:#fff}.ehr-access-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.ehr-access-form input{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#111;font-size:1rem;padding:10px;text-transform:uppercase;width:260px}body.dark .ehr-access-form input{background-color:#2a2a2a;border:1px solid #444;color:#eee}.security-notice{background-color:#0d47a1;border-radius:10px;color:#fff;margin:30px auto;max-width:700px;padding:20px}.admin-access-button{margin-top:20px}.login-page,.registration-page{background-color:#f4f4f4;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:60px auto;max-width:400px;padding:2rem}body.dark .login-page,body.dark .registration-page{background-color:#1f1f1f;box-shadow:0 2px 10px #ffffff0d;color:#fff}.login-form,.register-form{display:flex;flex-direction:column}.login-form label,.register-form label{font-weight:600;margin:10px 0 5px;text-align:left}.login-form input,.register-form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:15px;padding:10px}body.dark .login-form input,body.dark .register-form input{background-color:#2a2a2a;border-color:#555;color:#eee}.login-form button,.register-form button{background-color:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease}.login-form button:hover,.register-form button:hover{background-color:#005fa3}.medical-footer{background-color:#f5f5f5;margin-top:50px;padding:20px;text-align:center}body.dark .medical-footer{background-color:#1a1a1a;color:#ccc}@media (max-width:768px){.navbar{flex-direction:column;gap:10px}.nav-links{flex-wrap:wrap;justify-content:center}.ehr-access-form input{width:200px}.access-btn{max-width:250px;width:100%}.login-page,.registration-page{padding:1.5rem}}.admin-update-page{border-radius:12px;margin:auto;max-width:600px;padding:2rem;text-align:center}.admin-update-page h2{font-size:2rem;margin-bottom:1rem}.user-type-toggle{display:flex;justify-content:center;margin-bottom:1rem}.user-type-toggle button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;margin:0 5px;padding:.5rem 1rem}.user-type-toggle .active{background-color:#007bff;color:#fff}.user-form{display:flex;flex-direction:column;gap:.8rem}.user-form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.7rem}.user-form button{background-color:#007bff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem}.admin-update-page.dark{background-color:#1a1a1a;color:#fff}.admin-update-page.light,.medical-record-page{background-color:#f9f9f9;color:#111}.medical-record-page{border-radius:12px;font-family:Arial,sans-serif;margin:40px auto;max-width:800px;padding:2rem}body.dark .medical-record-page{background-color:#1f1f1f;color:#eee}.medical-record-page h2{color:#07c;font-size:2rem;margin-bottom:20px;text-align:center}.record-section{margin:20px 0}.record-label{color:#555;font-weight:700}body.dark .record-label{color:#ccc}.record-value{font-size:1rem;margin-left:10px}.record-item{border-bottom:1px dotted #888;display:flex;justify-content:space-between;padding:8px 0}.record-item:last-child{border-bottom:none}.news-marquee{background-color:#07c;color:#fff;font-size:1rem;font-weight:500;overflow:hidden;padding:10px 0;position:relative}.news-scroll{animation:scrollNews 60s linear infinite;display:inline-block;white-space:nowrap}.news-scroll span{display:inline-block;padding:0 30px}@keyframes scrollNews{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.news-marquee{font-size:.9rem;padding:8px 0}.news-scroll span{padding:0 20px}}@media (max-width:480px){.news-marquee{font-size:.8rem;padding:5px 0}.news-scroll span{padding:0 15px}}.image-slideshow{height:500px;overflow:hidden;position:relative;width:100%}.image-slideshow .slides{animation:slideAnimation 15s infinite;display:flex}.image-slideshow .slides img{flex:1 0 100%;height:500px;object-fit:cover}.image-slideshow:before{background:#00000040;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}@keyframes slideAnimation{0%{transform:translateX(0)}30%{transform:translateX(0)}35%{transform:translateX(-100%)}65%{transform:translateX(-100%)}70%{transform:translateX(-200%)}to{transform:translateX(-200%)}}.center-button-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.center-button-container .access-btn{background-color:#07c;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:15px 30px}.center-button-container .access-btn:hover{background-color:#005fa3}@media screen and (max-width:768px){.image-slideshow{height:300px}.image-slideshow .slides img{height:300px;object-fit:cover}}@media screen and (max-width:480px){.image-slideshow{height:200px}.image-slideshow .slides img{height:200px;object-fit:cover}}@media screen and (max-width:768px){.center-button-container .access-btn{font-size:1rem;padding:10px 20px}}@media screen and (max-width:480px){.center-button-container .access-btn{font-size:.9rem;padding:8px 16px}}
/*# sourceMappingURL=main.840b12f1.css.map*/