.header-wrapper{background:linear-gradient(145deg,#7881df,#0a0a0a);padding:.5rem;box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box;overflow-x:hidden}.user-language-wrapper{display:flex;align-items:center;gap:10px}.user-icon-header{font-size:24px;cursor:pointer;color:#fff}.user-wrapper{position:relative}.language-wrapper{margin-right:1rem}.user-icon-header{font-size:24px;cursor:pointer;color:#fff;gap:10px;margin-right:10px;white-space:nowrap}.user-card{position:absolute;top:30px;right:0;background-color:#a2f7db;border-right:5px solid white;border-left:5px solid white;box-shadow:0 8px 16px #0000001a;border-radius:4px;padding:1rem;width:auto;z-index:1000;animation:fadeIn .3s ease}.user-card__info p{margin:0 0 8px;font-size:smaller}.user-card__name{text-align:center;font-size:1.5rem;font-weight:bolder;color:#333;margin:0 0 8px}.role-select-box-dropdown{width:auto;padding:4px 8px;font-size:16px;border:none;border-radius:5px;border-bottom:2px solid #ccc;background-color:#97eee7;color:#333;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative;margin-left:auto}.role-select-box-dropdown:focus{border-bottom-color:#054f9e;outline:none;box-shadow:none}.role-select-box-dropdown option{padding:8px;background-color:#b6ece8;color:#333}.role-select-box-dropdown:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#333;font-size:12px}.header__right{display:flex;align-items:center;gap:5px}.language-wrapper{display:flex;align-items:center}@media (max-width: 600px){.header__logo{width:3rem;height:2rem;margin-right:.5em;border-radius:.5em;object-fit:cover;object-position:left}.header__logout{background-color:#022036;border:1px solid #8175f0;border-radius:5px;color:#eceaf0;cursor:pointer;font-size:8px;font-weight:300;padding:2px 5px;display:flex;align-items:center;transition:background-color .3s ease}.header__main-title .header__title-part1,.header__main-title .header__title-part2{display:flex;gap:6px;font-size:.9rem;color:#eeeaea;font-weight:100}}@media (max-width: 700px){.header__logo{height:2rem;margin-right:1em;border-radius:.5em}.language-logo{width:1.2rem;height:1.2rem;border-radius:.8rem;display:inline;margin-right:.1rem}.header__logout{background-color:#022036;border:1px solid #8175f0;border-radius:5px;color:#eceaf0;cursor:pointer;font-size:8px;font-weight:300;padding:2px 5px;display:flex;align-items:center;transition:background-color .3s ease}.header__main-title .header__title-part1,.header__main-title .header__title-part2{display:flex;gap:6px;font-size:3vw;color:#eeeaea;font-weight:100}}@media (max-width: 768px){.user-icon-header{font-size:18px;cursor:pointer;color:#fff;gap:10px;white-space:nowrap;display:block!important}.language-logo{width:1rem;height:1rem;border-radius:1rem;display:inline;margin-right:.1rem}.language-wrapper select{width:2.5rem;font-size:10px;margin-left:.5rem}}.role-selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;z-index:1050}.role-selection-modal{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 5px 10px #0000000d;text-align:center;width:90%;max-width:450px;border:1px solid #e2e8f0;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.role-selection-modal h3{margin-top:0;margin-bottom:.75rem;font-size:1.75rem;color:#1a202c;font-weight:600}.role-selection-modal p{margin-bottom:2rem;color:#4a5568;font-size:1rem}.role-selection-modal select{width:100%;padding:.75rem 1rem;margin-bottom:2rem;border-radius:8px;border:1px solid #cbd5e0;font-size:1rem;background-color:#f7fafc;transition:border-color .2s,box-shadow .2s}.role-selection-modal select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e180}.role-selection-modal button{width:100%;padding:.85rem 1rem;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .2s}.role-selection-modal button:not(:disabled):hover{background-color:#0056b3}.role-selection-modal button:disabled{background-color:#a0aec0;cursor:not-allowed}.role-selection-modal button:not(:disabled):active{transform:scale(.98)}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background-color:#fff;padding:1rem;display:flex;justify-content:flex-end;align-items:center;position:relative;bottom:0}.adminbutton{position:relative;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}.adminbutton.disabled{background-color:#d1cbcb;color:#830505;cursor:not-allowed;filter:blur(1px);opacity:.6;display:none}.adminbutton.disabled:hover:after{content:"Role is not applicable for accessing";position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#f8d7da;color:#721c24;padding:5px 10px;border-radius:5px;white-space:nowrap;font-size:12px;z-index:1}.adminbutton:not(.disabled):hover{color:#fff}.adminbutton{color:#f7faf8;background-color:#078675;padding:8px;border-radius:10px;font-weight:500px;letter-spacing:1px;font-size:15px;float:right;cursor:pointer;border:.5px solid rgb(28,164,182)}.adminbutton:before{background-color:initial;background-image:linear-gradient(#fff 0,#fff0);border-radius:125px;content:"";height:50%;left:4%;opacity:.5;position:absolute;top:0;transition:all .3s;width:92%}.adminbutton:hover{box-shadow:#fff3 0 3px 15px inset,#0000001a 0 3px 5px,#0000001a 0 10px 13px;transform:scale(1.05)}.patientlist-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#f0f0f0;padding:1rem}.patientlist-page{width:95%;max-width:1400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding-left:1rem;padding-right:1rem}.patientlist-header{display:flex;align-items:center;justify-content:space-between;margin-top:0}.search-bar{display:flex;align-items:center;margin-left:auto;border-radius:25px;border:1px solid #6793e4;overflow:hidden;background-color:#f9f9f9}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}.mic-button{background-color:transparent;border:none;cursor:pointer;padding:10px;color:#4285f4}.mic-button:hover{background-color:#4285f41a}.mic-button:focus{outline:none}.mic-button.active{box-shadow:0 0 10px 4px #b4050580;transition:box-shadow .3s}.summary-boxes{display:flex;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.summary-box{flex:1;margin:0 .5rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;text-align:center;padding:5px;box-shadow:0 2px 4px #0000001a;height:3rem;display:flex;flex-direction:row;align-items:center;padding:.1rem}.summary-box h3{margin:0;font-size:1.2rem;color:#333;flex:1}.summary-box p{font-size:2.5rem;font-weight:700;color:#007bff;margin:0 0 0 auto;margin-right:.5rem}.patientsicon,.hospitalicon,.practitionericon{font-size:40px;color:#07927b;margin:4px 1px 0}.patient-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.patient-card{border-top:5px solid #f73730;border-left:1px solid #f73730;border-right:1px solid #f73730;border-bottom:2px solid #f73730;border-radius:8px;padding:1rem;box-shadow:5px 4px 8px #0101001a;display:flex;flex-direction:column;justify-content:flex-start;position:relative;height:auto;width:15rem;transition:transform .3s ease,box-shadow .3s ease}.patient-card:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.gender-icon{display:flex;align-items:center}.icon-male{color:#726b04;font-size:1.5rem}.icon-female{color:#ee087b;font-size:1.5rem}.status-indicator{display:flex;align-items:center}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#e7062c;margin-right:5px;animation:blink 1s infinite}.patient-name{margin-top:0;border-bottom:2px solid rgba(131,131,129,.5)}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:4}}.status-text{font-size:.9rem;color:red;font-weight:700}.card-header{border-bottom:2px solid rgba(12,12,12,.5);margin-bottom:.1rem;padding-bottom:.5rem}.patient-details{border-bottom:2px solid rgba(131,131,129,.5)}.patient-details p{margin:.5rem 0;font-size:.95rem;color:#555}.patient-details b{color:#333}.view-more-link{margin-top:.5rem;text-decoration:none;color:#4285f4;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.3rem;transition:color .3s ease}.view-more-link:hover{color:#0056b3}.view-more-text{font-size:1rem}.arrow{font-size:1rem;transition:transform .3s ease;font-weight:700}.view-more-link:hover .arrow{transform:translate(3px)}.pagination{display:flex;justify-content:center;list-style:none;padding:1rem 0}.pagination li{margin:0 5px;cursor:pointer;padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f1f1f1}.pagination .active{background-color:#4285f4;color:#fff}.pagination .disabled{opacity:.5;cursor:not-allowed}.patient-card.grey-border-animation{border:2px solid grey;position:relative;overflow:hidden}.patient-card.grey-border-animation:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid transparent;box-sizing:border-box;animation:moveDot 5s linear infinite}.patient-card.grey-border-animation:after{content:"";position:absolute;width:5px;height:5px;background-color:#000;border-radius:50%;animation:moveDot 2s linear infinite}@keyframes moveDot{0%{top:-2px;left:-2px}25%{top:-2px;left:calc(100% - 6px)}50%{top:calc(100% - 6px);left:calc(100% - 6px)}75%{top:calc(100% - 6px);left:-2px}to{top:-2px;left:-2px}}.loading-indicator{display:flex;justify-content:center;align-items:center;height:100px}.spinner{border:4px solid rgba(255,255,255,.3);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media (max-width: 1235px){.patientlist-page{padding:.5rem}.summary-box h3{margin:0;font-size:1.5rem;color:#333;flex:1}.summary-box p{font-size:2rem;font-weight:700;color:#007bff;margin:0 0 0 auto;margin-right:.5rem}}@media (max-width: 1024px){.patient-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:935px){.summary-box h3{margin:0;font-size:large;color:#333;flex:1}.summary-box p{font-size:x-large;font-weight:700;color:#007bff;margin:0 0 0 auto;margin-right:.5rem}}@media (max-width: 890px){.patient-cards{grid-template-columns:repeat(2,1fr);gap:.5rem}.patientlist-page{padding:.5rem}.search-bar{display:flex;align-items:center;margin-left:auto;border-radius:25px;border:1px solid #6793e4;overflow:hidden;background-color:#f9f9f9}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}.summary-box h3{margin:0;font-size:larger;color:#333;flex:1}.summary-box p{font-size:x-large;font-weight:700;color:#007bff;margin:0 0 0 auto;margin-right:.5rem}.patientsicon,.hospitalicon,.practitionericon{font-size:2rem}}@media (max-width: 768px){.patient-cards{grid-template-columns:repeat(2,1fr);gap:.8rem}.patientlist-page{padding:.5rem}.search-bar{display:flex;align-items:center;margin-left:auto;border-radius:25px;border:1px solid #6793e4;overflow:hidden;background-color:#f9f9f9}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}.patientlist-page__heading{font-size:large}.patientsicon,.hospitalicon,.practitionericon{font-size:1.8rem}}@media (max-width:670px){.summary-boxes{flex-direction:column;gap:.75rem;margin-bottom:1rem}.summary-box{width:100%;margin:0;box-sizing:border-box;height:auto;min-height:3.5rem;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:.75rem 1rem;gap:15px}.summary-box h3{margin:0;font-size:1.1rem;color:#333;flex:1;text-align:left;white-space:nowrap}.summary-box p{font-size:1.8rem;font-weight:700;color:#007bff;margin:0 0 0 auto}.patientsicon,.hospitalicon,.practitionericon{font-size:2rem;margin:0}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}}@media (max-width: 590px){.patient-cards{grid-template-columns:1fr;gap:.5rem}.patient-card{height:auto;padding:.8rem;margin:auto}.patientlist-page{padding:.3rem}.search-bar{display:flex;align-items:center;margin-left:auto;border-radius:25px;border:1px solid #6793e4;overflow:hidden;background-color:#f9f9f9}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}.patientsicon,.hospitalicon,.practitionericon{font-size:1.5rem}}@media (max-width:510px){.summary-boxes{flex-direction:column;gap:.6rem}.summary-box{width:100%;margin:0;box-sizing:border-box;height:auto;min-height:3rem;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:.6rem .75rem;gap:10px}.summary-box h3{margin:0;font-size:1rem;color:#333;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-box p{font-size:1.5rem;font-weight:700;color:#007bff;margin:0 0 0 auto}.patientlist-page__heading{font-size:medium}.patientsicon,.hospitalicon,.practitionericon{font-size:1.5rem;margin:0}.search-input{border:none;padding:10px;border-radius:24px 0 0 24px;outline:none;width:90%}}@media (max-width:400px){.summary-boxes{flex-direction:column;gap:.5rem}.summary-box{flex:1;width:100%;margin:0 1px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;text-align:center;padding:.5rem;box-shadow:0 2px 4px #0000001a;height:2.8rem;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:2.8rem;flex-wrap:nowrap;justify-content:flex-start;gap:10px}.summary-box h3{margin:0;font-size:.85rem;color:#333;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-box p{font-size:1.3rem;font-weight:700;color:#007bff;margin:0 0 0 auto}.patientsicon,.hospitalicon,.practitionericon{font-size:1.4rem;margin:0}.patientlist-page__heading{font-size:small}.search-input{border:none;padding:8px;border-radius:24px 0 0 24px;outline:none;width:90%;font-size:x-small}}@media (max-width: 360px){.summary-box{height:2.5rem;min-height:2.5rem;padding:.4rem .5rem}.summary-box h3{font-size:.8rem}.summary-box p,.patientsicon,.hospitalicon,.practitionericon{font-size:1.2rem}}@media (max-width: 600px){.patient-cards{grid-template-columns:1fr;gap:1rem}.patientlist-header{flex-direction:column;align-items:stretch;gap:10px}.search-bar{width:100%;margin-left:0;max-width:none}.summary-boxes{flex-wrap:wrap;gap:5px}.summary-box{min-width:45%;margin:5px 0}}@media (max-width: 400px){.summary-box{min-width:100%}}html,body{height:100%;margin:0}.login-parent-container{display:flex;justify-content:space-between;align-items:stretch;height:100vh;width:100vw;background-color:#0b326d;padding:10px;box-sizing:border-box}.login-container,.login-container1{width:50%;padding:40px;background:linear-gradient(145deg,#cececf,#f7f5f5);box-shadow:0 4px 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.subheading{font-size:1.1rem;color:#3884ee;margin-bottom:10px}.welcome-message1{color:#2b2a2a;margin-bottom:4rem;font-size:1rem}.welcome-message{color:#666;margin-bottom:30px;font-size:.9rem}.footer-message{color:#888;text-align:center}.logo{width:100%;max-width:90%;border-radius:.5rem;object-fit:cover;height:auto;margin-bottom:1rem}.hospital-logo{max-width:100%;border-radius:.5rem;object-fit:cover;height:auto;margin-bottom:4rem}.login-parent-container .login-heading{color:#292929;font-size:1.5rem;margin-bottom:10px}form{width:100%}.input-container{position:relative;width:100%;margin-bottom:20px}.input-login-email{font-weight:700;font-size:300rem}.input-container input{width:100%;padding:10px 5px;font-size:1rem;border:none;border-bottom:2px solid #ccc;background-color:transparent;color:#171818;outline:none;font-family:Arial,sans-serif}.input-container label{position:absolute;top:12px;left:5px;margin-bottom:2px;font-size:1rem;color:#353535!important;transition:.3s ease-in-out;pointer-events:none}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:-10px;font-size:.85rem;color:#1a1a1a!important}.input-container input:focus{border-bottom:2px solid #28a745}.login-parent-container .button--login{width:30%;padding:12px;background-color:#28a745;color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px #1e7a38;transition:.3s;margin-top:-5px;margin-bottom:55px}button:hover{background-color:#218838}button:active{box-shadow:none;transform:translateY(4px)}@media (max-width: 1200px){.login-container,.login-container1{width:60%}}@media (max-width: 900px){.login-container,.login-container1{width:80%}}@media (max-width: 600px){.login-container,.login-container1{width:90%;padding:20px}.subheading,.welcome-message1,.welcome-message,.footer-message,.input-container input{font-size:.9rem}.login-parent-container .button--login{width:100%}}@media (max-width: 450px){.login-parent-container{align-items:center}.login-container{width:100%;padding:20px}.login-container1,.hospital-logo{display:none}.footer-message{margin-top:auto;text-align:center;font-size:.8rem}.quote{text-align:center;font-size:.9rem;margin:10px 0}}.language-selector{display:flex;align-items:center;gap:5px;font-family:Arial,sans-serif;font-size:1rem;margin:20px 0}.language-selector .label{font-weight:700;color:#333;font-size:1.1rem}.language-selector select{padding:4px 2px;font-size:1rem;border:2px solid #38c26d;border-radius:4px;background-color:#f9f9f9;color:#333;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;outline:none}.language-selector select:focus{border-color:#1fd37f;background-color:#fff}.language-selector select:hover{border-color:#1fd37f}.language-selector select option{font-size:1rem}.admin-page{display:flex;flex-direction:column;height:100vh;background-color:#f4f4f9}.admin-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#7881df,#0a0a0a);color:#fff;padding:5px;height:60px;box-shadow:0 2px 4px #0000001a;z-index:2000;position:relative}.header-left{display:flex;align-items:center}.header-logo{height:3rem;margin-right:1em;border-radius:.5em}.header__main-title{display:flex;gap:10px;font-size:calc(1rem + .5vw);color:#eeeaea;font-weight:100}.header__subtitle{font-size:calc(.4rem + .5vw);color:#eeeaea;font-weight:100;margin-top:.2rem;margin-left:11rem}.header-menu{margin-right:10px;display:flex;align-items:center}.admin-container{display:flex;flex:1;height:calc(100vh - 60px)}.administration_title,.clinical_title,.diagnostics_title,.medications_title,.settings_title{color:#fff;background-color:#0a598d;padding:10px;border-radius:10px;letter-spacing:.1px}.admin-sidenav{width:200px;background:linear-gradient(145deg,#7881df,#0a0a0a);padding:20px;box-shadow:1px 1px 5px 1px;transition:width .3s ease,padding .3s ease;overflow:auto;overflow:scroll}.admin-sidenav.hidden{width:0;padding:0;overflow:hidden}.admin-sidenav ul{list-style-type:none;padding:0;transition:opacity .2s ease}.admin-sidenav.hidden ul{opacity:0}.admin-sidenav li{padding:10px;margin:10px 0;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;gap:10px;border-radius:5px;transition:background-color .3s,transform .3s,border-radius .3s,box-shadow .3s,opacity .3s}.admin-sidenav li:hover{color:#fff;box-shadow:0 0 5px 1px #fff;transform:translate(5px)}.admin-sidenav li.active{color:#fff;transform:translate(12px);box-shadow:0 0 3px 2px #fff;border-radius:10px;position:relative;transition:background-color .3s,transform .3s,border-radius .3s,opacity .3s}.admin-main-content{flex:1;padding:20px;background-color:#fff;font-size:1.5rem;transition:margin-left .3s ease;overflow:scroll}.admin-main-content.shifted{margin-left:0}@media (max-width: 700px){.home-button{justify-content:center}.home-icon{margin-right:0}.home-button span,.admin-sidenav li span{display:none}.header__title-container{font-size:1.2rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.4rem + .4vw)}}@media (max-width: 500px){.admin-sidenav{position:fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);z-index:1000;background:linear-gradient(145deg,#7881df,#0a0a0a);box-shadow:2px 0 5px #0003;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;overflow:auto;box-sizing:border-box;padding:1rem}.admin-sidenav h2{position:relative;font-size:1.5rem;color:#fff;text-align:center;margin-top:10px;margin-bottom:10px;width:100%;transform:none;left:auto;top:auto;box-sizing:border-box}.admin-sidenav.hidden{transform:translate(-100%);box-shadow:none}.admin-main-content{position:relative;z-index:1}.admin-sidenav ul{margin-top:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;list-style-type:none;padding:0;width:100%}.admin-sidenav li{padding:20px 10px;margin:10px 0;font-size:1.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;border-radius:5px;transition:background-color .3s,transform .3s;text-align:center}.admin-main-content.shifted{margin-left:0;transition:margin-left .3s ease}.header-menu .menu-icon{font-size:2rem;color:#fff;transition:transform .3s ease}.header-logo{height:2rem;width:6rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.3rem + .25vw)}}.menu-icon{font-size:1.8rem;cursor:pointer}.menu-icon.close{content:"✕"}.disabled{pointer-events:none;color:gray;opacity:.6}.Patientdetail-patient-details{padding:0;display:flex;flex-direction:column;margin-top:20px}.patient-header-row{display:flex;align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:5px}.patient-header-icons{display:flex;align-items:center;margin-right:20px}.patient-profile-icon{position:relative;display:inline-block}.profile-icon-square{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#007bff;border-radius:8px}.user-icon{position:absolute;color:#fff;font-size:50px}.user-icon-square{font-size:60px}.patientDetails-user-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px}.patient-action-icons{display:flex;gap:10px}.edit-icon-3d{cursor:pointer;transition:transform .2s}.edit-icon-3d:hover{transform:scale(1.1)}.edit-icon-3d{color:#035e4a;font-size:20px;padding:5px;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.edit-icon-3d:hover{transform:scale(1.15);box-shadow:0 6px 8px #0000001a,0 3px 6px #00000014}.edit-icon-3d:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a,0 1px 2px #00000014}.delete-icon-3d{cursor:pointer;transition:transform .2s}.delete-icon-3d:hover{transform:scale(1.1)}.delete-icon-3d{color:#035e4a;font-size:16px;padding:7px;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.delete-icon-3d:hover{transform:scale(1.15);box-shadow:0 6px 8px #0000001a,0 3px 6px #00000014}.delete-icon-3d:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a,0 1px 2px #00000014}.patient-info-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;flex-grow:1;align-items:center}.patient-info-item{display:flex;align-items:center}.label{font-weight:700;color:#333;white-space:nowrap;margin-right:8px}.patient-info-value{color:#000;font-weight:400;word-break:break-word}.patient-tabs-container{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:10px;background:#fafafa;border-radius:10px;padding:8px 16px;box-shadow:0 6px 24px #07364112}.patient-tab{position:relative;padding:8px 24px;background:#c0ccda;color:#073641;font-weight:500;font-size:1.08rem;border:none;cursor:pointer;text-align:center;text-transform:none;transition:all .3s ease;border:0px solid #07a88d;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);box-shadow:40px 18px 10px #0a4a4a,-5px -1px 50px #128078;z-index:1}.patient-tab:hover,.patient-tab:focus{background:#073641;color:#edeff1;box-shadow:0 4px 12px #07364112}.patient-tab--active{background:#073641;color:#fff;box-shadow:0 6px 18px #07364121;font-weight:600;transform:scale(1);z-index:2}.patient-tab__link,.patient-tab__anchor{text-decoration:none;color:inherit;display:inline-block}.patient-tab__link:visited{color:inherit}@media (max-width: 900px){.patient-info-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;flex-grow:1}}@media (max-width: 700px){.patient-header-row{flex-direction:column;align-items:center;padding:10px}.patient-info-container{display:flex;flex-direction:column;width:100%;margin-top:10px;gap:10px}.patient-info-item{display:flex;justify-content:space-between;width:100%;margin-right:0;padding:5px 0;border-bottom:1px solid #eee}.patient-action-icons{margin-top:10px;justify-content:center;width:100%}.user-icon-square{font-size:60px;width:60px;height:60px}.patientDetails-user-icon{font-size:30px}}@media (max-width: 530px){.patient-header-row{padding:5px}.patient-info-item{font-size:.9rem}}.previous-visits-container{width:100%;padding:1rem}.Previous_button_container{align-items:center;display:flex;justify-content:center;gap:10px}.Patient_detail_button1{padding:10px 15px;border:none;border-radius:5px;background-color:#7a1ff1;color:#fff;cursor:pointer}.Patient_detail_button,.Previous_button{padding:10px 15px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.Previous_button:hover{background-color:#0056b3}.table-container{margin:2rem auto;padding:1.5rem;border-radius:12px;background-color:#fff;box-shadow:0 8px 24px #00000014;overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0}.patient_detail_th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e6ed}.patient_detail_th{background-color:#f8f9fa;color:#495057;font-weight:600;text-transform:uppercase;font-size:.85em;letter-spacing:.05em}@media (max-width: 650px){.Patient_detail_button1{padding:10px 15px;border:none;border-radius:5px;background-color:#7a1ff1;color:#fff;cursor:pointer;font-size:15px}.Patient_detail_button{padding:10px 15px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;font-size:15px}}@media (max-width: 890px){.container{display:flex;flex-direction:column;justify-content:center;width:95%}}.gauge-container{display:flex;justify-content:space-around;align-items:center;margin-top:1rem;background-color:#dbd3f3;border-radius:10px;padding:10px 1rem;height:auto;min-height:8rem;overflow:visible;border:2px solid rgb(6,163,124);flex-wrap:wrap;gap:1em}@media (max-width: 768px){.gauge-container{flex-direction:column;padding:1rem}.gauge{width:100%;max-width:none;margin:10px 0;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px}.gauge:last-child{border-bottom:none}}.gauge{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:200px}.gauge h4{margin:0;font-size:16px;color:#333}.gauge>svg{width:60px;height:60px}.nibp-bar-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:15px}.nibp-bar{display:flex;width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;position:relative;overflow:hidden;animation:barFillAnimation 4s ease-out forwards}.systolic{height:100%;border-radius:15px 10px 10px 15px;position:relative;display:flex;justify-content:center;align-items:center;animation:systolicBarFill 4s ease-out forwards}.diastolic{height:100%;border-radius:10px 15px 15px 10px;position:relative;display:flex;justify-content:center;align-items:center;animation:diastolicBarFill 4s ease-out forwards}.systolic .value-label,.diastolic .value-label{font-size:25px;animation:blink 2s infinite}.thermometer-fill{animation:blink 2s infinite}h5{font-size:24px;font-weight:700;color:red}.thermometer-container{display:flex;align-items:center;justify-content:center;gap:10px}.gauge{margin:20px;text-align:center}.temperature-value{font-size:24px;font-weight:700;color:red;display:flex;align-items:center;justify-content:center;padding-left:10px}h4{font-size:24px;margin-bottom:10px;font-weight:600}.thermometer-fill{height:70px;width:70px}h5{font-size:24px;font-weight:700;color:#07927b}@media (max-width: 768px){.thermometer-container{flex-direction:column;align-items:center}}.text{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.value-label{position:absolute;color:#fff;font-weight:700;font-size:14px;z-index:2}.labels{display:flex;justify-content:space-between;width:100%;margin-top:5px}.label{font-size:16px;font-weight:700}.systolic-label{color:#007bff}.diastolic-label{color:#098379}.nibp-bar:hover .systolic,.nibp-bar:hover .diastolic{transform:scale(1.05);box-shadow:0 8px 16px #0003}.nibp-bar{transition:all .3s ease-in-out}.nibp-bar:hover .systolic-label{color:#0056b3}.nibp-bar:hover .diastolic-label{color:#0a947d}#gauge-hri text{display:none}#gauge-hr text{display:none}.error-container{display:flex;justify-content:center;height:100vh;font-size:1.5em;color:red;text-align:center;margin-top:4rem}.card-list{display:none;flex-direction:column;gap:15px;margin-top:20px}.card-item{background:#fff;border:1px solid #e0e6ed;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.card-item-row{display:flex;justify-content:space-between;margin-bottom:8px;border-bottom:1px solid #f0f0f0;padding-bottom:4px}.card-item-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.card-label{font-weight:600;color:#555;font-size:.9em}.card-value{font-weight:500;color:#333}@media (max-width: 768px){.table-container{display:none}.card-list{display:flex}}:root{--med-blue-dark: #12447a;--med-blue: #27939b;--med-bg: #fafdff;--med-accent: #e6f7fa;--med-white: #fff;--med-green: #3ad29f;--med-yellow: #e5e96b;--med-shadow: 0 8px 32px rgba(21, 93, 99, .13), 0 1.5px 6px rgba(21, 93, 99, .08)}.appointment-booking-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,var(--med-accent) 0%,var(--med-bg) 100%);display:flex;justify-content:center;align-items:flex-start;padding:10px 0;box-sizing:border-box}.appointment-booking-form{width:98vw;max-width:1200px;min-width:260px;margin:0 auto;background:linear-gradient(135deg,var(--med-white) 80%,var(--med-accent) 100%);border-radius:22px;box-shadow:var(--med-shadow),0 1.5px 6px #b7e0e9;padding:16px;animation:appoint-slideUp .7s cubic-bezier(.23,1,.32,1);border:2.5px solid var(--med-accent);position:relative;overflow:hidden;box-sizing:border-box}.appointment-booking-form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:0;border-radius:22px;pointer-events:none}.appointment-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.appointment-form-row{display:flex;flex-direction:column;background:#fffffffa;border-radius:10px;padding:8px;box-shadow:0 2px 12px #27939b0f;border:1.5px solid #e6f7fa;animation:appoint-fieldFadeIn .7s cubic-bezier(.23,1,.32,1) both;min-width:0}.appointment-form-row label{font-weight:600;color:var(--med-blue-dark);margin-bottom:4px;font-size:1.05em;letter-spacing:.5px;transition:color .3s;display:flex;align-items:center}.appointment-form-row input,.appointment-form-row select{width:100%;padding:9px 10px;border:none;border-bottom:2.5px solid #b7e0e9;background:transparent;transition:border-bottom .3s,box-shadow .3s;font-size:1em;border-radius:0;color:#12447a;margin-top:2px;box-shadow:0 1.5px 6px #e6f7fa;min-width:0;box-sizing:border-box}.appointment-form-row input:focus,.appointment-form-row select:focus{border-bottom:2.5px solid var(--med-blue);box-shadow:0 4px 16px #27939b21;background:#f0f6f8;color:var(--med-blue-dark)}.readonly-input{background-color:#f0f2f5!important;color:#5a6268;cursor:not-allowed}.form-checkbox{grid-column:span 1;display:flex;align-items:center;background:#e6f7fad9;border-radius:7px;padding:8px 14px;box-shadow:0 2px 6px #155d630f;border:1px solid #b7e0e9;margin-top:5px;animation:appoint-fieldFadeIn .7s cubic-bezier(.23,1,.32,1) both}.form-checkbox label{margin-right:10px;color:var(--med-blue-dark);font-weight:500;font-size:1.05em;margin-top:0}.form-checkbox input[type=checkbox]{accent-color:var(--med-blue);width:20px;height:20px;margin-right:10px;cursor:pointer;border-radius:4px}.book{grid-column:1 / -1;width:100%;text-align:center;margin-top:16px}.booknowbutton{width:70%;min-width:120px;max-width:350px;margin:0 auto;display:block;padding:12px 0;background:linear-gradient(90deg,var(--med-blue) 60%,var(--med-blue) 100%);color:#fff;border:none;border-radius:12px;font-size:1.08em;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #27939b26;transition:box-shadow .3s,transform .3s,background .3s;letter-spacing:1.1px;position:relative;overflow:hidden}.booknowbutton:hover{box-shadow:0 2px 24px #27939b55,0 4px 8px #155d6321;transform:translateY(-2px) scale(1.04);background:linear-gradient(90deg,#27939b 60%,#2291b3)}.booknowbutton:active{transform:translateY(1px) scale(.98);box-shadow:0 1px 4px #27939b33}.Toastify__toast--success{background:linear-gradient(90deg,#eef1ef 60%,#e6f7fa)!important;color:#12447a!important;font-weight:600}.Toastify__toast--error{background:linear-gradient(90deg,#ecebeb 60%,#fafdff)!important;color:#12447a!important;font-weight:600}@keyframes appoint-slideUp{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appoint-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes appoint-fieldFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.appointment-booking-form{max-width:98vw;padding:14px 6px 12px}.appointment-form{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 700px){.appointment-form{grid-template-columns:1fr;gap:8px}.appointment-form-row{padding:7px 2px}.booknowbutton{width:96%;font-size:1em;min-width:100px;padding:11px 0}.book-appointment-title{font-size:1.1em;padding-bottom:5px}}@media (max-width: 400px){.appointment-booking-form{border-radius:14px;padding:7px 2px 8px;min-width:0}.book-appointment-title{font-size:.98em;border-radius:6px;margin-bottom:18px;padding-bottom:4px}.appointment-form-row{padding:5px 1px;border-radius:6px}.booknowbutton{width:98%;min-width:60px;font-size:.97em;padding:9.5px 0;border-radius:8px}.form-checkbox{padding:6px 8px;border-radius:5px}}@media (max-width: 360px){.appointment-booking-form{padding:3px 0 4px;border-radius:8px}.book-appointment-title{font-size:.9em;padding-bottom:3px;margin-bottom:12px}.appointment-form-row label,.form-checkbox label{font-size:.97em}.appointment-form-row input,.appointment-form-row select{font-size:.96em;padding:7px 6px}.booknowbutton{width:100%;min-width:40px;font-size:.92em;padding:8px 0;border-radius:6px}}@keyframes appoint-blink{50%{color:#073d7466}}.practitioner-input-group{display:flex;gap:8px;align-items:center}.practitioner-input-group select{flex-grow:1}.pick-slot-btn{padding:9px 16px;font-size:1em;font-weight:600;background-color:var(--med-blue);color:var(--med-white);border:none;border-radius:7px;cursor:pointer;transition:background-color .2s,transform .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.pick-slot-btn:hover:not(:disabled){background-color:var(--med-blue-dark);transform:translateY(-1px)}.pick-slot-btn:disabled{background-color:#b0c4de;cursor:not-allowed;opacity:.7}.slot-picker-modal{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 5px 20px #0003;animation:appoint-slideUp .4s ease-out}.slot-picker-header h3{margin:0;font-size:1.2em;color:var(--med-blue-dark);display:flex;align-items:center;gap:10px}.slot-picker-close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:#aaa;padding:0 10px}.slot-picker-controls{margin-bottom:15px;display:flex;align-items:center;gap:10px}.slot-picker-controls label{font-weight:500;font-size:1.1em;color:var(--med-blue-dark)}.slot-picker-controls input[type=date]{border:1.5px solid #ced4da;border-radius:8px;font-size:20px;font-weight:600;color:#495057;cursor:pointer}.slot-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;overflow-y:auto;padding:5px}.slot-button{padding:10px;border:1px solid var(--med-blue);background-color:var(--med-accent);color:var(--med-blue-dark);border-radius:6px;cursor:pointer;transition:background-color .2s,transform .2s;font-weight:500}.slot-button:hover{background-color:var(--med-blue);color:#fff;transform:translateY(-2px)}.slot-button:disabled{background-color:#f0f0f0;color:#ccc;cursor:not-allowed;border-color:#ddd}.selected-slot-info{margin-top:12px;padding:12px 16px;background-color:#e7f7ef;color:#073d74;border-radius:8px;text-align:center;font-weight:500;animation:appoint-fadeIn .4s ease-in-out,appoint-blink 1.5s step-start infinite .5s;border-left:4px solid #1976d2;position:relative;z-index:1;background:#e7f7ef!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.slot-button.slot-busy,.slot-button.slot-busy-unavailable,.slot-button.slot-busy-tentative{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb;cursor:not-allowed;text-decoration:none;opacity:1}.booking-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;color:#fff;font-size:1.2em}.booking-loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--med-blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.slot-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:appoint-fadeIn .3s ease}.slot-picker-modal{background:#fcfdff;padding:20px;border-radius:16px;width:90%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000026;animation:appoint-slideUp .4s ease-out;border:1px solid #eef2f7}.slot-picker-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.slot-picker-header h3{margin:0;font-size:1.2em;font-weight:600;color:var(--med-blue-dark);display:flex;align-items:center;gap:10px}.slot-picker-close-btn{background:none;border:none;font-size:1.8em;cursor:pointer;color:#aaa;padding:0 10px}.slot-picker-close-btn:hover{color:#333}.slot-picker-controls{margin-bottom:20px;display:flex;align-items:center;gap:10px;padding:12px;background-color:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.slot-picker-controls label{font-weight:500;color:var(--med-blue-dark)}.slot-picker-controls input[type=date]{padding:10px;border:1.5px solid #ced4da;border-radius:8px;font-size:1em;font-weight:500;color:#495057}.slot-picker-grid-header{text-align:center;margin-bottom:12px;color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ecef;padding-bottom:8px}.slot-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;overflow-y:auto;padding:5px}.slot-button{padding:12px;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;font-weight:600;font-size:.95rem}.slot-button.slot-free{background-color:#e7f7ef;color:#155724;border:1px solid #c3e6cb}.slot-button.slot-free:hover:not(:disabled){background-color:#28a745;color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #28a74533}.slot-button.slot-past{background-color:#f0f0f0;color:#ccc;cursor:not-allowed;border-color:#ddd;text-decoration:none}.appointment-carousel-outer{border:1px solid #ccc;border-radius:8px;padding:15px;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;width:300px;box-sizing:border-box}.appointment-header{display:flex;align-items:center;font-size:1.2em;font-weight:700;margin-bottom:15px;color:#333}.appointment-header .header-icon{margin-right:8px;color:var(--med-blue)}.appointment-content-area{flex-grow:1;margin-bottom:15px;overflow-y:auto;max-height:300px}.appointment-card{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:10px;background-color:#f9f9f9}.appointment-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700}.appointment-card .status-badge{font-size:.8em;padding:3px 8px;border-radius:4px;color:#fff}.appointment-card .status-badge.status-booked{background-color:var(--med-green)}.appointment-card .status-badge.status-cancelled{background-color:#dc3545}.appointment-card .status-badge.status-fulfilled{background-color:var(--med-blue)}.appointment-card .appointment-type{font-size:.9em;color:#555}.appointment-card .card-body div{display:flex;align-items:center;margin-bottom:5px;font-size:.95em;color:#444}.appointment-card .card-body svg{margin-right:6px;color:var(--med-blue)}.appointment-slide{transition:transform .5s ease-in-out}.appointment-list-view .list-view-title{font-size:1.1em;font-weight:700;margin-bottom:10px;color:#333;text-align:center}.appointment-list-view .appointment-cards-container{display:flex;flex-direction:column;gap:10px}.appointment-carousel-footer{padding-top:10px;border-top:1px solid #eee}.carousel-controls-area{display:flex;justify-content:space-between;align-items:center}.navigation-controls{display:flex;align-items:center;gap:8px}.carousel-arrow{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--med-blue);transition:color .2s}.carousel-arrow:hover:not(:disabled){color:var(--med-blue-dark)}.carousel-arrow:disabled{color:#ccc;cursor:not-allowed}.carousel-index-indicator{display:flex;gap:5px}.carousel-dot{width:8px;height:8px;background-color:#ccc;border-radius:50%;transition:background-color .3s}.carousel-dot.active{background-color:var(--med-blue)}.view-more-btn,.back-btn{background-color:var(--med-blue);color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:.9em;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.view-more-btn:hover,.back-btn:hover{background-color:var(--med-blue-dark)}.back-btn{background-color:#6c757d}.back-btn:hover{background-color:#5a6268}.appointment-mode-selector{display:flex;flex-direction:column;gap:10px}.appointment-mode-dropdown{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.appointment-mode-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:5px;font-size:14px}.telehealth-indicator{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.in-person-indicator{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.telehealth-info{grid-column:1 / -1;background-color:#e3f2fd;padding:15px;border-radius:8px;border-left:4px solid #1976d2;position:relative;z-index:1;background:#e3f2fd!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.telehealth-notice{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.telehealth-notice-text{color:#0d47a1;font-weight:500;margin:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.telehealth-notice svg{font-size:20px;color:#1976d2;flex-shrink:0}.telehealth-success{background:#4caf501a;border:1px solid #4CAF50;border-radius:8px;padding:12px;margin-top:12px;position:relative;z-index:1}.telehealth-success p{margin:4px 0;color:#2e7d32;font-size:.9em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.booking-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff}.booking-loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.button-loading-spinner.small-spinner{width:20px;height:20px;border-width:3px;margin-bottom:0;margin-right:8px}.telehealth-info{margin-top:5px}.book{margin-top:20px;margin-bottom:10px}.form-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:24px;background:#0c9785;padding:10px 16px;border-radius:10px;color:#dee1e2;box-shadow:0 2px 12px #b7e0e9;animation:appoint-fieldFadeIn .7s cubic-bezier(.23,1,.32,1) both}.form-header .book-appointment-title{grid-column:2;text-align:center;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:1.35em;letter-spacing:1.2px;text-transform:uppercase;color:inherit}.back-to-list-btn{grid-column:1;justify-self:start;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease-in-out}.back-to-list-btn:hover{background:#fff3;border-color:#ffffff80}.my-appointments-container{padding:2rem;background-color:#f4f7f6;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.my-appointments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.my-appointments-header h1{font-size:2rem;color:#2c3e50;margin:0}.create-appointment-btn{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s,box-shadow .2s}.create-appointment-btn:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff33}.appointments-list{display:grid;gap:1.5rem}.appointment-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:1.5rem;display:grid;grid-template-columns:2fr 2fr 1fr;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.appointment-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.past-appointment{opacity:.7;filter:blur(.5px);cursor:default}.past-appointment:hover{transform:none;box-shadow:0 5px 15px #00000014}.card-main-info,.card-practitioner-info{display:flex;align-items:center;gap:1rem}.card-icon{font-size:1.5rem;color:#007bff;background-color:#e7f3ff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-details{display:flex;flex-direction:column}.card-date-time{font-size:1.1rem;font-weight:600;color:#343a40}.card-appointment-type,.card-practitioner-specialty{font-size:.9rem;color:#6c757d}.card-practitioner-name{font-size:1.1rem;font-weight:500;color:#343a40}.card-actions{display:flex;justify-content:flex-end;gap:.75rem}.card-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.card-btn:disabled{background-color:#e9ecef;color:#adb5bd;border-color:#dee2e6;cursor:not-allowed}.reschedule-btn{background-color:#e7f3ff;color:#007bff;border-color:#b3d7ff}.reschedule-btn:hover:not(:disabled){background-color:#cce5ff;border-color:#80bfff}.cancel-btn{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.cancel-btn:hover:not(:disabled){background-color:#f1b0b7;border-color:#ee8a96}.no-appointments-message,.my-appointments-loading,.my-appointments-error{text-align:center;padding:3rem;font-size:1.2rem;color:#6c757d;background-color:#fff;border-radius:12px}.my-appointments-error{color:#721c24;background-color:#f8d7da}.modal-placeholder-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-placeholder{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000004d}.view-container>.my-appointments-container,.view-container>.appointment-booking-container{animation-duration:.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both}.view-container.view-create .my-appointments-container{animation-name:slideOutLeft}.view-container.view-create .appointment-booking-container{animation-name:slideInRight}.view-container.view-list .appointment-booking-container{animation-name:slideOutRight}.view-container.view-list .my-appointments-container{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@media (max-width: 992px){.appointment-card{grid-template-columns:1fr;text-align:center}.card-main-info,.card-practitioner-info,.card-actions{justify-content:center}}@media (max-width: 576px){.my-appointments-header{flex-direction:column;gap:1rem;align-items:stretch}.create-appointment-btn{justify-content:center}}.reschedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001}.reschedule-modal-content{background:#fff;padding:20px 30px 30px;border-radius:12px;width:auto;height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 25px #0000001a}.reschedule-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:25px}.reschedule-modal-header h2{margin:0;font-size:1.5rem;color:#333}.reschedule-modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;padding:5px;line-height:1}.reschedule-modal-close-btn:hover{color:#000}.reschedule-modal-body .appointment-booking-form{padding:0}.reschedule-loading-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 10px 25px #0000001a;width:90%;max-width:500px;min-height:200px}.reschedule-status-text{margin-top:0;margin-bottom:20px;color:#333;font-size:1.5rem;animation:fadeIn .5s ease-in-out}.reschedule-spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reschedule-success-icon{font-size:50px;color:#28a745;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #28a745;animation:scaleUp .4s ease-in-out}@keyframes scaleUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1002}.cancel-modal-content{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:450px;box-shadow:0 10px 25px #0000001a;text-align:center}.cancel-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.cancel-modal-header h3{margin:0;font-size:1.25rem;color:#d9534f;display:flex;align-items:center;gap:.5rem}.cancel-modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888}.cancel-modal-body p{margin:0 0 1rem;font-size:1rem;color:#333}.cancel-modal-body .appointment-details{background-color:#f9f9f9;border:1px solid #eee;padding:10px;border-radius:8px;margin-bottom:1.5rem;text-align:left;font-size:.9rem;line-height:1.5}.cancel-error-message{color:#d9534f;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-top:1rem}.cancel-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:20px}.cancel-modal-footer button{padding:10px 20px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-modal-footer .btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.cancel-modal-footer .btn-secondary:hover{background-color:#e0e0e0}.cancel-modal-footer .btn-danger{background-color:#d9534f;color:#fff}.cancel-modal-footer .btn-danger:hover{background-color:#c9302c}.cancel-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.procedure-container{padding:10px;background-color:#f9f9f9;margin:15px;border-radius:15px;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.form-section{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1800px}.dropdown-container{flex:1;margin:10px;min-width:250px;transition:transform .3s ease;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.dropdown-container:hover{transform:scale(1.05)}.dropdown-label{display:block;margin-bottom:5px;font-weight:700;font-size:1.3em;color:#07a88d;text-align:center}.sublist{margin-left:20px;padding-left:10px;border-left:2px solid #ddd;margin-top:10px}.checkbox-container{display:flex;align-items:center;margin-bottom:10px;margin-left:20px}.procedure-request-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:2px solid #007bff;border-radius:5px;outline:none;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;margin-right:5px}.procedure-request-checkbox:checked{background-color:#007bff;border-color:#007bff}.procedure-request-checkbox:checked:before{content:"✔";display:block;text-align:center;color:#fff;font-size:12px;line-height:15px}.note-box{width:100%;margin:20px 0;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.note-box textarea{width:100%;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;transition:border-color .3s ease;box-sizing:border-box}.note-box label{display:block;margin-bottom:10px;font-weight:700;font-size:1.1em;color:#333}.note-box textarea:focus{border-color:#007bff}.button-container{display:flex;justify-content:center;width:100%}.Request_submit_button{padding:15px 30px;font-size:18px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.Request_submit_button:hover{background-color:#0056b3;transform:translateY(-3px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;animation:slideIn .3s ease}.modal-content .close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.successful-text{color:#2da547;font-size:1.2em;font-weight:700}.servicerequest-header-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.servicerequest-form-group{display:flex;flex-direction:column;gap:8px}.servicerequest-input{padding:10px;border:2px solid #07a88d;border-radius:5px;font-size:14px;transition:all .3s ease}.servicerequest-input:focus{border-color:#0056b3;box-shadow:0 0 5px #007bff4d}.servicerequest-toggle-container{display:flex;align-items:center;gap:10px}.servicerequest-toggle-switch{position:relative;display:inline-block;width:50px;height:25px}.servicerequest-toggle-switch input{opacity:0;width:0;height:0}.servicerequest-toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:25px}.servicerequest-toggle-switch label:before{position:absolute;content:"";height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.servicerequest-toggle-switch input:checked+label{background-color:#07a88d}.servicerequest-toggle-switch input:checked+label:before{transform:translate(25px)}.servicerequest-status-label{font-weight:600;color:#07a88d}@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@media (max-width: 768px){.form-section{flex-direction:column;align-items:flex-start}.dropdown-container{width:100%;margin:10px 0}.Request_submit_button{width:100%;padding:15px}}@media (max-width: 480px){.container{padding:10px}.Request_submit_button{width:100%;padding:15px}}@media (max-width: 700px){.header__title-container{font-size:1.2rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.4rem + .4vw)}}@media (max-width: 500px){.header-menu .menu-icon{font-size:2rem;color:#fff;transition:transform .3s ease}.header-logo{height:2rem;width:6rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.3rem + .25vw)}}@media (max-width: 650px){.Request_submit_button{display:flex;width:80px;justify-content:center;padding:.5rem;color:#fff;border:none;border-radius:10px;cursor:pointer;background-color:#007bff;margin:inherit;font-size:10px}}.patient-results-container{padding:20px}.patient-results-title{margin:0}.patient-results-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:18px;text-align:left}.patient-results-th,.patient-results-td{padding:12px 15px;border:1px solid #ddd}.patient-results-th{background-color:#f4f4f4}.patient-results-tbody .patient-results-tr:nth-child(2n){background-color:#f9f9f9}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1050}.upload-modal-content{background-color:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:500px;max-width:90%;max-height:80vh;overflow-y:auto}.upload-modal-content h3{margin-top:0;margin-bottom:20px;font-size:1.5em;color:#333;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input[type=text],.form-group input[type=date],.form-group input[type=number],.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95em}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.upload-modal-buttons{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.upload-modal-buttons button{padding:10px 20px;border-radius:5px;cursor:pointer;border:none;font-size:.95em;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease}.modal-submit-btn{background-color:#28a745;color:#fff}.modal-submit-btn:hover{background-color:#218838}.modal-cancel-btn{background-color:#6c757d;color:#fff}.modal-cancel-btn:hover{background-color:#5a6268}@media (max-width: 768px){.patient-results-table,.patient-results-thead,.patient-results-tbody,.patient-results-th,.patient-results-td,.patient-results-tr{display:block}.patient-results-thead .patient-results-tr{position:absolute;top:-9999px;left:-9999px}.patient-results-tr{margin:0 0 1rem}.patient-results-tbody .patient-results-tr:nth-child(2n){background:none}.patient-results-td{border:none;border-bottom:1px solid #ddd;position:relative;padding-left:50%;text-align:right}.patient-results-td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:15px;font-weight:700;text-align:left}}.error-message{color:red;font-weight:700;text-align:center;animation:blink 1s step-start infinite}.patient-actions-td{text-align:center}.upload-dicom-btn{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:5px;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.upload-dicom-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #00000026}.upload-dicom-btn:active{background-color:#004085;box-shadow:0 1px 2px #0000001a}.upload-dicom-btn:focus{outline:none;box-shadow:0 0 0 .2rem #007bff80}.patient-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media (max-width: 300px){.patient-details-td{padding-left:40%}.patient-details-td:before{width:60%}}@keyframes blink{50%{opacity:0}}.telehealth-container-telehealth{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.loading-state-telehealth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px;text-align:center}.loading-state-telehealth:before{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-telehealth 1s linear infinite;margin-bottom:20px}@keyframes spin-telehealth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state-telehealth{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px;text-align:center;border-left:5px solid #e97f74}.error-state-telehealth h2{color:#e74c3c;margin-bottom:15px;font-size:24px;font-weight:600}.error-state-telehealth p{color:#666;margin-bottom:20px;line-height:1.6}.error-state-telehealth button{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.error-state-telehealth button:hover{background:#c0392b;transform:translateY(-2px)}.no-appointment-telehealth{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px;text-align:center;border-left:5px solid #f39c12}.no-appointment-telehealth h2{color:#2c3e50;margin-bottom:15px;font-size:24px;font-weight:600}.no-appointment-telehealth p{color:#666;margin-bottom:20px;line-height:1.6}.appointment-card-telehealth{background:#fff;border-radius:16px;box-shadow:0 16px 48px #0000001f;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.appointment-card-telehealth:hover{transform:translateY(-4px);box-shadow:0 24px 64px #00000026}.card-header-telehealth{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center}.card-header-telehealth h2{margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.status-badge-telehealth{background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.appointment-details-telehealth{padding:30px}.detail-section-telehealth{margin-bottom:30px}.detail-row-telehealth{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-item-telehealth{background:#f8f9fa;border-radius:12px;padding:20px;transition:all .3s ease;border-left:4px solid #667eea}.detail-item-telehealth:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;background:#f1f3f4}.label-telehealth{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.value-telehealth{display:block;font-size:16px;font-weight:500;color:#2c3e50;line-height:1.4}.timer-section-telehealth{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:24px;margin-bottom:30px;text-align:center;border:2px solid #667eea20}.timer-display-telehealth{display:flex;align-items:center;justify-content:center;gap:12px}.timer-display-telehealth svg{width:24px;height:24px;color:#667eea;animation:pulse-telehealth 2s infinite}@keyframes pulse-telehealth{0%,to{opacity:1}50%{opacity:.7}}.timer-text-telehealth{font-size:18px;font-weight:600;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.join-section-telehealth{text-align:center}.join-button-telehealth{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #667eea4d;display:inline-flex;align-items:center;gap:12px;min-width:200px;justify-content:center}.join-button-telehealth.active-telehealth{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 8px 24px #27ae604d;animation:glow-telehealth 2s infinite alternate}.join-button-telehealth.active-telehealth:hover{transform:translateY(-3px);box-shadow:0 12px 32px #27ae6066}.join-button-telehealth.disabled-telehealth{background:#95a5a6;cursor:not-allowed;box-shadow:none}.join-button-telehealth.disabled-telehealth:hover{transform:none}@keyframes glow-telehealth{0%{box-shadow:0 8px 24px #27ae604d}to{box-shadow:0 8px 32px #27ae6080}}.join-button-telehealth svg{width:20px;height:20px}.join-info-telehealth{margin-top:16px;color:#666;font-size:14px;line-height:1.5;font-style:italic}@media (max-width: 768px){.telehealth-container-telehealth{padding:15px}.card-header-telehealth{padding:20px;flex-direction:column;gap:15px;text-align:center}.card-header-telehealth h2{font-size:20px}.appointment-details-telehealth{padding:20px}.detail-row-telehealth{grid-template-columns:1fr;gap:15px}.detail-item-telehealth{padding:16px}.timer-section-telehealth{padding:20px}.timer-text-telehealth{font-size:16px}.join-button-telehealth{padding:14px 28px;font-size:14px;min-width:180px}}@media (max-width: 480px){.telehealth-container-telehealth{padding:10px}.card-header-telehealth h2{font-size:18px}.appointment-details-telehealth{padding:15px}.detail-item-telehealth{padding:12px}.value-telehealth,.timer-text-telehealth{font-size:14px}.join-button-telehealth{padding:12px 24px;font-size:13px;min-width:160px}}.join-button-telehealth:focus{outline:none;ring:2px solid #667eea;ring-offset:2px}@media print{.telehealth-container-telehealth{background:#fff;padding:0}.appointment-card-telehealth{box-shadow:none;border:1px solid #ddd}.join-section-telehealth{display:none}}:root{--primary: #1976d2;--secondary: #43a047;--background: #f6f9fb;--card-bg: #fff;--border: #e0e0e0;--text-main: #222;--text-muted: #555;--accent: #e3f2fd}.Encounter_container{width:100vw;min-height:100vh;background:linear-gradient(135deg,var(--background) 60%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;margin-top:auto}.Encounter_Form{width:95vw;max-width:900px;background:var(--card-bg);border-radius:18px;box-shadow:0 6px 32px #1976d214,0 1.5px 6px #43a04714;padding:2.5rem 2rem 2rem;animation:slideIn .7s cubic-bezier(.23,1,.32,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.encounter-form-container{margin-bottom:2rem}.date-time-container{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.2rem;min-width:220px;position:relative}.form-group-date{display:flex;flex-direction:row;gap:3.5rem;margin-bottom:1.2rem;min-width:220px;position:relative;margin-left:15px;margin-right:15px}.form-group-date label{margin-bottom:0}.text_in_form{font-weight:500;color:var(--primary);margin-bottom:.4rem;display:flex;align-items:center;gap:.5em}.form-group input,.form-group select{padding:.7rem 1.1rem .7rem 2.5rem;border:1.5px solid var(--border);border-radius:7px;background:var(--accent);font-size:1rem;color:var(--text-main);transition:border-color .2s;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#e8f0fe}.form-group-date input,.form-group-date select{padding:.7rem 1.1rem .7rem 2.5rem;border:1.5px solid var(--border);border-radius:7px;background:var(--accent);font-size:1rem;color:var(--text-main);transition:border-color .2s;outline:none}.form-group-date input:focus,.form-group-date select:focus{border-color:var(--primary);background:#e8f0fe}.patient-observations{display:flex;flex-wrap:wrap;gap:2.5rem;margin-bottom:2rem;justify-content:space-between}.left-column,.middle-column,.right-column{flex:1 1 220px;min-width:220px}.encounter_text_head{font-size:1.25rem;color:var(--secondary);margin-bottom:1.3rem;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:.6em}.Encounter_submit_button{width:100%;padding:.95rem 0;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;font-size:1.13rem;font-weight:600;border:none;border-radius:8px;box-shadow:0 2px 12px #1976d212;cursor:pointer;transition:background .25s,transform .15s;margin-top:1.5rem;letter-spacing:.03em;display:flex;align-items:center;justify-content:center}.Encounter_submit_button:hover,.Encounter_submit_button:focus{background:linear-gradient(90deg,#1565c0,#388e3c);transform:translateY(-2px) scale(1.01)}.popup-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#1976d2;color:#fff;padding:1em 2em;border-radius:8px;font-size:1.1em;box-shadow:0 4px 16px #0003;z-index:9999;white-space:pre-line;opacity:.95;animation:fadeInOut 3s forwards}.Encounter_submit_button:disabled{background:linear-gradient(90deg,#5a9cdd,#6ab96e);cursor:not-allowed}.button-loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:.95}85%{opacity:.95}to{opacity:0}}@media (max-width: 900px){.Encounter_Form{padding:1.5rem .7rem}.patient-observations{flex-direction:column;gap:1.5rem}.date-time-container{flex-direction:column;gap:1rem}}.caseplan-container{text-align:center;margin-top:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.caseplan-action-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.caseplan-button-view,.caseplan-button-create{background:linear-gradient(145deg,#0e6460,#0c5a56);border:none;color:#fff;padding:8px 20px;font-size:16px;border-radius:8px;position:relative;cursor:pointer;margin-right:5px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:1px 2px 1px #0a4a4a,-1px -1px 5px #128078}.caseplan-button-view:hover,.caseplan-button-create:hover{transform:translateY(-2px);box-shadow:1px 2px 1px #0a4a4a,-2px -1px 15px #128078}.caseplan-button-view:active,.caseplan-button-create:active{transform:translateY(0);box-shadow:5px 5px 10px #0a4a4a,-5px -5px 10px #128078}.caseplan-button-create.active,.caseplan-button-view.active{background-color:#073641}.icon-eye{margin-right:8px;vertical-align:middle;font-size:1.4em;color:inherit}.wheelicon{margin-right:6px;vertical-align:middle;font-size:1.5em;color:inherit}.caseplan-button-cancel,.caseplan-button-submit{background-color:#1c426b;border:none;color:#fff;padding:8px 20px;font-size:16px;border-radius:8px;position:relative;cursor:pointer;transition:background-color .3s ease;overflow:hidden}.caseplan-button-cancel:hover{background-color:#b85847}.caseplan-button-submit:hover{background-color:#479e5a}.caseplan-form-wrapper{animation:slideFadeIn .6s ease-out;background:#ffffffe6;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:18px;max-width:750px;margin:24px auto;box-shadow:0 8px 32px #155d632e,0 1.5px 6px #155d6314;border:2px solid #c3e4eb;padding:26px 30px 18px}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hospital-theme{background:linear-gradient(135deg,#fafdff,#e6f7fa);border:2px solid #155d63;box-shadow:0 12px 32px #155d6314;padding:28px 30px 20px;animation:slideFadeIn .6s cubic-bezier(.23,1,.32,1)}.caseplan-form-title{font-size:24px;margin-bottom:0;color:#fff;background:linear-gradient(90deg,#155d63 60%,#27939b);border-top-right-radius:15px;border-bottom-right-radius:15px;padding:16px 24px;display:flex;align-items:center;letter-spacing:1px;box-shadow:0 2px 8px #155d631a;position:relative}.caseplan-form-title:after{content:"";display:block;height:1px;width:16px;background:linear-gradient(90deg,#27939b 60%,#b7e0e9);border-radius:2px;margin:14px 0 0}.caseplan-form{display:flex;flex-direction:column;gap:20px}.caseplan-form-group{display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(20px);animation:fieldFadeIn .5s ease forwards;background:#ffffffd9;border-radius:8px;padding:10px 16px;margin-bottom:10px;box-shadow:0 2px 8px #27939b0a}.caseplan-form-group label{font-weight:600;color:#155d63;font-size:1.08em;display:flex;align-items:center;margin-bottom:2px;transition:color .3s}.caseplan-input{padding:12px 12px 12px 16px;font-size:16px;border:none;border-bottom:2.5px solid #b7e0e9;background:transparent;transition:border-color .4s,box-shadow .4s;border-radius:0;margin-top:2px;color:#12447a}.caseplan-input:focus{outline:none;border-bottom-color:#27939b;box-shadow:0 3px #b7e0e9;background:#f0f6f8;color:#0e6460}.caseplan-form-actions{display:flex;justify-content:center;gap:20px;margin-top:10px}.caseplan-button-cancel,.caseplan-button-submit{position:relative;overflow:hidden;outline:none}.caseplan-button-submit:active:after,.caseplan-button-cancel:active:after{content:"";position:absolute;left:50%;top:50%;width:200%;height:200%;background:#27939b1f;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple .5s linear;z-index:1}@keyframes ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.caseplan-button-cancel{background:#fff;color:#27939b;border:2px solid #27939b}.caseplan-button-cancel:hover{background:#e6f7fa;color:#155d63;transform:translateY(-2px)}.caseplan-button-submit{background:linear-gradient(90deg,#155d63 60%,#27939b);color:#fff}.caseplan-button-submit:hover{background:#27939b;color:#fff;transform:translateY(-2px)}@keyframes inputGlow{0%{box-shadow:0 1px #0e6460}to{box-shadow:0 2px #0e6460}}@keyframes fieldFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.caseplan-form-group:nth-child(1){animation-delay:.2s}.caseplan-form-group:nth-child(2){animation-delay:.4s}.caseplan-form-group:nth-child(3){animation-delay:.6s}.caseplan-form-group:nth-child(4){animation-delay:.8s}.caseplan-form-group:nth-child(5){animation-delay:1s}.caseplan-form-group:nth-child(6){animation-delay:1.2s}.practitioner-fields select,.practitioner-fields input{background:#fafdff;border-radius:4px;border:1px solid #e6f7fa;box-shadow:0 1px 2px #27939b08}.status-label{font-weight:700;font-size:1em;display:flex;align-items:center;padding:2px 8px;border-radius:6px;background:#fafdff;color:#155d63}.select-department{font-weight:400}.caseplan-input:focus{box-shadow:0 2px #0e6460}.caseplan-content{width:100%;max-width:1200px;margin:0 auto;padding:20px}.caseplan-table tr:nth-child(2n) td{background:#fafdff}.caseplan-table tr:hover td{background:#e6f7fa;color:#155d63}.caseplan-table-container{margin-top:5px;overflow-x:auto;padding:1rem;border-radius:12px;background:linear-gradient(135deg,#fff,#f0f4f8);box-shadow:0 12px 24px #0000001a}.caseplan-table-title{color:#101111;margin-bottom:5px;font-size:1.5rem}.caseplan-table{width:100%;border-collapse:separate;border-spacing:0 12px}.caseplan-table th{background:linear-gradient(145deg,#155d63,#27939b);color:#fff;padding:14px 18px;text-align:left;font-weight:700;border-top-left-radius:12px;border-top-right-radius:12px}.caseplan-table tr{border-radius:12px;overflow:hidden}.caseplan-table td{padding:14px 18px;background:linear-gradient(to bottom,#fff,#d3d3d3);border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.caseplan-table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.caseplan-table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.caseplan-table tr:hover td{transform:scale(1.01);box-shadow:0 6px 12px #0003;background:linear-gradient(to bottom,#f5f5f5,#ddd)}.caseplan-table tbody tr{animation:fadeSlideIn .5s ease-in-out both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-toggle-container{margin-left:20px;margin-right:15px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.caseplan-form-group{margin-bottom:16px}.practitioner-fields{display:flex;gap:16px;align-items:center}.practitioner-fields div{flex:1;min-width:49%;max-width:40%;width:40%}.caseplan-input{width:100%}.caseplan-form-group .icon,.caseplan-form-group .dropdown-icon,.icon-eye,.wheelicon{color:#e4e3dc!important}.caseplan-form-group .dropdown-icon{margin-left:4px;color:#27939b}.toggle-switch label:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+label{background-color:#4caf50}.toggle-switch input:checked+label:before{transform:translate(26px)}.caseplan-no-plans{padding:20px;text-align:center;font-style:italic;color:#666;border:1px solid #eee;margin-top:15px;background:#f9f9f9;border-radius:4px}.caseplan-view-button{background:linear-gradient(850deg,#7398ad,#73cc7f);border:none;color:#051768;padding:8px 20px;font-size:16px;border-radius:8px;position:relative;letter-spacing:1px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:1px 2px 1px #0a4a4a,-1px -1px 5px #128078}.caseplan-card-list{display:none;flex-direction:column;gap:15px;margin-top:20px}.caseplan-card-item{background:#fff;border:1px solid #e0e6ed;border-radius:8px;padding:15px;box-shadow:0 4px 6px #0000000d;text-align:left}.caseplan-card-row{display:flex;justify-content:space-between;margin-bottom:8px;border-bottom:1px solid #f0f0f0;padding-bottom:4px}.caseplan-card-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.caseplan-card-label{font-weight:600;color:#155d63;font-size:.9em;flex:1}.caseplan-card-value{font-weight:500;color:#333;flex:1;text-align:right;word-break:break-word}@media (max-width: 768px){.caseplan-container{padding:10px;width:100%;overflow-x:hidden}.caseplan-content{padding:0}.caseplan-form-wrapper{width:100%;padding:15px;margin:10px 0}.caseplan-table{display:none}.caseplan-table-container{background:none;box-shadow:none;padding:0}.caseplan-card-list{display:flex}.caseplan-button-view,.caseplan-button-create{width:100%;margin-bottom:10px;margin-right:0}.caseplan-button-group{flex-direction:column;display:flex}}@keyframes cvcp-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cvcp-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cvcp-container{padding:1.25rem;background:linear-gradient(180deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;gap:1.25rem;margin-top:10px;width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cvcp-header{animation:cvcp-fade-in-down .5s ease-out;margin-bottom:-.5rem}.cvcp-header h1{font-size:1.8rem;font-weight:600;color:#212529;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.cvcp-info-card{background-color:#fff;border-radius:16px;padding:.5rem;box-shadow:0 8px 24px #00000014;border:1px solid #dee2e6;animation:cvcp-fade-in-down .6s ease-out;transition:transform .3s ease,box-shadow .3s ease}.cvcp-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.cvcp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cvcp-info-item{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border-radius:8px;transition:background-color .3s ease}.cvcp-info-item:hover{background-color:#f8f9fa}.cvcp-info-label{font-size:.8rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cvcp-info-value{font-size:1rem;color:#343a40;font-weight:500;word-wrap:break-word}.cvcp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.cvcp-grid>*{animation:cvcp-fade-in-up .5s ease-out forwards;opacity:0;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}.cvcp-grid>*:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #0000001f}.cvcp-grid>*:nth-child(1){animation-delay:.1s}.cvcp-grid>*:nth-child(2){animation-delay:.2s}.cvcp-grid>*:nth-child(3){animation-delay:.3s}.cvcp-grid>*:nth-child(4){animation-delay:.4s}.cvcp-grid>*:nth-child(5){animation-delay:.5s}.cvcp-full-view{animation:cvcp-fade-in-down .5s ease-in-out}.cvcp-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #dee2e6}.cvcp-back-btn,.cvcp-report-btn{padding:.8rem 1.8rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 4px #0000001a}.cvcp-back-btn{background-color:#e9ecef;color:#495057;border:1px solid #ced4da}.cvcp-back-btn:hover{background-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.cvcp-report-btn{background-color:#007bff;color:#fff;border:1px solid #006fe6}.cvcp-report-btn:hover{background-color:#0069d9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cvcp-back-btn:active,.cvcp-report-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.cvcp-no-data-card{display:flex;justify-content:center;align-items:center;height:200px;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;color:#6c757d;font-size:1.25rem;font-weight:500}.cvcp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cvcp-modal-overlay.cvcp-modal-show{opacity:1;visibility:visible}.cvcp-modal-content{position:relative;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform .3s ease-out}.cvcp-modal-overlay.cvcp-modal-show .cvcp-modal-content{transform:scale(1)}.cvcp-modal-close-btn{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer;color:#64748b;transition:all .2s ease}.cvcp-modal-close-btn:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.cr-container{display:flex;flex-direction:column;gap:1.5rem}.cr-title{margin:0;font-size:1.5rem;color:#1a2027;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.cr-checkbox-list{display:flex;flex-direction:column;gap:.75rem}.cr-checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.cr-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1.5rem}.cr-cancel-btn,.cr-download-btn{padding:.75rem 1.5rem;border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cr-cancel-btn{background-color:#e2e8f0;color:#1a2027}.cr-cancel-btn:hover{background-color:#cbd5e1}.cr-download-btn{background-color:#007bff;color:#fff}.cr-download-btn:hover{background-color:#0069d9}@media (max-width: 992px){.cvcp-container{padding:1.5rem}.cvcp-info-grid{grid-template-columns:repeat(2,1fr)}.cvcp-grid{grid-template-columns:1fr}.cvcp-grid>*:nth-child(n){animation-delay:calc(.1s*(n - 1))}}@media (max-width: 768px){.cvcp-container{padding:1.25rem;gap:1.25rem}.cvcp-header h1{font-size:1.6rem}.cvcp-info-card{padding:1rem}.cvcp-info-grid{grid-template-columns:1fr}.cvcp-actions{flex-direction:column;gap:1rem}.cvcp-back-btn,.cvcp-report-btn{width:100%}.cvcp-modal-content{padding:1.5rem;width:95%}.cr-actions{flex-direction:column-reverse}.cr-cancel-btn,.cr-download-btn{width:100%}}.observation-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #dee2e6;width:auto}.observation-header{background-color:#fff;padding:20px 24px;border-bottom:1px solid #e9ecef}.observation-header h2{margin:0;color:#212529;font-size:1.5em;font-weight:600;display:flex;align-items:center}.observation-header h2 svg{margin-right:12px;color:#007bff}.observation-section{border-bottom:1px solid #e9ecef}.observation-section:last-child{border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;cursor:pointer;background-color:#fff;transition:background-color .3s ease}.section-header:hover{background-color:#f8f9fa}.section-header h3{margin:0;font-size:1.25em;font-weight:500;color:#0056b3}.section-header svg{color:#007bff;transition:transform .3s ease-in-out}.observation-section.active .section-header{background-color:#e7f1ff}.observation-section.active .section-header svg{transform:rotate(180deg)}.section-content{padding:0 24px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .5s ease-out,padding .5s ease-out}.observation-section.active .section-content{padding:24px;max-height:2500px}.observation-table{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 16px;border-bottom:1px solid #dee2e6;vertical-align:middle}thead th{background-color:#f8f9fa;color:#495057;font-weight:600;text-transform:uppercase;font-size:.8em;letter-spacing:.05em}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background-color:#fdfdfd}tbody tr:hover{background-color:#e9ecef}.parameter-cell{display:flex;align-items:center;font-weight:500;color:#343a40}.parameter-icon{margin-right:12px;display:inline-flex;align-items:center;font-size:1.4em}.actions-container{display:flex;flex-wrap:wrap;gap:8px}.graph-button,.view-all-button{padding:8px 14px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease-in-out;white-space:nowrap}.graph-button{background-color:#007bff;color:#fff;border-color:#007bff}.graph-button:hover{background-color:#0069d9;border-color:#0062cc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.view-all-button{background-color:#6c757d;color:#fff;border-color:#6c757d}.view-all-button:hover{background-color:#5a6268;border-color:#545b62;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.graph-container{padding:24px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:16px;box-shadow:0 2px 5px #0000000d}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.graph-header h4{margin:0;font-size:1.3em;color:#212529;display:flex;align-items:center;width:100%}.close-graph{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.6em;color:#adb5bd;padding:0;line-height:1;transition:color .2s ease}.close-graph:hover{color:#343a40}.loading-message,.error-message,.no-data-message{padding:24px;text-align:center;color:#6c757d;font-style:italic;background-color:#f8f9fa;border-radius:4px;border:1px dashed #ced4da}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;font-style:normal}.ab-block{background:#fff;border-radius:18px;box-shadow:0 8px 28px #28648c1f,0 1.5px 6px #0000000a;padding:2.2rem 2.5rem;max-width:880px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:box-shadow .3s cubic-bezier(.4,2,.3,1)}.ab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #e8eef6}.ab-title{font-size:1.5rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:10px;margin-bottom:8px}.ab-back-btn{background:#f5f6fa;color:#23488b;border:none;border-radius:7px;font-size:1.06rem;padding:7px 16px;cursor:pointer;transition:background .2s}.ab-back-btn:hover{background:#eaf1fa}.ab-table-wrapper{width:100%;overflow-x:auto;animation:fadeinSlideUp .7s cubic-bezier(.22,.8,.5,1)}@keyframes fadeinSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.ab-table{border-collapse:separate;border-spacing:0;width:100%;font-size:1.08rem;background:#f9fbfd;border-radius:16px;margin:0;padding:0}.ab-table thead{background:#14579b;color:#23488b}.ab-table th,.ab-table td{padding:14px;min-width:120px;text-align:left}.ab-table th{font-size:1.08rem;font-weight:500;background:#f3f6fd;border-bottom:2px solid #d9e4f6}.ab-table tr{transition:background .16s}.ab-table tbody tr:hover{background:#eaf2fc}.ab-table td{color:#233752;border-bottom:1.5px solid #e6ecf4;vertical-align:middle}.ab-encountered-yes{color:#12b070;background:#e8fbef;border-radius:11px;padding:5px 12px;font-weight:500;letter-spacing:.01em;animation:scalein .4s}.ab-encountered-no{color:#ea5858;background:#fff2ef;border-radius:11px;padding:5px 12px;font-weight:500;letter-spacing:.01em;animation:scalein .4s}@keyframes scalein{0%{transform:scale(.92)}to{transform:scale(1)}}.ab-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:1rem;background:#e8eef6;color:#345576;font-weight:700;margin-right:.75rem;border:2px solid #d5e7fa;box-shadow:0 2px 6px #2b435c0f;vertical-align:middle;transition:box-shadow .2s}.ab-avatar-initials{background:linear-gradient(135deg,#a3c1f6 60%,#88b6fd)}.ab-avatar-icon{background:#e8eef6;color:#7899a7;font-size:1.15rem}.ab-message{margin:50px auto;font-size:1.14rem;padding:1.6rem;text-align:center;border-radius:11px}.ab-message.ab-loading{background:#f8fafc;color:#1c3965}.ab-message.ab-error{background:#fceaea;color:#b81b1b}.ab-message.ab-no-data{background:#f7f9fc;color:#23488b}@media (max-width: 700px){.ab-block{padding:.9rem .3rem;max-width:98vw}.ab-title{font-size:1.4rem}.ab-table th,.ab-table td{padding:10px 5px;font-size:.98rem}.ab-avatar{margin-right:.5rem}}.ebtbl-listview{padding:15px 28px 8px;background:#fff;border-radius:18px;box-shadow:0 2px 8px #4678c814;overflow-x:auto}.ebtbl-header{display:flex;align-items:center;border-bottom:1px solid #e8eef6;margin-bottom:8px}.ebtbl-title{font-size:1.4rem;font-weight:600;color:#21305b;letter-spacing:.01em;margin:10px 0}.ebtbl-table{min-width:440px;width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-family:Inter,Arial,sans-serif;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #4678d20a}.ebtbl-table th{background:#f3f6fd;color:#334155;padding:14px 18px;text-align:left;font-size:1rem;font-weight:600;border-bottom:1.5px solid #e8eef6;letter-spacing:.02em}.ebtbl-table .ebtbl-row{transition:background .18s}.ebtbl-table .ebtbl-row:hover{background:#ecf3fe;transition:background .25s}.ebtbl-table td{padding:12px 18px;font-size:.99rem;color:#475569;border-bottom:1px solid #e8ecf3;vertical-align:middle}.ebtbl-table tbody tr:last-child td{border-bottom:none}.ebtbl-status{display:inline-block;min-width:80px;padding:7px 17px;border-radius:22px;background:#e6eaf2;color:#47659a;font-size:.97rem;font-weight:500;text-align:center;letter-spacing:.035em;text-transform:capitalize;transition:background .2s,color .2s}.ebtbl-status-finished,.ebtbl-status-completed{background:#d3f9d8;color:#2a8251}.ebtbl-status-inprogress,.ebtbl-status-active{background:#fff5c6;color:#b88505}.ebtbl-status-cancelled{background:#ffe6e9;color:#bd4149}.ebtbl-status-planned{background:#e4ecfd;color:#4253b3}.ebtbl-message{padding:30px 18px;color:#7081a6;font-size:1.05rem;text-align:center}.ebtbl-error{color:#b94141}.ebtbl-loading{color:#899bbc}.ebtbl-no-data{color:#9aa8cb}@media (max-width: 700px){.ebtbl-listview{padding:10px 2px;border-radius:0;box-shadow:none}.ebtbl-table{min-width:340px;font-size:.93rem;border-radius:0;box-shadow:none}.ebtbl-table th,.ebtbl-table td{padding:10px 8px}}.srb-block{display:flex;flex-direction:column;height:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:20px;box-sizing:border-box;transition:box-shadow .3s ease;width:100%;overflow:hidden}.srb-block:hover{box-shadow:0 6px 16px #0000001f}.srb-fullscreen{position:fixed;top:15px;left:15px;right:15px;bottom:15px;z-index:1001;width:auto;height:auto;padding:24px;box-shadow:0 10px 30px #0003}.srb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid #e8eef6}.srb-title{font-size:1.5rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:10px;margin-bottom:8px}.srb-title>svg{margin-right:12px;color:#4a90e2;font-size:1.4rem}.srb-back-btn{background:transparent;border:1px solid #ced4da;color:#495057;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.srb-back-btn:hover{background-color:#f1f3f5;border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.srb-message{flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6c757d;text-align:center;padding:20px}.srb-error{color:#e74c3c;font-weight:500}.srb-table-container{flex-grow:1;overflow:auto;border-radius:8px}.srb-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:500px}.srb-table thead th{position:sticky;top:0;background:#f3f6fd;color:#686b70;padding:14px 16px;text-align:left;font-weight:700;text-transform:uppercase;font-size:1rem;letter-spacing:.5px;z-index:10}.srb-table thead th:first-child{border-top-left-radius:8px}.srb-table thead th:last-child{border-top-right-radius:8px}.srb-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease-in-out}.srb-table tbody tr:last-child{border-bottom:none}.srb-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.srb-table tbody tr:hover{background-color:#e6f7ff}.srb-table td{padding:14px 16px;color:#34495e;vertical-align:middle}.srb-table-row td:first-child{color:#555;font-weight:500;min-width:120px}.srb-table-row td:nth-child(2){font-weight:500}.srb-table-row td:nth-child(3){max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;color:#666}.irb-block{background-color:#f8fafc;border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px #00000012;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:auto;transition:all .3s ease}.irb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.irb-title{display:flex;align-items:center;font-size:1.1rem;font-weight:600;color:#1e3a8a}.irb-back-btn{background-color:#c2d4e6;color:#475569;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease}.irb-back-btn:hover{background-color:#e2e8f0}.irb-content-area{flex-grow:1;display:flex;flex-direction:column;justify-content:center;min-height:150px}.irb-content-area p{text-align:center;color:#64748b;font-size:1rem}.irb-carousel-wrapper{overflow:hidden;position:relative;width:100%}.irb-carousel-slide{display:flex;flex-direction:column;gap:1rem;transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .5s ease;opacity:1;transform:translate(0)}.irb-carousel-slide.irb-slide-active{opacity:0;transform:translate(-20px)}.irb-scrollable{overflow-y:auto;padding-right:10px}.irb-list-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.irb-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;flex:1;min-width:0;transition:box-shadow .2s ease,transform .2s ease}.irb-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.irb-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem}.irb-card-id{color:#475569;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.irb-card-status{display:flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-weight:600;font-size:.75rem;text-transform:capitalize;border:1px solid transparent}.irb-status-active{background-color:#dcfce7;color:#166534}.irb-status-on-hold{background-color:#fef3c7;color:#92400e}.irb-status-completed{background-color:#dbeafe;color:#1e40af}.irb-status-cancelled{background-color:#fee2e2;color:#991b1b}.irb-status-draft{background-color:#e5e7eb;color:#4b5563}.irb-status-final{background-color:#e0fbe8;color:#166534;border-color:#a7f3d0}.irb-status-preliminary{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.irb-status-unknown{background-color:#f1f5f9;color:#475569;border-color:#e2e8f0}.irb-card-body{display:flex;justify-content:center;padding-top:.25rem}.irb-card-link{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e40af;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease}.irb-card-link:hover{background-color:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.irb-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem}.irb-navigation{display:flex;align-items:center;gap:.75rem}.irb-carousel-arrow{background-color:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s ease}.irb-carousel-arrow:hover:not(:disabled){background-color:#e2e8f0;transform:scale(1.1)}.irb-carousel-arrow:disabled{opacity:.5;cursor:not-allowed}.irb-carousel-dots{display:flex;gap:.5rem}.irb-carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#cbd5e1;transition:background-color .2s ease}.irb-carousel-dot.irb-dot-active{background-color:#1e40af}.irb-view-more-btn{background-color:#1e40af;color:#fff;border:1px solid #1e3a8a;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.irb-view-more-btn:hover{background-color:#0069d9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.irb-view-more-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.irb-block .loading-text,.irb-block .error-text{color:#64748b;font-size:1rem;text-align:center;margin:auto}.irb-block.irb-error .irb-title{color:#b91c1c}.videos-block-container{grid-column:span 2;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;margin-bottom:1rem}.videos-block-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f7f7f7;border-bottom:1px solid #e0e0e0}.videos-block-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:10px}.videos-block-toggle{cursor:pointer;font-size:1.2rem;color:#555;padding:4px;border-radius:4px;transition:background-color .2s}.videos-block-toggle:hover{background-color:#e0e0e0}.videos-block-collapsible{max-height:1000px;overflow:hidden;transition:max-height .5s ease-in-out}.videos-block-collapsible.collapsed{max-height:0;padding:0}.videos-block-content{padding:16px;display:flex;gap:1rem;min-height:450px}@media (max-width: 768px){.videos-block-content{flex-direction:column;min-height:auto}.video-file-explorer{width:100%;max-width:none;max-height:250px}.video-player-wrapper{width:100%}.main-video-player{max-height:300px}}.video-file-explorer{width:35%;max-width:400px;min-width:250px;background-color:#f8f9fa;border-radius:8px;padding:10px;overflow-y:auto;border:1px solid #dee2e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:480px}.folder-item,.file-item{display:flex;align-items:center;padding:8px;margin:2px 0;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-user-select:none;user-select:none;font-size:14px;color:#343a40}.folder-item:hover,.file-item:hover{background-color:#e9ecef}.file-item.active{background-color:#007bff;color:#fff;font-weight:500}.file-item.active .icon{color:#fff}.icon{margin-right:10px;font-size:16px;flex-shrink:0;width:20px;text-align:center}.folder-item .icon{color:#58a6ff}.file-item .icon{color:#8b949e}.video-player-wrapper{flex-grow:1;display:flex;flex-direction:column}.main-video-player{width:100%;max-height:480px;border-radius:8px;background-color:#000;border:1px solid #dee2e6}.video-player-wrapper h4{margin-top:12px;font-size:.9rem;color:#495057;background-color:#e9ecef;padding:6px 12px;border-radius:5px;word-break:break-all;align-self:flex-start}.no-video-selected{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#e9ecef;border-radius:8px;color:#6c757d;font-style:italic}.home-button{background-color:#23a042;color:#fff;border:none;padding:10px;font-size:1rem;cursor:pointer;display:flex;align-items:center;border-radius:5px;font-weight:2rem}.home-button:hover{background-color:#1fd37f}.home-icon{margin-right:.5rem}html,body{margin:0;padding:0;height:100%;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.header-wrapper{background:linear-gradient(90deg,var(--primary),var(--secondary));border-top-right-radius:3px;padding:.5rem;box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;height:100%}.header__left{display:flex;align-items:center}.header__logo{height:3rem;margin-right:1em;border-radius:.5em}.header__title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header__main-title{display:flex;gap:10px;font-size:1.8vw;color:#eeeaea;font-weight:100}.header__subtitle{font-size:1.1vw;color:#eeeaea;font-weight:100;margin-top:.2rem;margin-left:11rem}.language-select{border:none;background-color:transparent;color:#fff;font-size:1rem;cursor:pointer}.home_user-icon{font-size:24px;cursor:pointer;color:#fff}.home_user-wrapper{position:relative;right:1.4rem;bottom:auto}.home_user-icon{font-size:24px;cursor:pointer;color:#fff;gap:10px;white-space:nowrap}.home_user-card{position:absolute;top:30px;right:0;background-color:#e9e8eb;border-right:5px solid white;border-left:5px solid white;box-shadow:0 8px 16px #0000001a;border-radius:4px;padding:1rem;width:200px;z-index:1000;animation:fadeIn .3s ease}.home_user-card__name{text-align:center}.home_user-card__info p{margin:0 0 8px;font-size:smaller}.logout-btn{display:flex;align-items:center;justify-content:center;background-color:#d9534f;color:#fff;border:none;border-radius:4px;padding:.5rem;width:100%;cursor:pointer}.logout-btn:hover{background-color:#c9302c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home_header__right{display:flex;align-items:center;gap:40px}.home_language-wrapper{display:flex;align-items:center;gap:10px}.language-logo{width:1.8rem;height:1.8rem;border-radius:1rem;display:inline;margin-right:.1rem}.language-wrapper select{margin-left:.5rem}@media (max-width: 550px){.header__subtitle{display:none}}@media (max-width: 600px){.header__logo{width:3rem;height:2rem;margin-right:.5em;border-radius:.5em;object-fit:cover;object-position:left}.header__logout{background-color:#022036;border:1px solid #8175f0;border-radius:5px;color:#eceaf0;cursor:pointer;font-size:8px;font-weight:300;padding:2px 5px;display:flex;align-items:center;transition:background-color .3s ease}}@media (max-width: 768px){.home_user-icon{font-size:18px;cursor:pointer;color:#fff;gap:10px;white-space:nowrap;display:block!important}.language-logo{width:1rem;height:1rem;border-radius:1rem;display:inline;margin-right:.1rem}.language-wrapper select{width:2.5rem;font-size:10px;margin-left:.5rem}}.consent-card{max-width:960px;width:100%;margin:2rem auto;padding:1rem;box-shadow:0 4px 12px #0000001a;border-radius:8px!important}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metadata-section{margin-bottom:2rem;padding:1rem;background-color:#f7f9fc;border-left:4px solid #1976d2;border-radius:4px}.form-section{margin-top:1.5rem;margin-bottom:1.5rem}.category-column{height:100%;display:flex;flex-direction:column}.policies-container{background-color:#f7f9fc;border:1px solid #e0e0e0;border-left:4px solid #1976d2;border-radius:4px;padding:1.5rem;min-height:80px;display:flex;flex-direction:column;justify-content:center;transition:background-color .3s ease}.submit-section{text-align:center}.consent-toast-container .Toastify__toast{z-index:9999;border-radius:8px;box-shadow:0 2px 10px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.consent-toast-container .Toastify__toast--success{background-color:#4caf50!important;color:#fff!important}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.response-group-list{display:flex;flex-direction:column;gap:8px}.consent-toast-container .Toastify__toast--error{background-color:#f44336!important;color:#fff!important}.list-header{display:flex;justify-content:space-between;align-items:center}.back-to-list-button{background-color:#424242!important;color:#fff!important;margin-bottom:1rem!important}.back-to-list-button:hover{background-color:#303030!important}.response-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.response-item{padding:16px;display:flex;justify-content:space-between;align-items:center}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-header h5{margin:0}.consent-list{list-style:none;padding:0;margin:0}.consent-list-item{border:1px solid #ddd;border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:#f9f9f9;transition:box-shadow .3s ease}.consent-list-item:hover{box-shadow:0 2px 8px #0000001a}.consent-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700}.consent-scope-display{color:#333}.consent-status{padding:.2rem .5rem;border-radius:4px;font-size:.875rem;text-transform:capitalize}.consent-status.active{background-color:#e0f7fa;color:#00796b}.consent-status.inactive{background-color:#ffebee;color:#c62828}.consent-item-body p{margin:.25rem 0;font-size:.95rem}.consent-item-actions{margin-top:.5rem;text-align:right}.edit-button{background-color:#1976d2;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.875rem}.edit-button:hover{background-color:#1565c0}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal-content{background:#f8fafa4d;box-shadow:0 2px 10px #0000001a;width:80rem;max-width:100rem;height:auto;padding:20px;overflow-y:auto;max-height:80vh;border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.edit-modal-content::-webkit-scrollbar{width:12px}.edit-modal-content::-webkit-scrollbar-track{background:#f8fafa4d;border-radius:10px}.edit-modal-content::-webkit-scrollbar-thumb{background:#85a7adb3;border-radius:10px;border:3px solid rgba(248,250,250,.3);transition:background .3s ease-in-out}.edit-modal-content::-webkit-scrollbar-thumb:hover{background:#687679}@keyframes scrollAnimation{0%{background:#707677b3}50%{background:#6f9096}to{background:#6d7779b3}}.edit-modal-content::-webkit-scrollbar-thumb{animation:scrollAnimation 1.5s infinite}.edit-modal-header{display:flex;justify-content:flex-end}.edit-close-icon{font-size:24px;cursor:pointer}.edit-modal-body{margin-top:10px}.edit-patient-details{display:flex;flex-direction:column;gap:15px}.edit-patient-info,.edit-organization-info,.edit-telecom-info{background:#fcfafa4d;padding:15px;border-radius:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.edit-info-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.edit-info-row label{flex:1 1 30%;margin-bottom:5px;font-weight:700;color:#052a52;position:relative}.edit-info-row input{flex:1 1 65%;padding:8px;border:none;border-bottom:2px solid #ccc;border-radius:0;box-sizing:border-box;transition:border-color .3s,transform .3s}.edit-info-row input:focus{border-bottom-color:#007bff;outline:none;transform:scale(1.1)}.edit-info-row label:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;transition:width .3s}.edit-info-row input:focus+label:after{width:100%}.edit-update-button{margin-top:10px;padding:10px 15px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;position:relative}.edit-update-button:hover{background:#0056b3}.edit-update-button:disabled{background:#007bff;cursor:not-allowed}.loading-dots:after{content:"...";animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{color:#0000}40%{color:#fff}60%{color:#0000}80%,to{color:#fff}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.role-mapping-card{width:auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;position:relative;margin:auto;display:flex;flex-direction:column;align-items:center}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.form-group{width:100%;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.form-group label{flex:1;margin-right:10px;font-weight:700}.form-group select{flex:2;padding:8px;border-radius:5px;border:1px solid #ccc;font-size:16px}.approve-button{margin-top:20px;padding:10px 20px;border:none;border-radius:5px;background-color:#ce8909;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}.approve-button:disabled{background-color:#ccc;cursor:not-allowed}.approve-button:not(:disabled):hover{background-color:#7dc705}.patient-info{font-family:Arial,sans-serif;border:1px solid #ccc;padding:10px;border-radius:5px;width:300px}.patient-id{font-weight:700;margin-bottom:10px}.patient-details{padding:0;display:flex;flex-direction:column}.detail{display:flex;justify-content:space-between;padding:5px 0}.patient-title{text-align:left;margin-bottom:1px;font-size:18px}.table{width:100%;border-collapse:collapse;margin-bottom:10px}.patient_detail_th,.table td{border:1px solid #ccc;padding:6px;text-align:center}.patient_detail_th{background-color:#e7e7e7;font-weight:700}.table tr:nth-child(2n){background-color:#f0f8ff}.label{font-weight:700;margin-right:10px}.monitor_button_container{align-items:center;display:flex;justify-content:center;gap:10px}.monitor_button1{padding:10px 15px;border:none;border-radius:5px;background-color:#7a1ff1;color:#fff;cursor:pointer}.monitor_button{padding:10px 15px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.monitor_button:hover{background-color:#0056b3}.table-container{margin:20px;padding:10px;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a}table{width:100%;border-collapse:collapse}.patient_detail_th,td{padding:10px;text-align:left;border:1px solid #ddd}.patient_detail_th{background-color:#f1f1f1}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:nth-child(odd){background-color:#fff}tbody tr:hover{background-color:#e2e2e2}@media (max-width:700px){.header__title-container{font-size:1.2rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.4rem + .4vw)}}@media (max-width:500px){.header-menu .menu-icon{font-size:2rem;color:#fff;transition:transform .3s ease}.header-logo{height:2rem;width:6rem}.header__main-title{font-size:calc(.6rem + .5vw)}.header__subtitle{font-size:calc(.3rem + .25vw)}}video{width:100%;height:800px;object-fit:cover}.header{margin:5px 0;padding:5px 10px;text-align:center;width:100%}.deviceStatus-container{width:100%;max-width:1200px;padding:20px;margin-top:-20px}h1{text-align:center;font-size:1.5rem;margin:0;padding:5px 0}h3{font-size:1.5rem;margin:0;padding:5px 0}.center-heading{text-align:center;width:100%;margin-bottom:10px}.adjustable-font{font-size:2rem}.deviceStatus-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.deviceStatus-header{margin-bottom:3rem}.deviceStatus-block{height:auto;border-radius:8px;padding:1rem;width:15.8rem;box-shadow:5px 4px 8px #0101001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:flex-start;margin:0}.deviceStatus-block:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.deviceStatus-block.active{border-top:5px solid rgb(18,136,18);border-left:1px solid rgb(18,136,18);border-right:1px solid rgb(18,136,18);border-bottom:2px solid rgb(18,136,18);border-left:5px solid green}.deviceStatus-block.inactive{border-top:5px solid #f73730;border-left:1px solid #f73730;border-right:1px solid #f73730;border-bottom:2px solid #f73730;border-left:5px solid red}.deviceStatus-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:10px}.deviceStatus-block h2{font-size:1.5rem;color:#000;margin:0}.deviceStatus-block p{font-size:1.1rem;margin:5px 0}.deviceStatus-status{font-size:.8rem;color:#555;margin-top:10px;font-weight:700}.deviceStatus-view-button{display:inline-block;margin-right:auto;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-size:1rem;text-align:center;box-shadow:0 4px 12px #007bff33;transition:background-color .3s ease,transform .3s ease}.deviceStatus-view-button:hover{background-color:#0056b3;transform:translateY(-2px)}.blinking-icon{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px;animation:blink 1s infinite}.blinking-icon.active{background-color:green}.blinking-icon.inactive{background-color:red}.loader{text-align:center;font-size:1.5rem;color:#007bff;margin-top:20px}.view-more-divider{border:0;border-top:2px solid #ccc;margin:10px 0}.view-more-container{text-align:center;margin-top:-.4rem;margin-bottom:-.6rem;padding:0}.view-more-button{display:inline-block;padding:5px 10px;color:#007bff;text-decoration:none;font-size:1rem;border:1px solid transparent;border-radius:5px;transition:background-color .3s ease}.view-more-button:hover{color:#0056b3}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.log-button-container{display:flex;justify-content:center;width:100%;margin-top:20px}.logs-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;margin-top:20px}.logs-button:hover{background-color:#0056b3}.device-view-page{min-height:100vh;background-color:#f5f7fa}.device-view-content{padding:1.5rem;display:flex;justify-content:center;min-height:calc(100vh - 164px)}.device-card{width:100%;max-width:1200px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.device-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(to right,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef}.device-header h1{margin:0;font-size:1.75rem;color:#212529;font-weight:600}.status-badge{padding:.5rem 1rem;border-radius:50px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#fff}.status-badge.online,.status-badge.active{background-color:#28a745}.status-badge.offline,.status-badge.inactive{background-color:#dc3545}.status-badge.maintenance{background-color:#fd7e14}.status-badge.standby{background-color:#17a2b8}.device-body{display:flex;padding:2rem}@media (max-width: 768px){.device-body{flex-direction:column}}.device-image-container{width:320px;height:320px;flex-shrink:0;margin-right:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.device-image-container{width:100%;height:240px;margin-right:0;margin-bottom:1.5rem}}.device-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;padding:8px}.device-image:hover{transform:scale(1.02)}.no-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#e9ecef;color:#6c757d;font-weight:500;text-align:center}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 576px){.details-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;padding:1rem;background-color:#f8f9fa;border-radius:8px;transition:background-color .2s ease}.detail-item:hover{background-color:#e9ecef}.detail-label{font-size:.875rem;color:#6c757d;margin-bottom:.25rem}.detail-value{font-size:1.125rem;font-weight:500;color:#212529}.device-actions{display:flex;justify-content:space-between;padding:1.5rem 2rem;background-color:#f8f9fa;border-top:1px solid #e9ecef}@media (max-width: 576px){.device-actions{flex-direction:column;gap:1rem}}.back-button,.logs-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button{background-color:#f8f9fa;color:#212529;border:1px solid #ced4da}.back-button:hover{background-color:#e9ecef}.logs-button{background-color:#007bff;color:#fff}.logs-button:hover{background-color:#0069d9;transform:translateY(-2px);box-shadow:0 4px 8px #007bff40}.button-icon{margin-right:.5rem;font-size:1.125rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 64px);color:#6c757d}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,123,255,.1);border-radius:50%;border-left-color:#007bff;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 64px);padding:2rem;text-align:center}.error-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#dc3545;color:#fff;border-radius:50%;font-size:2rem;font-weight:700;margin-bottom:1rem}.device-card.online,.device-card.active{border-top:4px solid #28a745}.device-card.offline,.device-card.inactive{border-top:4px solid #dc3545}.device-logs{padding:20px;max-width:1200px;margin:0 auto}.device-logs h2{margin-bottom:20px;color:#333}.device-info-header{display:flex;align-items:center;margin-bottom:30px;padding:15px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a}.device-image{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-right:25px}.device-details{flex:1}.device-details h2{margin-top:0;margin-bottom:10px;color:#1565c0}.device-details p{margin:5px 0;color:#333}.toolbar{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.filter-input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:300px;margin-left:auto}.navigation-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s}.navigation-button:hover{background-color:#e0e0e0}.navigation-button:disabled{opacity:.5;cursor:not-allowed}.logs-table{width:100%;border-collapse:collapse;box-shadow:0 1px 3px #0000001a}.logs-table th,.logs-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.logs-table th{background-color:#f8f8f8;font-weight:700;color:#333}.logs-table tr:hover{background-color:#f5f5f5}.folder-row{background-color:#f0f7ff}.file-row{background-color:#fff}.file-name-cell{cursor:pointer;font-weight:500;color:#2c3e50}.folder-row .file-name-cell{color:#1565c0}.file-icon{margin-right:8px;font-size:16px}.action-buttons{display:flex;gap:8px}.view-button,.download-button-devicelog,.folder-button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.view-button{background-color:#4caf50;color:#fff}.view-button:hover{background-color:#3d8b40}.download-button-devicelog{background-color:#2196f3;color:#fff}.download-button-devicelog:hover{background-color:#0b7dda}.folder-button{background-color:#ff9800;color:#fff;width:100%}.folder-button:hover{background-color:#e68a00}.view-button:disabled,.download-button-devicelog:disabled{background-color:#ccc;cursor:not-allowed}.breadcrumbs{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap}.breadcrumb-item{color:#2196f3;cursor:pointer;text-decoration:underline}.breadcrumb-item:hover{color:#0b7dda}.breadcrumb-item.current{color:#333;cursor:default;text-decoration:none}.breadcrumb-separator{margin:0 5px;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.device-logs-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #2196f3;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.device-logs-loading-file{color:#666;font-size:16px}.no-logs-message{padding:20px;text-align:center;color:#666;font-size:16px;background-color:#f8f8f8;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffffff2;border-radius:12px;width:80%;max-width:900px;height:auto;max-height:90vh;box-shadow:0 8px 30px #0000004d;transition:all .3s ease;padding:2rem;animation:scaleIn .3s ease;overflow:hidden}.modal h2{margin-bottom:1.5rem;font-size:1.8rem;color:#222;font-weight:600;width:100%;text-align:center;padding-bottom:.8rem;border-bottom:1px solid #eee}.modal pre{background:#f8f8f8;padding:1.5rem;border-radius:8px;overflow:auto;white-space:pre-wrap;max-height:50vh;width:100%;box-shadow:inset 0 0 8px #0000001a;font-family:Courier New,monospace;line-height:1.6;font-size:.95rem;color:#333;border:1px solid #e0e0e0;margin:.5rem 0 1.5rem}.modal p{color:#666;margin:1rem 0 2rem;font-style:italic}.modal button,.close-button,.download-button-modal,.open-folder-button{padding:.75rem 1.75rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;margin:.5rem;outline:none}.close-button{background-color:#f44336;color:#fff;margin-top:1.5rem;box-shadow:0 2px 5px #f443364d}.close-button:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #f4433666}.close-button:active{transform:translateY(0)}.download-button-modal{background-color:#4caf50;color:#fff;box-shadow:0 2px 5px #4caf504d}.download-button-modal:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px #4caf5066}.download-button-modal:focus{box-shadow:0 0 0 3px #4caf504d}.open-folder-button{background-color:#2196f3;color:#fff;box-shadow:0 2px 5px #2196f34d}.open-folder-button:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #2196f366}.folder-actions{margin:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.modal{width:95%;padding:1.5rem}.modal h2{font-size:1.5rem}.modal pre{padding:1rem;font-size:.9rem}.modal button,.close-button,.download-button-modal,.open-folder-button{padding:.6rem 1.2rem;font-size:.95rem}}.modal pre::-webkit-scrollbar{width:8px;height:8px}.modal pre::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal pre::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal pre::-webkit-scrollbar-thumb:hover{background:#555}button:focus-visible{outline:2px solid #007bff;outline-offset:2px}