@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";.app{font-family:Roboto,sans-serif;margin:0;padding:0;min-height:100vh;width:100%}html{box-sizing:border-box}.navbar{background-color:#27963a;padding:12px 0;box-shadow:0 2px 8px #0003;width:100%;position:fixed;top:0;left:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 30px}.logo-container{display:flex;align-items:center}.logo{width:32px;margin-right:12px}.app-name{color:#fff;font-size:1.6rem;font-weight:500;margin:0}.logout-btn{background-color:#0003;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#0006}.dashboard{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:80px 20px 20px;box-sizing:border-box;background-color:#faf9f6}.dashboard-content{max-width:900px;width:100%;text-align:center;padding:60px 40px;box-sizing:border-box}.dashboard-title{color:#4caf50;font-size:2.5rem;margin-bottom:10px;font-weight:500}.dashboard-subtitle{color:#726d6d;font-size:1.2rem;margin-bottom:60px}.button-container{display:flex;flex-direction:row;justify-content:center;gap:40px;margin-top:30px}.dashboard-button{min-width:220px;padding:16px 30px;font-size:1.1rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 8px #0003}.new-patient,.patient-details{background-color:#3e8e41}.dashboard-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000040;background-color:#479e4b}@media (max-width: 768px){.button-container{flex-direction:column;gap:20px}.dashboard-button{width:100%;max-width:300px;margin:0 auto}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1.1rem;margin-bottom:40px}.app-name{font-size:1.4rem}.logout-btn{padding:6px 16px;font-size:.9rem}}@media (max-width: 480px){.dashboard-content{padding:40px 20px}.dashboard-title{font-size:1.8rem}.dashboard-button{padding:14px 24px;font-size:1rem}.app-name{font-size:1.2rem}.logo{width:28px;height:28px}.logout-btn{padding:5px 14px;font-size:.85rem}.navbar-container{padding:0 15px}}.patient-info-container{margin:20px auto;padding:30px;width:60vw;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}@media (max-width: 1440px) and (min-width: 1024px){.patient-info-container{width:30vw}}@media (max-width: 767px){.patient-info-container{width:60vw}}.patient-info-title{text-align:center;color:#2c3e50;margin-bottom:25px;font-size:24px}.patient-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:16px}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db80}.error-message{color:#e74c3c;margin-top:5px;font-size:14px}.submit-button{background-color:#3498db;color:#fff;border:none;padding:12px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:10px;align-self:center}.submit-button:hover{background-color:#2980b9}.success-message{text-align:center;color:#27ae60;font-size:18px;margin:20px 0}.centre{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}.navbar2{background-color:#8696f4;padding:12px 0;box-shadow:0 2px 8px #0003;width:100%;position:fixed;top:0;left:0;z-index:1000}.navbar-container2{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 30px}.logo-container2{display:flex;align-items:center}.logo2{width:32px;margin-right:12px}.app-name2{color:#fff;font-size:1.6rem;font-weight:500;margin:0}.logout-btn2{background-color:#0003;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn2:hover{background-color:#0006}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #2c2c2c inset!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s}input{caret-color:#fff;transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Roboto,Inter,system-ui,sans-serif}body{background:linear-gradient(135deg,#c1d4de,#d2e7eb);color:#fff;min-height:100vh;transition:background .5s ease}.lsmain{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;padding:1rem;transition:all .3s ease}.login-cont{background-color:#1e1e1e;border-radius:1.5rem;box-shadow:0 10px 30px #0000004d;padding:2.5rem;max-width:420px;width:100%;text-align:center;animation:fadeIn .5s ease-in-out;transition:all .4s ease}.login_title{margin-bottom:1.5rem;font-weight:600;color:#fff;font-size:1.75rem;letter-spacing:.5px;transition:color .3s ease;position:relative}.login_title:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:#4f8df9;border-radius:2px;transition:all .3s ease}p:before{left:0}p:after{right:0}.login-form{text-align:left}.input-cont{position:relative;margin-bottom:1.5rem;background-color:#2c2c2c;border-radius:8px;display:flex;align-items:center;padding:0 18px;height:50px;transition:box-shadow .3s ease,background-color .3s ease}.mail-logo{width:20px;height:20px;opacity:.7;filter:invert(1);transition:transform .3s ease}.mail-input{width:100%;padding:15px 15px 15px 12px;background-color:transparent;border:none;color:#767474;font-size:1rem;outline:none;transition:all .3s ease}.mail-input::placeholder{color:#8e8e8e;font-weight:300}.fpass{display:block;text-align:center;color:#4f8df9;text-decoration:none;font-size:.95rem;margin-bottom:1.75rem;transition:color .3s ease}.fpass:hover{text-decoration:underline}.logbtn{width:100%;padding:12px;border:none;border-radius:8px;background-color:#4f8df9;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-bottom:1.75rem;letter-spacing:.5px}.logbtn:hover{background-color:#3a78e7;transform:scale(1.02)}.grey{width:100%;padding:12px;border:none;border-radius:8px;background-color:#6a6a6a;color:#fff;font-size:1.1rem;font-weight:600;cursor:not-allowed;margin-bottom:1.75rem;letter-spacing:.5px}.serror{margin-top:-20px;margin-bottom:18px;font-size:14px;text-align:center;transition:all .3s ease}.ticksvg{height:20px;position:absolute;top:162px;right:288px}.sinup-link{font-size:.95rem;margin-top:.75rem;text-align:center;color:#ccc}.medical-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:20px;box-shadow:4px 4px 8px #0069921a,-4px -4px 8px #fffc;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.medical-card:hover{transform:translateY(-5px);box-shadow:6px 6px 12px #00699226,-6px -6px 12px #ffffffe6}.sinup-link a{color:#4f8df9;text-decoration:none;font-weight:500;transition:color .3s ease}.sinup-link a:hover{text-decoration:underline}.mail-input:focus{border-bottom:2px solid #4f8df9}.input-cont:focus-within{box-shadow:0 0 0 2px #4f8df94d}.sstatus{color:#4f8df9;margin-bottom:16px}.sloading{height:40px;margin:-10px 0}.msg{padding-top:20px;margin-top:10px;color:#4f8df9;text-align:center;transition:all .3s ease}@media (max-width: 768px){.login-cont{padding:2rem;max-width:100%}.login_title{font-size:1.5rem}.logbtn{font-size:1rem;padding:.75rem}.input-cont{height:55px}}@media (max-width: 480px){.login-cont{padding:1.5rem}.login_title{font-size:1.3rem;margin-bottom:1.25rem}.input-cont{padding:0 15px;height:50px;margin-bottom:1.25rem}.mail-input{font-size:.9rem}.fpass{font-size:.85rem;margin-bottom:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new01{background-color:#2c2c2c;border-radius:10px;padding-right:14px}.otp-container{background-color:#1e1e1e;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;text-align:center;width:100%;max-width:400px}.otpcent{height:100vh;display:flex;justify-content:center;align-items:center}.otp-form h2{margin-bottom:20px;color:#e0e0e0}.otp-input-wrapper{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.otp-input{width:40px;height:50px;text-align:center;font-size:24px;border:2px solid #333;border-radius:6px;background-color:#2c2c2c;color:#fff;outline:none;transition:border-color .3s ease}.otp-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.otp-submit-btn{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .3s ease;margin-top:10px}.otp-submit-btn:hover{background-color:#357abd}.otpq{margin:10px 10px 25px;color:#4a90e2}.otpmessage{margin-top:20px;color:red}.patient-dashboard{max-width:1200px;margin:0 auto;padding:25px;font-family:Roboto,Arial,sans-serif;margin-top:10vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.dashboard-content.dashboard-title{color:#fff;font-size:32px;margin:0;font-weight:600}.dashboard-actions{display:flex;gap:15px;align-items:center}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:10px 15px;border:2px solid #e6e6e6;border-radius:50px;font-size:14px;width:250px;transition:border-color .3s ease}.search-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.search-button{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:5px}.search-icon{width:18px;height:18px;fill:#7f8c8d}.add-patient-button{background-color:#3498db;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.add-patient-button:hover{background-color:#2980b9}.patient-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.patient-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.patient-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.patient-card-header{padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center}.patient-name{margin:0;font-size:18px;color:#2c3e50;font-weight:600}.patient-id{font-size:12px;color:#7f8c8d;font-weight:500}.patient-card-body{padding:20px}.diagnosis-container,.updated-container{display:flex;align-items:baseline;margin-bottom:10px}.diagnosis-label,.updated-label{font-size:14px;font-weight:500;color:#7f8c8d;width:100px}.diagnosis-value{font-size:16px;color:#e74c3c;font-weight:500}.updated-value{font-size:14px;color:#34495e}.patient-card-footer{padding:16px 20px;border-top:1px solid #e6e6e6;display:flex;justify-content:space-between}.view-details-button,.update-button{padding:8px 15px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;border:none}.view-details-button{background-color:#f8f9fa;color:#2c3e50;border:1px solid #e6e6e6}.view-details-button:hover{background-color:#e6e6e6}.update-button{background-color:#27ae60;color:#fff}.update-button:hover{background-color:#219653}.no-patients-message{grid-column:1 / -1;text-align:center;padding:40px;color:#7f8c8d;font-size:16px;background-color:#ecf0f180;border-radius:12px}@media (max-width: 768px){.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.dashboard-content.dashboard-title{color:#2c3e50;font-size:32px;margin:0;font-weight:600}.dashboard-actions{display:flex;gap:15px}.dashboard-actions{width:100%;flex-direction:column;align-items:stretch}.search-input{width:100%}.patient-card-container{grid-template-columns:1fr}}.Documents-btn{display:flex;align-items:center;justify-content:flex-start;width:fit-content;height:45px;border:none;padding:0 15px;border-radius:5px;background-color:#313153;gap:10px;cursor:pointer;transition:all .3s}.folderContainer{width:40px;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.fileBack{z-index:1;width:80%;height:auto}.continue-application{--color: #fff;--background: #6b708e;--background-hover: #5f647e;--background-left: #474c66;--folder: #f9f4dc;--folder-inner: #d9d1a9;--paper: #ffffff;--paper-lines: #cdd3ec;--paper-behind: #f0f3fd;--pencil-cap: #fff;--pencil-top: #5c7eff;--pencil-middle: #fff;--pencil-bottom: #8caeff;--shadow: rgba(13, 15, 25, .1);border:none;outline:none;cursor:pointer;position:relative;border-radius:5px;font-size:14px;font-weight:500;line-height:19px;-webkit-tap-highlight-color:transparent;padding:17px 29px 17px 69px;transition:background .3s;color:var(--color);background:var(--bg, var(--background))}.continue-application>div{top:0;left:0;bottom:0;width:53px;position:absolute;overflow:hidden;border-radius:5px 0 0 5px;background:var(--background-left)}.continue-application>div .folder{width:23px;height:27px;position:absolute;left:15px;top:13px}.continue-application>div .folder .top{left:0;top:0;z-index:2;position:absolute;transform:translate(var(--fx, 0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder .top svg{width:24px;height:27px;display:block;fill:var(--folder);transform-origin:0 50%;transition:transform .3s ease var(--fds, .45s);transform:perspective(120px) rotateY(var(--fr, 0deg))}.continue-application>div .folder:before,.continue-application>div .folder:after,.continue-application>div .folder .paper{content:"";position:absolute;left:var(--l, 0);top:var(--t, 0);width:var(--w, 100%);height:var(--h, 100%);border-radius:1px;background:var(--b, var(--folder-inner))}.continue-application>div .folder:before{box-shadow:0 1.5px 3px var(--shadow),0 2.5px 5px var(--shadow),0 3.5px 7px var(--shadow);transform:translate(var(--fx, 0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder:after,.continue-application>div .folder .paper{--l: 1px;--t: 1px;--w: 21px;--h: 25px;--b: var(--paper-behind)}.continue-application>div .folder:after{transform:translate(var(--pbx, 0),var(--pby, 0));transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .folder .paper{z-index:1;--b: var(--paper)}.continue-application>div .folder .paper:before,.continue-application>div .folder .paper:after{content:"";width:var(--wp, 14px);height:2px;border-radius:1px;transform:scaleY(.5);left:3px;top:var(--tp, 3px);position:absolute;background:var(--paper-lines);box-shadow:0 12px 0 0 var(--paper-lines),0 24px 0 0 var(--paper-lines)}.continue-application>div .folder .paper:after{--tp: 6px;--wp: 10px}.continue-application>div .pencil{height:2px;width:3px;border-radius:1px 1px 0 0;top:8px;left:105%;position:absolute;z-index:3;transform-origin:50% 19px;background:var(--pencil-cap);transform:translate(var(--pex, 0)) rotate(35deg);transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .pencil:before,.continue-application>div .pencil:after{content:"";position:absolute;display:block;background:var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));width:var(--w, 5px);height:var(--h, 20px);border-radius:var(--br, 2px 2px 0 0);top:var(--t, 2px);left:var(--l, -1px)}.continue-application>div .pencil:before{-webkit-clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px);clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px)}.continue-application>div .pencil:after{--b: none;--w: 3px;--h: 6px;--br: 0 2px 1px 0;--t: 3px;--l: 3px;border-top:1px solid var(--pencil-top);border-right:1px solid var(--pencil-top)}.continue-application:before,.continue-application:after{content:"";position:absolute;width:10px;height:2px;border-radius:1px;background:var(--color);transform-origin:9px 1px;transform:translate(var(--cx, 0)) scale(.5) rotate(var(--r, -45deg));top:26px;right:16px;transition:transform .3s}.continue-application:after{--r: 45deg}.continue-application:hover{--cx: 2px;--bg: var(--background-hover);--fx: -40px;--fr: -60deg;--fd: .15s;--fds: 0s;--pbx: 3px;--pby: -3px;--pbd: .15s;--pex: -24px}.filePage{width:50%;height:auto;position:absolute;z-index:2;transition:all .3s ease-out}.fileFront{width:85%;height:auto;position:absolute;z-index:3;opacity:.95;transform-origin:bottom;transition:all .3s ease-out}.center{display:flex;justify-content:center;align-items:center}.text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.Documents-btn:hover .filePage{transform:translateY(-5px)}.Documents-btn:hover{background-color:#3a3a5e}.Documents-btn:active{transform:scale(.95)}.Documents-btn:hover .fileFront{transform:rotateX(30deg)}.patient-details-hover:hover .filePage{transform:translateY(-5px)}.patient-details-hover:hover{background-color:#3a3a5e}.patient-details-hover:active{transform:scale(.95)}.patient-details-hover:hover .fileFront{transform:rotateX(30deg)}.refresh-button{background-color:#30c26d;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}:root{--primary-color: #4f46e5;--primary-light: #6366f1;--primary-dark: #4338ca;--secondary-color: #06b6d4;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--text-color: #1f2937;--light-text: #6b7280;--background: #ffffff;--card-bg: #f9fafb;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .3s ease}.fc{height:100vh;display:flex;justify-content:center;align-items:center}.progress-container{width:80%;background-color:#e0e0e0;border-radius:25px;box-shadow:0 3px 6px #0000001a;overflow:hidden;margin:20px 0}.progress-bar{height:35px;width:0%;background:linear-gradient(90deg,#43cea2,#185a9d);text-align:center;line-height:35px;color:#fff;font-weight:700;transition:width .5s ease-in-out}.recorder-container{font-family:Roboto,sans-serif;color:var(--text-color);background-color:#f3f4f6;max-width:800px;width:90%;margin:2rem auto;padding:2.5rem;background-color:var(--background);border-radius:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem}.recorder-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;justify-content:center}.logo-icon{color:var(--primary-color)}.recorder-title{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin:0}.recording-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;border-radius:.75rem;background-color:var(--card-bg);gap:1.5rem;min-height:250px}.mic-icon-wrapper{width:70px;height:70px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #4f46e54d;transition:var(--transition)}.mic-icon-wrapper.inactive{background-color:#e2e8f0;box-shadow:none}.mic-icon{color:#64748b}.mic-icon-recording{color:#fff}.pulse-ring{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#4f46e533;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.2);opacity:0}to{transform:scale(.95);opacity:0}}.recording-indicator{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.status-text{font-size:.9rem;color:var(--light-text);text-align:center;margin:.5rem 0}.button-group{display:flex;gap:1.5rem;margin-top:1.5rem;width:100%;justify-content:center;flex-wrap:wrap}.btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 2rem;border-radius:.5rem;font-weight:500;transition:var(--transition);cursor:pointer;border:none;font-family:Roboto,sans-serif;font-size:1rem;white-space:nowrap;min-width:150px;box-shadow:0 2px 5px #0000001a}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-start{background-color:var(--primary-color);color:#fff}.btn-start:hover{background-color:var(--primary-dark)}.btn-stop{background-color:var(--warning-color);color:#fff}.btn-stop:hover{background-color:#d97706}.btn-cancel,.btn-discard{background-color:var(--danger-color);color:#fff}.btn-cancel:hover,.btn-discard:hover{background-color:#b91c1c}.btn-send{background-color:var(--success-color);color:#fff}.btn-send:hover{background-color:#059669}.audio-preview{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.audio-player-container{width:100%;display:flex;align-items:center;gap:.75rem;background-color:#eef2ff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color)}.audio-icon{color:var(--primary-color);flex-shrink:0}.audio-player{width:100%;height:36px}.audio-actions{display:flex;gap:1.5rem;width:100%;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.transcript-box{margin-top:1rem;background-color:var(--card-bg);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.transcript-box h3{font-size:1.1rem;margin-top:0;margin-bottom:.75rem;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.transcript-content{max-height:200px;overflow-y:auto;padding:.75rem;background-color:#fff;border-radius:.5rem;border:1px solid var(--border-color)}.transcript-content p{margin:0;line-height:1.6}@media (max-width: 640px){.recorder-container{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.recording-section{padding:1.5rem 1rem}.button-group{flex-direction:column;width:100%;gap:1rem}.audio-actions{flex-direction:column;gap:1rem}.btn{width:100%;min-width:unset}.audio-player-container{flex-direction:column;padding:1rem .75rem}.audio-player{width:100%}}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.mic-icon-recording{animation:blink 1.5s infinite}.success-container{display:flex;flex-direction:column;min-height:100vh;background-color:#d8e4e8;font-family:Arial,sans-serif}.header{background-color:#2da84b;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-size:20px;font-weight:700}.icon{margin-right:10px}.logout-btn{background-color:#fff3;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px}.logout-btn:hover{background-color:#ffffff4d}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.success-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:30px;width:90%;max-width:600px;text-align:center}.success-icon{background-color:#2da84b;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px}.success-title{color:#2da84b;font-size:24px;margin-bottom:10px}.success-message{color:#666;margin-bottom:30px}.button-container{display:flex;flex-direction:column;gap:15px}.action-button{padding:12px 20px;border-radius:5px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.view-button{background-color:#5f6cff;color:#fff}.view-button:hover{background-color:#4a57e5}.new-button{background-color:#2da84b;color:#fff}.new-button:hover{background-color:#258d3e}@media (min-width: 768px){.button-container{flex-direction:row;justify-content:center}.action-button{min-width:180px}}.patient-details-container{max-width:92vw;margin:0 auto;padding:25px;font-family:Roboto,Arial,sans-serif;background-color:#f8f9fa;color:#2c3e50;margin-top:15vh;border-radius:10px}.patient-header{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:25px;margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.patient-header-info{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.patient-name-header{font-size:32px;margin:0 0 5px;color:#2c3e50;font-weight:600}.patient-id-section{display:flex;align-items:center;gap:8px}.patient-id-label{font-size:14px;color:#7f8c8d}.patient-id-value{font-size:16px;font-weight:500;color:#34495e}.patient-contact-section{flex:2;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.patient-phone{display:flex;align-items:center;gap:5px;margin-bottom:15px;font-size:16px}.detail-icon{font-size:18px}.patient-details-secondary{display:flex;gap:20px;margin-bottom:10px;color:#34495e;font-size:14px}.patient-allergies{margin-top:10px}.allergies-label{font-weight:500;margin-right:8px;color:#7f8c8d}.allergies-value{color:#e74c3c;font-weight:500}.patient-actions{display:flex;align-items:flex-start;min-width:220px;justify-content:center;align-items:center}.download-pdf-button{background-color:#3498db;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:8px}.download-pdf-button:hover{background-color:#2980b9}.button-icon{font-size:16px}.section-title{font-size:24px;margin:0 0 25px;color:#2c3e50;font-weight:600}.medical-history-section{padding:10px}.timeline-container{position:relative;margin-left:20px}.timeline-item{display:flex;margin-bottom:40px;position:relative}.timeline-date{min-width:150px;text-align:right;padding-right:25px;font-size:16px;font-weight:500;color:#7f8c8d;padding-top:16px}.date-value{background-color:#ecf0f1;padding:5px 12px;border-radius:30px}.timeline-connector{position:relative;min-width:50px;display:flex;flex-direction:column;align-items:center}.connector-dot{width:20px;height:20px;background-color:#3498db;border-radius:50%;margin-top:16px;z-index:2;box-shadow:0 0 0 4px #3498db33}.connector-line{position:absolute;top:36px;width:3px;background-color:#bdc3c7;height:calc(100% + 40px);z-index:1}.visit-card{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;min-width:300px;max-width:calc(92vw - 250px)}.visit-card-header{background-color:#3498db;padding:16px 20px;color:#fff}.visit-diagnosis{margin:0;font-size:20px;font-weight:500}.visit-card-body{padding:20px}.visit-section{margin-bottom:24px}.visit-section:last-child{margin-bottom:0}.visit-section-title{font-size:16px;color:#7f8c8d;margin:0 0 12px;font-weight:600;padding-bottom:5px;border-bottom:1px solid #ecf0f1}.symptoms-list,.tests-list{padding-left:20px;margin:0}.symptoms-list li,.tests-list li{margin-bottom:5px}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.vital-item{display:flex;flex-direction:column;background-color:#f8f9fa;padding:10px;border-radius:8px}.vital-label{font-size:12px;color:#7f8c8d;margin-bottom:5px}.vital-value{font-size:16px;font-weight:500;color:#2c3e50}.medications-list{display:flex;flex-direction:column;gap:15px}.medication-item{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #3498db}.medication-name{font-size:16px;font-weight:500;color:#2c3e50;margin-bottom:5px}.medication-dosage{font-weight:400;color:#7f8c8d}.medication-instructions{font-size:14px;color:#34495e}.lifestyle-advice,.follow-up-plan{background-color:#f8f9fa;padding:15px;border-radius:8px;font-size:14px;line-height:1.5;color:#34495e;margin:0}.follow-up-section{border-top:1px solid #ecf0f1;padding-top:20px}.follow-up-plan{color:#e67e22;font-weight:500}@media (max-width: 768px){.patient-header{flex-direction:column}.timeline-date{min-width:100px;font-size:14px}.visit-card{max-width:calc(92vw - 180px)}.vitals-grid{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.timeline-date{min-width:80px;padding-right:15px;font-size:12px}.timeline-connector{min-width:30px}.visit-card{max-width:calc(92vw - 130px)}.vitals-grid{grid-template-columns:1fr}}