@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";:root{--auth-backdrop: rgba(171, 57, 184, .2)}.auth-container{min-height:calc(100vh - 70px)}.auth-container{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;font-family:Inter Tight,sans-serif}.auth-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:0}.auth-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--auth-backdrop);z-index:0;mix-blend-mode:lighten}.auth-box{background:#fff;padding:30px;border-radius:10px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 4px 20px #0003;position:relative;z-index:1;margin:auto}.auth-logo{width:150px;display:block;margin:20px auto}.auth-box h2{font-size:18px;font-weight:700;margin-bottom:25px;color:#333}.input-group{margin-bottom:20px}.input-field{margin-bottom:15px;text-align:left}.input-field label{display:block;font-size:14px;font-weight:400;color:#666;margin-bottom:5px}.input-wrapper{position:relative;width:100%}.input-element{width:100%;box-sizing:border-box;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:10px;font-size:16px;font-weight:400;color:#333;background:#f5f5f5}.input-element::placeholder{color:#999}.toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#00285d;transition:color .2s}.toggle-password:hover{color:#001a3e}.options{display:flex;justify-content:flex-start;align-items:center;margin-bottom:25px;font-size:14px;font-weight:400}.options label{color:#585858;display:flex;align-items:center}.options label input{margin-right:5px}.checkbox-label{position:relative;display:flex;align-items:center;cursor:pointer}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.custom-checkbox{display:inline-block;width:16px;height:16px;border:2px solid #00285D;border-radius:3px;margin-right:8px;position:relative;background-color:transparent;transition:background-color .2s}.checkbox-input:checked+.custom-checkbox{background-color:#00285d}.checkbox-input:checked+.custom-checkbox:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-button{width:100%;padding:12px;background-color:#00285d;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-button:hover:not(:disabled){background-color:#001a3e}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-box p{margin-top:20px;font-size:14px;color:#555}.forgot-password-link{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;margin-left:auto}.forgot-password-link:hover{color:#2563eb}.forgot-password-buttons{display:flex;gap:12px;margin-top:1.5rem}.auth-button.secondary{background:#f3f4f6;color:#374151;flex:1}.auth-button.secondary:hover:not(:disabled){background:#e5e7eb}.auth-button.primary{background:#3b82f6;color:#fff;flex:1}.auth-button.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.forgot-password-success{text-align:center;margin:1.5rem 0}.success-icon{width:48px;height:48px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 1rem}.success-message{color:#10b981;font-weight:600;font-size:1rem;margin:0 0 .5rem}.success-note{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;line-height:1.4}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:#374151}.checkbox-input{position:absolute;opacity:0;cursor:pointer}.checkmark{width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:4px;margin-right:.5rem;position:relative;transition:all .2s}.checkbox-input:checked~.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-weight:500}.auth-button{padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-button.primary{background-color:#4f46e5;color:#fff}.auth-button.primary:hover:not(:disabled){background-color:#4338ca}.auth-button.primary:disabled{background-color:#9ca3af;color:#e5e7eb;cursor:not-allowed;transform:none}@media (max-width: 480px){.forgot-password-buttons{flex-direction:column}.auth-options{flex-direction:column;align-items:flex-start;gap:.5rem}.forgot-password-link{margin-left:0}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--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-container-width: fit-content;--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-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.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%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;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{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.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-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.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:1;opacity:.7;transform-origin:left}.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}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-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)}}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:sticky;top:0;z-index:1000;width:100%;border-bottom:1px solid #eaeaea}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar-logo{display:flex;align-items:center}.navbar-logo img{width:200px}.language-dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500;color:#333;transition:all .3s ease}.dropdown-toggle:hover{background:#e9ecef;border-color:#ced4da}.current-language{margin-right:8px;font-size:14px}.dropdown-arrow{transition:transform .3s ease;color:#6c757d}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:160px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease;position:relative}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.active{background:#f0f4ff;color:#3b5bdb}.checkmark{margin-left:auto;color:#3b5bdb}@media (max-width: 768px){.navbar-container{padding:0 1rem}.current-language{display:none}.dropdown-toggle{padding:8px 12px}}.applications-layout{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc;overflow-y:auto}.tab-navigation{display:flex;gap:8px;padding:10px 20px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.tab-button{display:flex;align-items:center;gap:8px;padding:12px;background:transparent;border:none;border-radius:8px;color:#64748b;font-weight:500;transition:all .2s ease;cursor:pointer}.tab-button:hover{background:#f1f5f9;color:#475569}.tab-button.active{background:#3b82f6;color:#fff}.applications-content{display:flex;flex:1;height:calc(100vh - 73px);overflow:hidden}.applications-list-panel{transition:all .3s ease;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}.applications-list-panel.full-width{width:100%}.applications-list-panel.condensed{width:33.333333%;min-width:400px}.application-details-panel{width:66.666667%;background:#f8fafc;overflow-y:auto;border-left:1px solid #e2e8f0}.section-header{padding:5px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;border-radius:10px}.header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.application-title-section{display:flex;align-items:center;gap:16px}.page-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.application-page-title{font-size:20px;color:#000}.close-details-btn{display:flex;align-items:center;gap:8px;padding:8px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease}.close-details-btn:hover{background:#e2e8f0;color:#334155}.action-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-wrapper{position:relative;display:flex;align-items:center}.search-input{width:300px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.filter-section{position:relative;display:inline-block}.filter-button{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#f9fafb;border-color:#9ca3af}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:50;padding:16px}.filter-dropdown{left:50%;transform:translate(-50%);right:auto}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.filter-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.apply-button,.reset-button{flex:1;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.apply-button:hover{background:#2563eb;border-color:#2563eb}.reset-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.reset-button:hover{background:#f9fafb;border-color:#9ca3af}.add-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-button:hover{background:#2563eb;transform:translateY(-1px)}.table-container{flex:1;overflow:visible;background:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.application-modern-table{width:100%;min-width:800px}.application-modern-data-table{width:100%;border-collapse:collapse;background:#fff}.application-modern-data-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.application-modern-data-table th{padding:5px;text-align:left;font-weight:600;color:#475569;font-size:14px;position:sticky;top:0;background:#f8fafc;z-index:5}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sortable-header:hover{background:#f1f5f9}.header-content,.app-header-content{display:flex;align-items:center;gap:8px}.sort-icon{margin-left:auto;color:#94a3b8;transition:color .2s ease}.sort-icon.inactive{opacity:.5}.application-modern-data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease;cursor:pointer}.application-modern-data-table tbody tr:hover{background:#f8fafc}.application-modern-data-table tbody tr.selected{background:#eff6ff;border-left:4px solid #3b82f6}.application-modern-data-table td{padding:8px 10px;vertical-align:top}.cell-content{display:flex;flex-direction:column;gap:2px;min-height:60px}.applicationId-text{font-size:12px;font-weight:700;color:#3b82f6}.app-id-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;transition:color .2s ease;text-align:left;padding:0}.app-id-link:hover,.applicationId-text:hover{color:#2563eb;text-decoration:underline}.app-id-section{display:flex;align-items:center;gap:8px}.app-id-text{color:#3b82f6;font-weight:600;font-size:14px}.edit-icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;border:none;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s ease}.edit-icon-btn:hover{background:#e2e8f0;color:#3b82f6}.patient-name-link,.doctor-name-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:#487ed6;font-weight:bolder;cursor:pointer;transition:color .2s ease;text-align:left;padding:0;font-size:14px}.patient-name-link:hover,.doctor-name-link:hover{color:#1f2937;text-decoration:underline}.status-badge-app{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;width:fit-content}.status-success-status{background:#dcfce7;color:#166534}.status-warning-status{background:#fef3c7;color:#92400e}.status-error-status{background:#fee2e2;color:#991b1b}.status-neutral-status{background:#f3f4f6;color:#374151}.datetime-info{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.datetime-text{white-space:nowrap}.button-cell-content{display:flex;gap:8px;margin-top:8px}.app-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.app-primary-btn{background:#3b82f6;color:#fff}.app-primary-btn:hover{background:#2563eb}.app-secondary-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.app-secondary-btn:hover{background:#e2e8f0;color:#334155}.contact-actions{display:flex;gap:6px;margin-top:8px}.contact-btn{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.email-btn{background:#fef3c7;color:#92400e}.email-btn:hover{background:#fcd34d}.whatsapp-btn{background:#dcfce7;color:#166534}.whatsapp-btn:hover{background:#bbf7d0}.phone-btn{background:#dbeafe;color:#1d4ed8}.phone-btn:hover{background:#bfdbfe}.telegram-btn{background:#e0f2fe;color:#0369a1}.telegram-btn:hover{background:#bae6fd}.consultation-cell{min-width:250px}.specialty-info{color:#6b7280;font-size:13px;font-style:italic}.appointment-mode-info{display:flex;align-items:center;gap:8px}.mode-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.mode-online{background:#eff6ff;color:#1d4ed8}.mode-offline{background:#f3f4f6;color:#374151}.link-copy-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f1f5f9;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease}.link-copy-btn:hover{background:#e2e8f0;color:#374151}.documents-cell{min-width:120px}.document-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.document-icon-wrapper{position:relative}.document-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fef3c7;border:none;border-radius:8px;color:#92400e;cursor:pointer;transition:all .2s ease}.document-icon-btn:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-doc-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f1f5f9;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.add-doc-icon-btn:hover{background:#e2e8f0;border-color:#9ca3af;color:#374151}.payment-cell{min-width:200px}.payment-btn{width:fit-content;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#dcfce7;color:#166534;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.payment-btn:hover{background:#bbf7d0}.doc-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.doc-btn.enabled{background:#dbeafe;color:#1d4ed8}.doc-btn.enabled:hover{background:#bfdbfe}.doc-btn.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280;text-align:center}.empty-icon{margin-bottom:16px;color:#d1d5db}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.empty-state p{margin:0 0 24px;color:#6b7280}.pagination-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-button{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-button:hover{background:#f3f4f6;border-color:#9ca3af}.pagination-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-arrow:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-info{margin-left:16px;color:#6b7280;font-size:14px}.application-details{padding:24px;background:#fff;height:100%;overflow-y:auto}.details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.header-info{display:flex;flex-direction:column;gap:8px}.details-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.application-id{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:500;display:inline-block}.close-details-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.close-details-button:hover{background:#e2e8f0;color:#374151}.details-content{display:flex;flex-direction:column;gap:24px}.info-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#475569}.section-header h3{margin:0;font-size:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-item .label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.info-item .value{font-size:14px;color:#1e293b;font-weight:500}.meeting-link{color:#3b82f6;text-decoration:none;word-break:break-all}.meeting-link:hover{text-decoration:underline}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.document-name{color:#374151;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.email-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.submit-button,.cancel-button{flex:1;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.submit-button:hover{background:#2563eb;border-color:#2563eb}.submit-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.input-type-selector{display:flex;gap:16px;margin-bottom:20px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{margin:0}.file-input-section,.url-input-section{display:flex;flex-direction:column;gap:12px}.text-input,.app-file-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease}.text-input:focus,.app-file-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-input.readonly{background:#f9fafb;color:#6b7280}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:14px;font-weight:500;color:#374151}.textarea-input{width:100%;min-height:120px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease}.textarea-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;font-size:14px;margin-top:16px}.document-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media (max-width: 1024px){.applications-content{flex-direction:column}.applications-list-panel.condensed,.application-details-panel{width:100%;height:50vh}.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:12px}.action-section{justify-content:stretch}.search-input{width:100%}.modern-table{min-width:600px}.table-container{overflow-x:auto}.modal-content{max-width:95vw;margin:10px}.pagination-container{flex-wrap:wrap;gap:4px}}@media (max-width: 640px){.section-header{padding:16px}.page-title{font-size:20px}.tab-navigation{padding:12px 16px}.application-details{padding:16px}.details-title{font-size:20px}.info-section{padding:16px}}.custom-dropdown{position:relative;width:100%}.custom-dropdown-selected{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.custom-dropdown-selected:hover{border-color:#9ca3af;background:#f9fafb}.custom-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;list-style:none;padding:4px 0;margin:0;max-height:200px;overflow-y:auto}.custom-dropdown-item{padding:10px 12px;font-size:14px;color:#374151;cursor:pointer;transition:background-color .15s ease}.custom-dropdown-item:hover{background:#f1f5f9}.custom-dropdown-item.active{background:#eff6ff;color:#1d4ed8;font-weight:500}.patients-grid-container{padding:24px;background-color:#f8f9fa;width:100%;box-sizing:border-box;font-family:Inter Tight,sans-serif}.patients-header{display:flex;flex-direction:column;justify-content:space-between;gap:12px;margin-bottom:24px}.patients-header-controlers{display:flex;justify-content:space-between;gap:20px;align-items:center}.export-csv-button{width:fit-content}.header-left{flex:1 1 100%}.patient-title-container{display:flex;justify-content:space-between}.page-title{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.page-subtitle{font-size:14px;color:#666;margin:0}.patients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;box-sizing:border-box}@media (min-width: 1024px){.patients-grid{grid-template-columns:repeat(3,1fr)}}.patient-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;width:100%;box-sizing:border-box}.patient-card:hover{box-shadow:0 4px 16px #00000026}.patient-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.patient-name,.patient-name-sub{font-size:16px;font-weight:600;color:#ec4899}.patient-icon-container{display:flex;align-items:center;gap:8px}.patient-icon{width:32px;height:32px;background-color:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.patient-age{font-size:14px;font-weight:500}.patient-age.male{color:red}.patient-age.female{color:#00f}.patient-card-body{margin-top:10px}.service-info{margin-bottom:10px}.service-label{font-size:12px;color:#666}.service-value{font-size:14px;font-weight:600;color:#333}.appointment-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.appointment-item{flex:1 1 120px}.appointment-label{font-size:16px;color:#666;margin-bottom:5px}.appointment-value{font-size:14px;font-weight:500;color:#333}.appl-no{font-size:14px}.appl-label{color:#666}.appl-value{color:#007bff;font-weight:500}.card-footer{display:flex;justify-content:flex-start}.view-report-btn{padding:12px;border:none;border-radius:8px;background-color:#1e3a8a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.view-report-btn:hover{background-color:#1e40af}.results-count{margin-top:10px}@media (max-width: 750px){.patients-grid-container{padding:10px}}@media (max-width: 480px){.card-body{flex-direction:column}.view-report-btn{font-size:13px;padding:10px}.page-title{font-size:20px}.appointment-row{flex-direction:column}}:root{--primary-blue: #3b82f6;--primary-blue-dark: #2563eb;--primary-blue-light: #60a5fa;--secondary-indigo: #6366f1;--success-green: #10b981;--warning-yellow: #f59e0b;--error-red: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.event-confirmed{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%)!important;color:var(--white)!important;border-left:4px solid #047857!important}.event-pending{background:linear-gradient(135deg,var(--warning-yellow) 0%,#d97706 100%)!important;color:var(--white)!important;border-left:4px solid #b45309!important}.event-cancelled{background:linear-gradient(135deg,var(--error-red) 0%,#dc2626 100%)!important;color:var(--white)!important;border-left:4px solid #b91c1c!important}.event-completed{background-color:#2196f3!important;color:#fff!important;border-left:4px solid #1976d2}.event-default{background-color:#9e9e9e!important;color:#fff!important;border-left:4px solid #757575}.event-followup{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff!important;box-shadow:0 2px 8px #2563eb66}.event-followup .event-time,.event-followup .event-title,.event-followup .event-service{color:#fff!important}.followup-tag{display:inline-block;background:#ffffff40;color:#fff;font-size:.7rem;padding:2px 6px;margin-left:6px;border-radius:4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fc-event.event-followup,.modern-event.event-followup{background:linear-gradient(135deg,#2563eb,#1e3a8a)!important;color:#fff!important;box-shadow:0 3px 8px #2563eb66}.fc-event.event-followup *,.modern-event.event-followup *{color:#fff!important}.followup-tag{background:#ffffff40;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;margin-left:6px;text-transform:uppercase;letter-spacing:.3px;color:#fff}.calendar-container{--fc-border-color: var(--gray-200);--fc-button-text-color: var(--gray-700);--fc-button-bg-color: var(--white);--fc-button-border-color: var(--gray-300);--fc-button-hover-bg-color: var(--gray-50);--fc-button-hover-border-color: var(--gray-400);--fc-button-active-bg-color: var(--primary-blue);--fc-button-active-border-color: var(--primary-blue);--fc-event-bg-color: var(--white);--fc-event-border-color: var(--gray-200);--fc-event-text-color: var(--gray-700);--fc-today-bg-color: #fefbff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fc .fc-toolbar{margin-bottom:2rem;padding:0}.fc .fc-toolbar-title{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin:0 1.5rem;letter-spacing:-.025em}.fc .fc-button-group{border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.fc .fc-button{padding:.75rem 1.25rem;font-weight:500;font-size:.875rem;border:none;background:var(--white);color:var(--gray-600);transition:all var(--transition-normal);position:relative;border-right:1px solid var(--gray-200)}.fc .fc-button:last-child{border-right:none}.fc .fc-button:not(:disabled):hover{background:var(--gray-50);color:var(--gray-700);transform:translateY(-1px)}.fc .fc-button:not(:disabled).fc-button-active{background:var(--primary-blue);color:var(--white);box-shadow:inset 0 2px 4px #0000001a}.fc .fc-button:disabled{opacity:.4;cursor:not-allowed}.fc .fc-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.fc .fc-today-button{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary-blue);border:1px solid #bfdbfe;border-radius:var(--border-radius-xl);margin-left:.75rem;padding:.75rem 1.25rem;font-weight:600;transition:all var(--transition-normal)}.fc .fc-today-button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-1px);box-shadow:var(--shadow-md)}.fc .fc-today-button:active{transform:translateY(0)}.fc-theme-standard .fc-scrollgrid{border:1px solid var(--gray-200);border-radius:var(--border-radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm)}.fc .fc-col-header-cell{background:linear-gradient(135deg,var(--gray-50) 0%,#fafafa 100%);border-color:var(--gray-200);padding:1.25rem .75rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;position:relative}.fc .fc-col-header-cell:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-blue) 50%,transparent 100%);opacity:.3}.fc .fc-daygrid-day{border-color:var(--gray-100);transition:background-color var(--transition-fast);position:relative}.fc .fc-daygrid-day:hover{background-color:var(--gray-50)}.fc .fc-daygrid-day-number{padding:1rem;font-weight:500;color:var(--gray-700);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--border-radius-md);margin:.25rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.fc .fc-daygrid-day-number:hover{background:var(--gray-100);color:var(--gray-900)}.fc .fc-day-today{background-color:#fefbff;position:relative}.fc .fc-day-today:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue) 0%,var(--secondary-indigo) 100%)}.fc .fc-day-today .fc-daygrid-day-number{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-indigo) 100%);color:var(--white);font-weight:600;box-shadow:var(--shadow-md);transform:scale(1.1)}.fc .fc-day-sun,.fc .fc-day-sat{background-color:#fafafa}.fc .fc-day-sun .fc-daygrid-day-number,.fc .fc-day-sat .fc-daygrid-day-number{color:var(--gray-500)}.fc-event{border:none!important;border-radius:var(--border-radius-lg)!important;padding:0!important;margin:.25rem .5rem!important;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fc-event:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg);z-index:10}.fc-event:active{transform:translateY(-1px) scale(1.01)}.fc-event.event-confirmed{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%)!important;color:var(--white)!important;border-left:4px solid #047857!important}.fc-event.event-pending{background:linear-gradient(135deg,var(--warning-yellow) 0%,#d97706 100%)!important;color:var(--white)!important;border-left:4px solid #b45309!important}.fc-event.event-cancelled{background:linear-gradient(135deg,var(--error-red) 0%,#dc2626 100%)!important;color:var(--white)!important;border-left:4px solid #b91c1c!important}.fc-event.event-default{background:linear-gradient(135deg,var(--gray-600) 0%,var(--gray-700) 100%)!important;color:var(--white)!important;border-left:4px solid var(--gray-800)!important}.fc-event .fc-event-main{padding:0;height:100%}.fc-event .fc-event-title{font-weight:500;font-size:.875rem;line-height:1.25}.modern-event{padding:.75rem;height:100%;display:flex;flex-direction:column;gap:.25rem;position:relative;overflow:hidden}.modern-event:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity var(--transition-fast)}.modern-event:hover:before{opacity:1}.event-time{font-size:.75rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.event-title{font-size:.875rem;font-weight:600;line-height:1.2;margin:.125rem 0}.event-service{font-size:.75rem;opacity:.8;font-weight:400;line-height:1.2}.fc-timegrid-slot{border-color:var(--gray-100);height:3.5rem;transition:background-color var(--transition-fast)}.fc-timegrid-slot:hover{background-color:var(--gray-50)}.fc-timegrid-slot-label{border-color:var(--gray-200);font-size:.75rem;color:var(--gray-500);padding:.75rem;font-weight:500;background:var(--gray-50)}.fc-timegrid-axis{background:linear-gradient(135deg,var(--gray-50) 0%,#fafafa 100%);border-right:2px solid var(--gray-200)}.fc .fc-more-link{color:var(--primary-blue);font-weight:600;text-decoration:none;padding:.375rem .75rem;border-radius:var(--border-radius-md);margin:.25rem;transition:all var(--transition-fast);background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.fc .fc-more-link:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-1px)}.fc .fc-popover{border:none;box-shadow:var(--shadow-2xl);border-radius:var(--border-radius-2xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}.fc .fc-popover-header{background:linear-gradient(135deg,var(--gray-50) 0%,#fafafa 100%);border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem;font-weight:600;color:var(--gray-800);font-size:.875rem}.calendar-page-title{font-size:1.3rem}.fc .fc-popover-body{padding:.75rem;max-height:300px;overflow-y:auto}.month-selector-wrapper{position:relative}.month-selector-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);color:var(--gray-700);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.month-selector-button:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.month-selector-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.calendar-icon{width:1rem;height:1rem;color:var(--primary-blue)}.month-year-text{font-weight:600;color:var(--gray-800)}.dropdown-icon{width:1rem;height:1rem;color:var(--gray-500);transition:transform var(--transition-normal)}.dropdown-icon.rotated{transform:rotate(180deg)}.month-selector-wrapper{position:relative;display:inline-block}.month-year-dropdown{position:absolute;top:100%;left:0;z-index:1000;max-height:300px;background:var(--white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200);max-width:500px;max-height:80vh;overflow-y:auto}.dropdown-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-indigo) 100%);color:var(--white);padding:1rem;text-align:center}.dropdown-header h3{font-size:.8rem;font-weight:600;margin:0;letter-spacing:-.025em}.dropdown-content{max-height:300px;overflow-y:auto;padding:1rem}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dropdown-year-group{margin-bottom:2rem}.dropdown-year-label{font-size:.8rem;font-weight:700;color:var(--gray-800);text-align:center;padding:.5rem;background:linear-gradient(135deg,var(--gray-50) 0%,#fafafa 100%);border-radius:var(--border-radius-lg);margin-bottom:1rem;border:1px solid var(--gray-200)}.dropdown-months{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 .5rem}.dropdown-month{padding:.75rem;text-align:center;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;color:var(--gray-700);transition:all var(--transition-fast);border:1px solid transparent;background:var(--white);font-size:.8rem}.dropdown-month:hover{background:var(--gray-50);border-color:var(--gray-200);transform:translateY(-1px)}.dropdown-month.current-month{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-indigo) 100%);color:var(--white);font-weight:600;box-shadow:var(--shadow-md)}.dropdown-month.current-month:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-tooltip{background:var(--white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200);width:250px;overflow:hidden;animation:tooltipFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-indigo) 100%);color:var(--white);padding:1rem;display:flex;align-items:center;gap:.75rem}.tooltip-header h4{font-size:.8rem;font-weight:600;margin:0}.status-indicator{width:.75rem;height:.75rem;border-radius:50%;background:var(--white);opacity:.9;flex-shrink:0}.status-indicator.confirmed{background:var(--success-green)}.status-indicator.pending{background:var(--warning-yellow)}.status-indicator.cancelled{background:var(--error-red)}.tooltip-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.tooltip-row{display:flex;align-items:center;gap:.75rem;color:var(--gray-700);font-size:.7rem}.tooltip-icon{width:1rem;height:1rem;color:var(--gray-400);flex-shrink:0}.tooltip-label{font-weight:500;color:var(--gray-600)}.status-text{font-weight:600;padding:.25rem .75rem;border-radius:var(--border-radius-md);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.status-text.confirmed{background:#10b9811a;color:var(--success-green)}.status-text.pending,.status-text.unconfirmed{background:#f59e0b1a;color:var(--warning-yellow)}.status-text.cancelled{background:#ef44441a;color:var(--error-red)}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1.5rem;color:var(--gray-600)}.loading-spinner{width:3rem;height:3rem;border:4px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.calendar-loading p{font-weight:500;font-size:1rem;color:var(--gray-600)}.calendar-page{padding:20px;background:transparent}.calendar-header{background:var(--white);border-radius:var(--border-radius-2xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.title-section{display:flex;align-items:center;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.025em}.page-subtitle{color:var(--gray-600);margin:.5rem 0 0;font-size:1rem;font-weight:400}.header-actions{display:flex;align-items:center;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-content{display:flex;align-items:center;gap:1rem}.stat-icon{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:#10b9811a;color:var(--success-green)}.stat-icon.today{background:#3b82f61a;color:var(--primary-blue)}.stat-icon.pending{background:#f59e0b1a;color:var(--warning-yellow)}.stat-info h3{font-size:.875rem;font-weight:500;color:var(--gray-600);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.stat-info p{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1}.modern-event{border-radius:12px;padding:8px 12px;margin:2px 4px;border:none;box-shadow:0 2px 8px #0000001a;font-size:.85rem;line-height:1.3;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.modern-event:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.modern-events{border-radius:12px 12px 0 0;padding:8px 12px;border:none;box-shadow:0 2px 8px #0000001a;font-size:1rem;line-height:1.3;cursor:pointer;transition:all .2s ease}.event-confirmed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left-color:#047857}.event-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left-color:#b45309}.event-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left-color:#b91c1c}.event-default{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-left-color:#374151}.event-time{font-size:.75rem;font-weight:600;opacity:.9;margin-bottom:2px}.event-title{font-weight:700;font-size:.9rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-service{font-size:.7rem;opacity:.8;font-style:italic}.fc .fc-daygrid-event{margin:1px 2px;border:none;background:transparent}.fc .fc-daygrid-event-harness{z-index:1}.fc .fc-event{border:none;background:transparent}.fc .fc-daygrid-block-event .fc-event-time{font-weight:inherit;font-size:inherit}.fc .fc-daygrid-block-event .fc-event-title{font-weight:inherit}.fc-daygrid-month-view .modern-event{padding:6px 8px;font-size:.8rem}.fc-daygrid-month-view .event-time{font-size:.7rem}.fc-daygrid-month-view .event-title{font-size:.85rem}.fc-daygrid-month-view .event-service{font-size:.65rem}.fc-timegrid-event .modern-event{padding:10px 12px;font-size:.9rem;border-radius:8px}.fc-timegrid-event .event-time{font-size:.8rem}.fc-timegrid-event .event-title{font-size:.95rem}.fc-timegrid-event .event-service{font-size:.75rem}.fc .fc-daygrid-dot-event .modern-event{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fc-more-popover{z-index:1000}.fc-more-popover .modern-event{margin:4px 0}@media (max-width: 768px){.modern-event{padding:6px 8px;font-size:.8rem;border-radius:8px}.event-time{font-size:.7rem}.event-title{font-size:.85rem}.event-service{font-size:.65rem}}@keyframes eventFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fc-event{animation:eventFadeIn .3s ease-out}.modern-event *{color:inherit}.modern-event:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: dark){.modern-event{box-shadow:0 2px 8px #0000004d}.modern-event:hover{box-shadow:0 4px 12px #0006}}@media (max-width: 1024px){.header-content{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.calendar-header{padding:1.5rem}.page-title{font-size:1.75rem}.fc .fc-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.fc .fc-toolbar-chunk{display:flex;justify-content:center}.fc .fc-button{padding:.625rem 1rem;font-size:.875rem}.fc .fc-toolbar-title{font-size:1.5rem;text-align:center}.month-year-dropdown{width:95%;max-width:none}.dropdown-months{grid-template-columns:repeat(2,1fr)}.event-tooltip{width:280px}.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.calendar-header{padding:1rem}.page-title{font-size:1.5rem}.fc .fc-button{padding:.5rem .75rem;font-size:.8125rem}.dropdown-months{grid-template-columns:1fr}.event-tooltip{width:260px}.tooltip-content{padding:1rem}}@media print{.calendar-header,.stats-grid,.fc .fc-toolbar{display:none}.calendar-container{box-shadow:none;border:1px solid var(--gray-300)}.fc-event{box-shadow:none!important;border:1px solid var(--gray-400)!important}}@media (prefers-color-scheme: dark){:root{--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--white: #111827}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fc-event:focus,.dropdown-month:focus,.month-selector-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-contrast: high){.fc-event{border:2px solid currentColor!important}.status-indicator{border:2px solid currentColor}}.filters-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column}.filter-item label{font-size:.8rem;color:#555;margin-bottom:4px}.filter-select,.filter-item input[type=date]{padding:6px 8px;border:1px solid #ccc;border-radius:8px;font-size:.9rem}.apply-filters-btn{background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background .2s}.apply-filters-btn:hover{background-color:#4338ca}.calendar-legend{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap;font-size:14px;align-items:center}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid rgba(0,0,0,.15)}.legend-confirmed{background-color:#4caf50}.legend-pending{background-color:#ffb300}.legend-cancelled{background-color:#e53935}.legend-followup{background-color:#6a1b9a}:root{--primary-color: #3a86ff;--success-color: #4cc9f0;--danger-color: #f72585;--text-color: #2b2d42;--light-text: #8d99ae;--border-color: #edf2f4;--background-color: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--transition: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter Tight,sans-serif;color:var(--text-color);background-color:#f8f9fa}.schedule-container{font-family:Inter Tight,sans-serif}.schedule-header{text-align:center;margin-bottom:2rem}.schedule-header h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.schedule-header p{color:var(--light-text);font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.days-list{display:flex;flex-direction:column;gap:1rem}.day-card{background-color:var(--background-color);border-radius:12px;padding:1.25rem;box-shadow:var(--card-shadow);transition:var(--transition)}.day-card.available{border-left:4px solid var(--success-color)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.date-info{display:flex;flex-direction:column}.weekday{font-size:.9rem;color:var(--light-text);text-transform:uppercase;letter-spacing:.5px}.date{font-size:1.1rem;font-weight:600}.day-actions{display:flex;align-items:center;gap:1rem}.availability-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.availability-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:42px;height:24px;background-color:#ccc;border-radius:24px;transition:var(--transition);margin-right:8px}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:var(--transition)}input:checked+.toggle-slider{background-color:var(--success-color)}input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{font-size:.9rem;color:var(--text-color)}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:var(--transition)}.copy-button:hover{background-color:#2667cc}.icon{font-size:1rem}.time-slots{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.time-slot{display:flex;align-items:center;gap:.75rem}.time-input{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.time-separator{font-size:.9rem;color:var(--light-text)}.remove-slot-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;color:var(--danger-color);cursor:pointer;border-radius:50%;transition:var(--transition)}.remove-slot-button:hover{background-color:#f725851a}.remove-slot-button:disabled{color:var(--light-text);cursor:not-allowed;background-color:transparent}.add-slot-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;color:var(--primary-color);border:1px dashed var(--primary-color);border-radius:6px;font-size:.9rem;cursor:pointer;transition:var(--transition);margin-top:.5rem}.add-slot-button:hover{background-color:#3a86ff1a}.copy-modal{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-content{padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.copy-option{margin-bottom:1.5rem}.option-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;cursor:pointer}.checkmark{display:inline-block;width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;position:relative}.option-checkbox input{position:absolute;opacity:0}.option-checkbox input:checked+.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.option-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-label{font-size:.95rem}.day-selector{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.day-pill{padding:.5rem .75rem;background-color:var(--border-color);border:none;border-radius:20px;font-size:.8rem;cursor:pointer;transition:var(--transition)}.day-pill.selected{background-color:var(--primary-color);color:#fff}.cancel-button,.apply-button{padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:var(--transition)}.cancel-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.cancel-button:hover{background-color:#f8f9fa}.apply-button{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:none}.apply-button:hover{background-color:#2667cc}.save-section{display:flex;justify-content:flex-end;margin-top:2rem}.save-button{padding:.75rem 1.5rem;background-color:var(--success-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.save-button:hover{background-color:#3aa8d8}.time-slots-container{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.time-slots{display:flex;flex-wrap:wrap;gap:10px}.add-slot-button{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.add-slot-button:hover{background-color:#e0e0e0}.action-buttons{display:flex;gap:8px}.remove-button{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#fff0f0;border:1px solid #ffdddd;border-radius:4px;color:#d32f2f;cursor:pointer;transition:all .2s}.remove-button:hover{background-color:#fdd}.apply-button.remove{background-color:#d32f2f}.apply-button.remove:hover{background-color:#b71c1c}@media (max-width: 480px){.day-header,.day-actions{flex-direction:column}.date-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.action-buttons{flex-direction:row}}.mm-modern-page{padding:20px;max-height:100vh;background:linear-gradient(135deg,#e6e6e8,#e6e6e8)}.mm-modern-container{display:flex;max-height:85vh;min-height:85vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.mm-modern-sidebar{width:380px;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.mm-sidebar-header{padding:10px 20px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.mm-user-info{display:flex;align-items:center;gap:12px}.mm-current-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #4a6fa5}.mm-user-details h3{margin:0;font-size:1.1rem;font-weight:600;color:#2d3748}.mm-user-role{font-size:.8rem;color:#718096;text-transform:capitalize}.mm-menu-btn{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.mm-menu-btn:hover{background:#f7fafc}.mm-search-container{padding:10px;background:#fff}.mm-search-box{position:relative;display:flex;align-items:center}.mm-search-icon{position:absolute;left:16px;color:#a0aec0}.mm-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;background:#f7fafc;transition:all .2s}.mm-search-input:focus{outline:none;border-color:#4a6fa5;background:#fff;box-shadow:0 0 0 3px #4a6fa51a}.mm-contacts-list{flex:1;overflow-y:auto;padding:0 20px 20px}.mm-contact-section{margin-bottom:24px}.mm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}.mm-section-title{font-size:.85rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.mm-section-badge{background:#4a6fa5;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.mm-contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:4px}.mm-contact-item:hover{background:#edf2f7}.mm-contact-selected{background:#4a6fa5!important;color:#fff}.mm-contact-selected .mm-contact-name,.mm-contact-selected .mm-contact-role{color:#fff}.mm-contact-avatar{position:relative}.mm-contact-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}.mm-contact-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.mm-contact-info{flex:1}.mm-contact-name{margin:0;font-size:.95rem;font-weight:600;color:#2d3748}.mm-contact-role{font-size:.8rem;color:#718096;text-transform:capitalize}.mm-empty-contacts{text-align:center;padding:20px;color:#a0aec0;font-size:.9rem}.mm-modern-chat{flex:1;display:flex;flex-direction:column;background:#fff}.mm-chat-header{padding:8px 20px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between}.mm-chat-user-info{display:flex;align-items:center;gap:12px}.mm-avatar-container{position:relative}.mm-chat-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.mm-status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid white}.mm-chat-user-details h3{margin:0;font-size:1.1rem;font-weight:600;color:#2d3748}.mm-chat-actions{display:flex;gap:8px}.mm-action-btn{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.mm-action-btn:hover{background:#f7fafc}.mm-chat-messages{flex:1;padding:24px;overflow-y:auto;background:#f7fafc;display:flex;flex-direction:column;gap:16px}.mm-date-divider{text-align:center;margin:20px 0}.mm-date-divider span{background:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;color:#718096;border:1px solid #e2e8f0}.mm-message-modern{display:flex;max-width:70%;animation:mm-fadeIn .3s ease-out}.mm-message-sent{align-self:flex-end}.mm-message-received{align-self:flex-start}.mm-message-content{padding:12px 16px;border-radius:18px;position:relative;word-break:break-word}.mm-message-sent .mm-message-content{background:#4a6fa5;color:#fff;border-bottom-right-radius:4px}.mm-message-received .mm-message-content{background:#fff;color:#2d3748;border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014}.mm-message-text{margin:0;line-height:1.4;font-size:.95rem}.mm-message-time{font-size:.75rem;opacity:.8;margin-top:4px;text-align:right}.mm-message-image{max-width:300px;max-height:300px;border-radius:12px;margin-bottom:8px;object-fit:cover}.mm-file-preview-modern{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f7fafc;border-top:1px solid #e2e8f0}.mm-file-preview-content{display:flex;align-items:center;gap:12px}.mm-preview-image{max-width:60px;max-height:60px;border-radius:8px;object-fit:cover}.mm-file-document{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.mm-file-name{font-size:.9rem;color:#4a5568}.mm-remove-file-btn{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.mm-remove-file-btn:hover{background:#edf2f7}.mm-chat-input-container{padding:20px 24px;background:#fff;border-top:1px solid #e9ecef;display:flex;align-items:center;gap:12px}.mm-attach-btn-modern{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:12px;border-radius:50%;transition:all .2s}.mm-attach-btn-modern:hover{background:#f7fafc;color:#4a6fa5}.mm-btn{color:#fff}.mm-chat-input{flex:1;padding:14px 20px;border:1px solid #e2e8f0;border-radius:25px;font-size:.95rem;background:#f7fafc;transition:all .2s;resize:none}.mm-chat-input:focus{outline:none;border-color:#4a6fa5;background:#fff;box-shadow:0 0 0 3px #4a6fa51a}.mm-send-btn-modern{background:#4a6fa5;color:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mm-send-btn-modern:hover:not(:disabled){background:#3a5a8f;transform:scale(1.05)}.mm-send-btn-modern:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.mm-welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:#f7fafc}.mm-welcome-content{text-align:center;color:#718096}.mm-welcome-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.mm-welcome-content h2{margin:0 0 12px;font-size:1.5rem;color:#4a5568}.mm-welcome-content p{margin:0;font-size:1rem}.mm-empty-chat{text-align:center;color:#a0aec0;padding:60px 20px}.mm-empty-chat svg{font-size:3rem;margin-bottom:16px;opacity:.5}.mm-empty-chat p{font-size:1.1rem;margin-bottom:8px;color:#4a5568}.mm-empty-chat span{font-size:.9rem}@keyframes mm-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mm-contacts-list::-webkit-scrollbar,.mm-chat-messages::-webkit-scrollbar{width:6px}.mm-contacts-list::-webkit-scrollbar-track,.mm-chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.mm-contacts-list::-webkit-scrollbar-thumb,.mm-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.mm-contacts-list::-webkit-scrollbar-thumb:hover,.mm-chat-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mm-file-preview{margin-top:6px;display:flex;flex-direction:column;gap:6px}.mm-message-image{max-width:260px;max-height:200px;border-radius:8px;box-shadow:0 1px 4px #00000026}.mm-pdf-frame{width:260px;height:200px;border:none;border-radius:6px;background:#f8fafc}.mm-file-actions{display:flex;gap:10px;justify-content:flex-end}.mm-view-btn,.mm-download-btn{color:#fff;font-size:13px;text-decoration:none;transition:.2s}.mm-view-btn:hover,.mm-download-btn:hover{text-decoration:underline}.mm-file-doc-info{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #1e293b);padding:8px 10px;border-radius:6px}.mm-file-name{font-size:13px;color:var(--text-primary, #f8fafc);word-break:break-word}.mm-role-tabs{display:flex;justify-content:space-between;background:var(--bg-secondary, #1e293b);padding:8px;border-radius:10px;margin:10px;gap:8px}.mm-role-tab{flex:1;text-align:center;padding:6px 10px;font-size:13px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .3s}.mm-role-tab.active{background:var(--accent-primary, #6366f1);color:#fff;font-weight:500}.mm-message-sender-name{font-size:12px;font-weight:600;color:#4a6fa5;margin-bottom:3px;text-align:left}.mm-unread-badge{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px}.max-ui-container{display:flex;background:#b64848;height:100vh;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}.max-sidebar{width:24rem;background:#fff;border-right:1.5px solid #e9eaee;display:flex;flex-direction:column}.max-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 6px;font-size:23px;font-weight:600;color:#181945}.max-add-chat{border-radius:8px;border:none;width:32px;height:32px;font-size:21px;color:#000;cursor:pointer;outline:none}.max-search-container{padding:4px 18px 13px}.max-search-box{width:92%;padding:10px 14px;border-radius:13px;border:1.3px solid #e0e3ea;background:#f3f3f3;font-size:16px;color:#2b3263}.max-contacts-list{flex:1;overflow-y:auto}.max-contact-row{display:flex;align-items:center;padding:13px 14px 13px 18px;border-radius:8px;margin:2px 5px;background:none;cursor:pointer;gap:10px;transition:background .16s}.max-contact-row.active,.max-contact-row:hover{background:#ebf5ff}.max-avatar{width:50px;height:50px;border-radius:50%;background:#ddeafc;display:flex;justify-content:center;align-items:center;flex-shrink:0}.max-avatar.bot{background:linear-gradient(130deg,#7fa7f5,#e2efff 90%)}.max-avatar.fav{background:#d5dae5}.max-contact-info{display:flex;justify-content:space-between;width:100%}.max-contact-details{flex:1;min-width:0;display:flex;flex-direction:column}.max-contact-title{display:flex;align-items:center;font-weight:700;font-size:15px;color:#25253d}.max-verified{margin-left:5px;color:#2686e7;font-size:17px}.max-contact-preview{font-size:14px;line-height:16px;color:#7f8594;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.max-contact-time{font-size:13px;color:#96a1b7;min-width:47px;text-align:right}.max-chat-main{flex:1;background:linear-gradient(95deg,#d6e8fd,#e4eaff);display:flex;flex-direction:column;position:relative;overflow:hidden}.max-no-contact{margin:auto;color:#8bb8e7;font-size:23px;font-weight:500}.max-chat-header{display:flex;align-items:center;padding:12px;background:#fff;border-bottom:none}.max-back-btn{width:30px;height:30px;font-size:28px;color:#000;margin-right:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.max-chat-avatar{width:42px;height:42px;border-radius:50%;background:#ddeafc;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.max-chat-name-area{display:flex;flex-direction:column}.max-chat-name{font-size:16px;font-weight:700;color:#1c2852}.max-bot-label{font-size:14px;color:#7e95be;margin-top:2px;font-weight:400}.max-spacer{flex:1}.max-chat-header-btn{background:none;border:none;font-size:24px;color:#000;padding:0 10px;cursor:pointer}.max-chat-content-area{flex:1 1 auto;overflow-y:auto;padding:2rem 5rem;position:relative;display:flex;flex-direction:column;margin-bottom:4rem}.max-chat-message{background:#fff;border-radius:14px;padding:16px 21px 15px 19px;box-shadow:0 2px 10px #b2cbe12e;font-size:16px;color:#222b3f;margin-bottom:4px;max-width:700px;width:fit-content;white-space:pre-line}.max-chat-image{max-width:420px;border-radius:10px;margin-bottom:7px;display:block}.max-chat-time{font-size:13px;color:#839bc2;text-align:right;display:block;margin-top:5px}.max-chat-input-bar{position:absolute;left:5rem;right:5rem;bottom:20px;display:flex;align-items:center;background:#f5fafd;border-top:1.5px solid #e6eaea;gap:10px;border-radius:15px;padding:0 14px}.max-attach-btn{background:none;border:none;font-size:27px;margin-right:10px;cursor:pointer;color:#7f8594;outline:none}.max-input-text{flex:1;border:none;padding:18px;font-size:17px;background:#fff;color:#242e55}.max-input-text:focus{outline:none}.max-sticker-btn{background:none;border:none;font-size:27px;margin-right:10px;cursor:pointer;color:#7f8594;outline:none}.max-send-btn{background:#007bff;border:none;border-radius:50%;width:42px;height:42px;color:#fff;font-size:27px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center}.max-popup-menu{position:absolute;left:0;bottom:65px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #b2cbe12e;font-size:16px;font-weight:500;color:#323e54;display:flex;flex-direction:column;min-width:130px;z-index:10;overflow:hidden}.max-popup-item{cursor:pointer;padding:10px;display:flex;align-items:center;gap:8px}.max-popup-icon{font-size:18px;color:#000}.max-popup-item:hover{background:#f3f3f3}.max-chat-message.max-sent{background:#007bff;color:#fff;align-self:flex-end;border-radius:14px 14px 0;margin-right:1rem;margin-left:auto}.max-hidden-file-input{display:none}.max-file-name-input{flex:1;border:none;padding:8px;font-size:14px;background:#f3f3f3;color:#242e55}.profile-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Inter Tight,sans-serif}.profile-container *,.profile-container *:before,.profile-container *:after{box-sizing:border-box}.profile-image-section{display:flex;justify-content:center;margin-bottom:24px}.image-wrapper{position:relative;width:100px;height:100px}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #4ECDC4}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4ecdc499;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s ease;cursor:pointer}.image-wrapper:hover .overlay{opacity:1}.upload-label{cursor:pointer;font-size:14px}.profile-heading{text-align:left;font-size:24px;font-weight:700;margin-bottom:24px}.profile-form.two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:6px}.form-group input,.form-group select{padding:10px;border:1px solid #ccc;border-radius:6px}.full-width{grid-column:span 2}.service-provided{margin-top:20px}.save-profile-button{background-color:#ab39b8;color:#fff;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;margin-top:10px;font-weight:700}.save-profile-button:hover{background-color:#73277b}@media (max-width: 768px){.profile-container{padding:16px}.profile-form.two-columns{grid-template-columns:1fr;gap:16px}.full-width{grid-column:span 1}.profile-heading{font-size:20px;margin-bottom:16px;text-align:center}.profile-image-section{margin-bottom:16px}.image-wrapper{width:80px;height:80px}.upload-label{font-size:12px}.save-button{width:100%;padding:12px;font-size:16px}}@media (max-width: 480px){.form-group input,.form-group select,textarea{font-size:14px;padding:8px}.profile-heading{font-size:18px}.image-wrapper{width:70px;height:70px}}.sidebar{position:fixed;top:0;left:0;height:100vh;background:linear-gradient(180deg,#2e3136,#24272e);border-right:1px solid rgba(96,165,250,.2);z-index:50;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;display:flex;flex-direction:column;box-shadow:4px 0 24px #0006}.sidebar.sidebar-closed{width:72px}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{padding:15px;margin:auto;border-bottom:1px solid rgba(96,165,250,.15);flex-shrink:0}.sidebar-logo{width:200px;height:auto;margin-top:auto}.mobile-close-btn{position:absolute;top:20px;right:20px;padding:10px;border-radius:8px;background:#2b2f351a;border:1px solid rgba(96,165,250,.2);color:#ffffffe6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.mobile-close-btn:hover{background:#60a5fa33;border-color:#60a5fa66;color:#fff;transform:scale(1.05)}.sidebar-toggle{position:absolute;right:-14px;top:36px;padding:8px;border-radius:50%;background:linear-gradient(135deg,#aa48b9,#7e2381);border:2px solid #a145a5;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px #58136d66}.sidebar-toggle:hover{background:linear-gradient(135deg,#6c1762,#7b1776);transform:scale(1.1);box-shadow:0 6px 16px #94198e80}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px 24px;display:flex;flex-direction:column;gap:6px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0003;border-radius:3px;margin:8px 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#7481904d;border-radius:3px;transition:background .2s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#54627480}.nav-group-container{position:relative;margin-bottom:12px}.nav-group-item{width:100%;display:flex;align-items:center;padding:12px 14px;border-radius:10px;background:#60a5fa14;border:1px solid rgba(121,136,154,.15);color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;font-weight:500;font-size:15px;gap:12px;box-shadow:0 2px 8px #0003}.nav-group-item:hover{background:#3c404426;border-color:#454c544d;transform:translate(2px);box-shadow:0 4px 12px #383d4233}.nav-group-item:active{background:#40424533;transform:translate(1px)}.nav-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#f7f7f7;filter:drop-shadow(0 2px 4px rgba(96,165,250,.3))}.nav-icon{transition:transform .2s ease}.nav-group-item:hover .nav-icon{transform:scale(1.1)}.nav-label{flex:1;font-weight:600;font-size:14px;color:#fff;white-space:nowrap;letter-spacing:.01em}.expand-icon{display:flex;align-items:center;justify-content:center;color:#fff9;margin-left:auto;transition:all .3s ease}.nav-group-item:hover .expand-icon{color:#424549}.sub-items{display:flex;flex-direction:column;gap:2px;padding-left:24px;margin-top:10px;margin-bottom:8px;position:relative}.sub-items:before{content:"";position:absolute;left:34px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#f6f4f4cc,#fffc);pointer-events:none;z-index:10}.sub-item-wrapper{position:relative;display:flex;align-items:center}.branch-line{position:absolute;left:10px;top:0;width:24px;height:100%;pointer-events:none;z-index:10}.branch-line:before{content:"";position:absolute;left:0;top:0;width:2px;height:50%;background:linear-gradient(180deg,#fcfdffcc,#f1f3f7cc);pointer-events:none}.branch-line:after{content:"";position:absolute;left:0;top:50%;width:24px;height:2px;background:linear-gradient(90deg,#f9fcffcc,#96989a99);border-radius:0 2px 2px 0;pointer-events:none}.sub-item-wrapper:first-child .branch-line:before{top:50%;height:50%}.sub-item-wrapper:last-child .branch-line:before{height:50%}.sub-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 36px;margin-left:2px;border-radius:8px;background:#0000001a;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;z-index:1;text-decoration:none}.sub-item:hover{background:#60a5fa1f;border-color:#60a5fa33;transform:translate(4px);box-shadow:0 2px 8px #60a5fa26}.sub-item.active .sub-item-icon{color:#c8cbce;transform:scale(1.1)}.sub-item.active .sub-item-label{color:#fff;padding:5px 10px;border-radius:10px;font-weight:600;background:#9c9fa34d;border-color:#eef0f2e6;box-shadow:0 2px 12px #a7a9ab40}.sub-item-icon{display:flex;align-items:center;justify-content:center;color:#e5e8eb99;flex-shrink:0;transition:all .2s ease}.sub-item:hover .sub-item-icon{color:#d6d8db;transform:scale(1.1)}.sub-item-label{font-size:14px;color:#ffffffbf;font-weight:500;letter-spacing:.01em;transition:all .2s ease}.sub-item:hover .sub-item-label{color:#fff}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:16px;padding:10px 14px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;font-size:13px;font-weight:500;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 8px 24px #0006;z-index:1000;border:1px solid rgba(199,202,205,.3)}.nav-group-container:hover .nav-tooltip{opacity:1;visibility:visible;margin-left:12px}.tooltip-arrow{position:absolute;top:50%;left:-5px;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#1e293b;border-left:1px solid rgba(155,158,161,.3);border-bottom:1px solid rgba(163,171,180,.3)}@media (max-width: 767px){.sidebar{position:fixed;left:-100%;top:0;height:100vh;width:300px!important;z-index:1000;transition:left .3s ease;box-shadow:4px 0 24px #0006}.sidebar.mobile-open{left:0}.sidebar.sidebar-closed{width:300px!important}.sidebar.mobile-open .sidebar-toggle{display:none}.mobile-close-btn{display:flex}.sidebar-header{padding-top:70px}.sidebar-nav{padding:20px 16px 24px}.nav-group-item{padding:14px 16px}.sub-items{padding-left:28px}}@media (min-width: 768px){.sidebar{position:fixed!important;left:0!important;top:0;height:100vh}.mobile-close-btn{display:none}.sidebar-overlay{display:none!important}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-closed .nav-label,.sidebar-closed .expand-icon,.sidebar-closed .sub-items{display:none}.sidebar-closed .sidebar-header{padding:24px 12px;display:flex;justify-content:center}.sidebar-closed .sidebar-logo{display:none}.sidebar-closed .nav-group-item{justify-content:center;padding:12px}@media (max-width: 767px){.desktop-only{display:none!important}}*{-webkit-tap-highlight-color:transparent}.sidebar *{-webkit-user-select:none;user-select:none}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-bottom:2px solid #d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:500;margin:10px 20px;border-radius:40px;flex-wrap:wrap;font-family:Inter Tight,sans-serif}.header-user{display:flex;align-items:center;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-location{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-section-actions{display:flex;align-items:center;gap:8px}.header-btn{width:40px;height:40px;border:none;background-color:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.header-btn:hover{background-color:#e9ecef}.header-icon{font-size:20px;color:inherit}.header-menu-icon{font-weight:bolder;color:#333}.header-btn-search .header-icon{color:#4ecdc4}.header-btn-translate .header-icon{color:#4285f4}.header-btn-bell .header-icon{color:#ec4899}.header-btn-logout .header-icon{color:#1e3a8a}.search-container{position:relative;transition:all .3s ease}.header-btn-search{width:40px;transition:all .3s ease}.header-btn-search.expanded{width:200px}.search-bubble{position:absolute;top:50px;right:0;width:250px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:15px;z-index:100;opacity:0;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.search-bubble.visible{opacity:1;transform:translateY(0);visibility:visible}.search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#4a6fa5}.search-results{margin-top:10px;max-height:300px;overflow-y:auto}.search-result-item{padding:8px 0;border-bottom:1px solid #eee;cursor:pointer}.search-result-item:hover{background:#f5f5f5}.search-result-item:last-child{border-bottom:none}.language-switcher{position:relative;display:inline-block}.language-switcher__icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:inherit;transition:transform .2s ease}.language-switcher__icon-btn:hover{transform:scale(1.1)}.language-switcher__icon{font-size:1.5rem;opacity:.8;transition:opacity .2s ease}.language-switcher__icon:hover{opacity:1}.language-popup{position:absolute;top:100%;right:0;margin-top:10px;z-index:1000;animation:fadeIn .2s ease-out}.language-popup__content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:140px}.language-popup__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;color:#333;transition:all .2s ease;border-radius:8px}.language-popup__option:hover{background:#f5f5f5}.language-popup__option--active{background:#4eccc4;font-weight:500}.language-popup__flag{font-size:1.2rem}.language-popup__label{font-size:.9rem}.header-btn-menu{display:none;margin-right:12px}@media (max-width: 767px){.header-btn-menu{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.sidebar-overlay.open{display:block}}.header-btn-menu{display:none;margin-right:12px;background:none;border:none;cursor:pointer;font-size:1.5rem;color:#333}@media (max-width: 1024px){.header-btn-menu{display:flex;align-items:center;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.language-popup__content{background:#2d3748;box-shadow:0 4px 20px #0000004d}.language-popup__option{color:#e2e8f0}.language-popup__option:hover,.language-popup__option--active{background:#4a5568}}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;padding:12px 16px;margin:8px 12px;border-radius:20px}.header-user{margin-bottom:12px;width:100%}.header-actions{justify-content:flex-start;flex-wrap:wrap;width:100%;gap:6px}.user-name{font-size:15px}.user-location{font-size:13px}.header-btn{width:36px;height:36px}.header-icon{font-size:18px}.notification-dropdown{width:100vw;left:0;right:0;top:50px;border-radius:0 0 8px 8px}}@media (max-width: 480px){.header{padding:10px 12px;margin:6px 8px;border-radius:12px}.header-btn{width:32px;height:32px}.header-icon{font-size:16px}.user-name{font-size:14px}.user-location{font-size:12px}}.notification-wrapper{position:relative}.notification-button{padding:.5rem;background-color:#195e83;color:#fff;border-radius:9999px;border:none;cursor:pointer;position:relative;transition:background-color .3s ease}.notification-button:hover{background-color:#0f4562}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:#dc2626;color:#fff;font-size:10px;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:9999px}.notification-dropdown{position:absolute;right:0;margin-top:.5rem;width:20rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 8px #0000000d;z-index:50}.dropdown-item.unread{background-color:#eef4ff;font-weight:700;padding:10px;border-radius:5px}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.dropdown-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem;color:#195e83}.dropdown-notification-close-icon{color:#6b7280;transition:color .3s;background-color:none;border:none}.dropdown-notification-close-icon:hover{color:#ef4444}.dropdown-tabs{display:flex;gap:1rem;padding:.75rem 1rem .5rem;font-size:.875rem;font-weight:500;border-bottom:1px solid #e5e7eb}.tab-button{padding:.5rem;flex:1;display:flex;align-items:center;gap:.5rem;border:none;border-radius:.5rem;cursor:pointer;background-color:transparent;color:#6b7280;transition:color .3s,background-color .3s}.tab-button:hover{color:#195e83}.tab-button.active{background-color:#195e83;color:#fff}.tab-badge{margin-left:.25rem;height:1rem;width:1rem;background-color:#ef4444;color:#fff;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0}.dropdown-content{padding:1rem;font-size:.875rem;display:flex;flex-direction:column;gap:.75rem}.dropdown-item{display:flex;align-items:flex-start;gap:.5rem}.dropdown-icon{font-size:1rem;flex-shrink:0;margin-top:.15rem}.bold{font-weight:700}.item-time{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.tab-button.disabled{cursor:not-allowed;opacity:.5}.layout-container{display:flex;height:100vh;overflow:hidden}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout-content{flex:1;overflow-y:auto;padding:20px}@media (max-width: 1024px){.sidebar.mobile{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile.open{transform:translate(0)}.sidebar-backdrop{display:block}.main-content{margin-left:0}}@media (min-width: 1025px){.main-content.collapsed{margin-left:72px}.main-content.expanded{margin-left:280px}}.patient-details-container{margin:0 auto;padding:10px;font-family:Inter Tight,sans-serif;color:#333}.breadcrumb{display:flex;align-items:center;margin-bottom:2rem;font-size:.9rem;color:#666}.breadcrumb-back{color:#4a6fa5;cursor:pointer;transition:color .2s}.breadcrumb-back:hover{color:#3a5a8f;text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:#999}.breadcrumb-current{font-weight:600;color:#333}.patient-header{display:flex;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.patient-avatar{width:80px;height:80px;border-radius:50%;background-color:#4a6fa5;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;margin-right:1.5rem}.patient-title{margin:0;font-size:1.8rem;color:#333}.patient-meta{display:flex;gap:1rem;margin-top:.5rem;color:#666;font-size:.9rem}.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:2rem}.tab{padding:.8rem 1rem;background:none;border:none;cursor:pointer;font-size:.95rem;color:#666;position:relative;transition:all .2s}.tab:hover{color:#4a6fa5}.tab.active{color:#4a6fa5;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#4a6fa5;border-radius:3px 3px 0 0}.tab-content{border-radius:8px;min-height:300px}.appointment-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #4a6fa5}.appointment-header{display:flex;justify-content:space-between;margin-bottom:1rem}.appointment-title{font-size:1.2rem;font-weight:600;color:#4a6fa5}.appointment-status{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;background:#e8f4ff;color:#4a6fa5}.appointment-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.detail-item{margin-bottom:.5rem}.detail-label{font-size:.8rem;color:#666;margin-bottom:.2rem}.detail-value{font-weight:500}.data-table{width:100%;border-collapse:collapse;margin-top:1rem}.data-table th{text-align:left;padding:.8rem 1rem;background:#f5f7fa;color:#666;font-weight:600;font-size:.85rem}.data-table td{padding:.8rem 1rem;border-bottom:1px solid #eee;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f9f9f9}.medical-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.medical-item:last-child{border-bottom:none;margin-bottom:0}.medical-date{font-size:.8rem;color:#666;margin-bottom:.3rem}.medical-condition{font-weight:600;margin-bottom:.5rem}.medical-notes{color:#555;line-height:1.5}.diagnosis-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.diagnosis-date{font-size:.8rem;color:#666;margin-bottom:.5rem}.diagnosis-title{font-weight:600;margin-bottom:.5rem;color:#4a6fa5}.diagnosis-details{line-height:1.6}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.7rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#4a6fa5;color:#fff}.btn-primary:hover{background:#3a5a8f}.btn-outline{background:#fff;color:#4a6fa5;border:1px solid #4a6fa5}.btn-outline:hover{background:#f5f7fa}@media (max-width: 600px){.patient-avatar{width:50px;height:50px;font-size:1rem;margin-right:1rem}.patient-title{margin:0;font-size:1rem;color:#333}.patient-meta{display:flex;gap:1rem;margin-top:.5rem;color:#666;font-size:.8rem}}.patient-details-modern{margin:0 auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;font-family:Inter Tight,sans-serif}.patient-header-modern{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.patient-name-modern{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.patient-meta-modern{display:flex;gap:16px;font-size:15px;color:#666}.detail-list-modern{display:flex;flex-direction:column;gap:24px}.detail-row-modern{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f5f5f5}.detail-label-modern{font-size:14px;font-weight:500;color:#666;min-width:160px}.detail-value-modern{font-size:16px;font-weight:500;color:#1a1a1a;text-align:right;flex-grow:1;max-width:400px}.detail-value-modern.highlight{color:#1a73e8;font-weight:600}@media (max-width: 600px){.patient-details-modern{padding:10px}.detail-row-modern{flex-direction:column;align-items:flex-start;gap:4px}.detail-value-modern{text-align:left;width:100%}.patient-meta-modern{flex-direction:column;gap:4px}}:root{--primary: #4eccc4;--primary-light: #10b981;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--text: #374151;--text-light: #6b7280;--bg: #f9fafb;--card-bg: #ffffff;--border: #e5e7eb;--section-gap: 24px}.appointment-page{margin:0 auto;padding:5px;font-family:Inter Tight,sans-serif;color:var(--text);display:flex;flex-direction:column;gap:var(--section-gap)}.appointment-card,.info-card{background-color:var(--card-bg);border-radius:12px;box-shadow:#959da533 0 8px 24px;overflow:hidden}.appointment-card{padding:24px}.info-card{padding:0}.appointment-card-header{display:flex;align-items:center;gap:12px;padding:10px 15px;border-bottom:1px solid var(--border)}.info-card .card-header{color:#fff}.card-header h2,.card-header h3{margin:0;font-size:1.25rem;font-weight:600}.appointment-card .card-header h2{font-size:1.5rem;color:var(--primary)}.card-content{padding:20px 24px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;color:#fff;margin-left:auto}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:16px}.detail-item{display:flex;gap:12px;align-items:flex-start}.detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:var(--primary-light);color:var(--primary);flex-shrink:0}.info-card .detail-icon{background-color:#ffffffe6}.detail-label{font-size:.85rem;color:var(--text-light);margin-bottom:4px}.detail-value{font-size:1rem;font-weight:500;margin:0}.meeting-link{display:inline-block;margin-top:6px;padding:4px 10px;background-color:var(--primary);color:#fff;border-radius:6px;font-size:.85rem;text-decoration:none;transition:all .2s;margin-left:10px}.meeting-link:hover{background-color:#4eccc4;transform:translateY(-1px)}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{padding-bottom:16px;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none;padding-bottom:0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{font-weight:600;font-size:.95rem}.comment-time{font-size:.8rem;color:var(--text-light)}.comment-text{font-size:.95rem;line-height:1.5;color:var(--text)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--primary-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;text-align:center}.error-icon{font-size:2rem;color:var(--error)}.retry-button{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#4eccc4}.empty-state{text-align:center;padding:40px;color:var(--text-light)}.empty-state h3{color:var(--text);margin-bottom:8px}.comments-card{padding:1.5rem}.new-comment-editor{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-light);border-radius:8px}.comment-avatar{position:relative;flex-shrink:0}.avatar-initial{width:40px;height:40px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.doctor-badge{position:absolute;bottom:-4px;right:-4px;background:var(--primary);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700}.comments-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#4eccc4}.header-content{display:flex;align-items:center;gap:10px}.header-icon{color:#fff;font-size:20px}.panel-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.comment-composer{padding:16px;border-bottom:1px solid #f0f0f0;background:#f9fafb}.composer-header{margin-bottom:8px}.user-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#555;background:#fff;padding:4px 8px;border-radius:16px;border:1px solid #e5e7eb}.composer-textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;resize:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s;min-height:80px}.composer-textarea:focus{outline:none;border-color:#4eccc4;box-shadow:0 0 0 2px #4f46e51a}.composer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.comments-feed{max-height:500px;overflow-y:auto}.comment{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0}.comment:last-child{border-bottom:none}.comment-avatar{flex-shrink:0}.avatar-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280}.avatar-icon.doctor{background:#eef2ff;color:#4eccc4}.comment-body{flex-grow:1;min-width:0}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px}.comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.comment-author{font-weight:600;font-size:14px;color:#111827}.role-badge{font-size:11px;background:#eef2ff;color:#4eccc4;padding:2px 6px;border-radius:4px;font-weight:500}.comment-time{font-size:12px;color:#6b7280}.edited-indicator{font-size:11px;color:#9ca3af}.comment-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.comment:hover .comment-actions{opacity:1}.comment-text{font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap;word-break:break-word}.comment-editor{margin-top:8px}.editor-textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;resize:none;font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;margin-bottom:8px}.editor-textarea:focus{outline:none;border-color:#4eccc4}.editor-actions{display:flex;justify-content:flex-end;gap:12px}.empty-state{padding:32px 16px;text-align:center;color:#6b7280}.empty-state p{margin:8px 0 16px}.icon-button{background:#f3f4f6;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.icon-button:hover{background:#f3f4f6;color:#4eccc4}.icon-button.primary{color:#4eccc4}.icon-button.subtle{color:#9ca3af}.text-button{background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s}.text-button.primary{color:#4eccc4}.text-button.primary:hover{background:#eef2ff}.text-button.secondary{color:#6b7280}.text-button.secondary:hover{background:#f3f4f6}.doctor-comment .comment-author{color:#4eccc4}.doctor-comment .comment-text{background:#f8fafc;padding:10px 12px;border-radius:8px;border:1px solid #eef2ff;margin-top:6px}.edit-container{display:flex;flex-direction:column;gap:12px}.edit-container textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;resize:vertical;min-height:120px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-button,.cancel-button{padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:500}.save-button{background-color:#4eccc4;color:#fff;border:none}.save-button:disabled{background-color:#c7d2fe;cursor:not-allowed}.cancel-button{background-color:#fff;border:1px solid #e2e8f0;color:#64748b}.test-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:4px;min-width:80px;justify-content:center}.test-status.ordered,.test-status.waiting-for-assign,.test-status.waiting-for-approval{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.test-status.in-progress,.test-status.processing{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.test-status.completed,.test-status.completed-&-waiting-for-approve{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-status.reupload-requested{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7;animation:pulse 2s infinite}.test-status.cancelled,.test-status.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.test-status.verified,.test-status.approved,.test-status.completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-status.under-review,.test-status.pending{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.test-status.disapproved{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes pulse{0%{box-shadow:0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.test-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;gap:16px}.test-row:last-child{border-bottom:none}.test-info{flex:1;display:flex;flex-direction:column;gap:4px}.test-name{font-weight:600;color:#333}.document-actions{display:flex;gap:8px}.view-button,.download-button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:4px;transition:all .2s ease}.view-button{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.view-button:hover{background-color:#bbdefb;color:#1565c0}.download-button{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.download-button:hover{background-color:#c8e6c9;color:#1b5e20}.upload-controls{display:flex;align-items:center}.test-upload-button{padding:6px 12px;border-radius:6px;background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.test-upload-button:hover{background-color:#e1bee7;color:#6a1b9a}.file-input{display:none}@media (max-width: 768px){.test-row{align-items:flex-start;gap:12px;font-size:14px}.document-actions{align-self:flex-end}.test-status{align-self:flex-start}}:root{--primary: #3B82F6;--primary-light: #EFF6FF;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937}.modern-medical-history{font-family:Inter Tight,sans-serif;margin:0 auto;padding:24px;color:var(--gray-800)}.appointment-id{font-weight:bolder;margin-left:20px}.modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modern-header h2{font-size:24px;font-weight:600;margin:0;color:var(--gray-800)}.stats-summary{display:flex;gap:16px}.stat-item{text-align:center;padding:8px 16px;background:var(--gray-100);border-radius:8px}.stat-item span{display:block;font-size:12px;color:var(--gray-500)}.stat-item strong{font-size:16px;color:var(--gray-800)}.appointment-filters{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);font-size:14px;cursor:pointer;white-space:nowrap}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.appointment-list{display:grid;grid-template-columns:1fr;gap:16px}.appointment-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--gray-200);overflow:hidden;transition:all .2s ease}.appointment-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--gray-100)}.service-type{display:flex;gap:8px;align-items:center}.service-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.service-badge.consultation{background:var(--primary-light);color:var(--primary)}.service-badge.procedure{background:#ecfdf5;color:var(--success)}.service-badge.follow-up{background:#fef3c7;color:var(--warning)}.service-badge.other{background:#fef2f2;color:var(--danger)}.mode-indicator{font-size:12px;padding:4px 8px;border-radius:6px}.mode-indicator.online{background:#dcfce7;color:#16a34a}.mode-indicator.offline{background:#dbeafe;color:#1d4ed8}.status-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-tag.new{background:#dbeafe;color:#1d4ed8}.status-tag.in-process{background:#fef3c7;color:#d97706}.status-tag.old{background:#d1fae5;color:#059669}.status-tag.cancelled{background:#fee2e2;color:#dc2626}.card-body{padding:16px}.appointment-date{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-size:14px;margin-bottom:16px}.doctor-info{display:flex;gap:12px;align-items:center}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-weight:600}.doctor-info h4{margin:0;font-size:16px;font-weight:600;color:var(--gray-800)}.doctor-info p{margin:4px 0 0;font-size:14px;color:var(--gray-500)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.details-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer}.details-btn:hover{text-decoration:underline}.modern-loading,.modern-error,.modern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.modern-loading p,.modern-error p{margin-top:16px;color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.modern-error svg{margin-bottom:16px}.modern-empty h4{margin:16px 0 8px;color:var(--gray-800);font-size:18px}.modern-empty p{color:var(--gray-500);margin:0}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;grid-column:1 / -1}.no-results svg{margin-bottom:16px}.no-results p{color:var(--gray-500);margin:0}@media (max-width: 640px){.modern-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-summary{width:100%;justify-content:space-between}.stat-item{flex:1}}.medical-history-detail-container{margin:0 auto;padding:20px;font-family:Inter Tight,sans-serif;color:#333}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.error-icon{background-color:#ffebee;color:#d32f2f;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin-bottom:20px}.back-button{background:none;border:none;color:#2c7be5;font-size:16px;cursor:pointer;padding:8px 16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;gap:5px;transition:background-color .2s}.back-button:hover{background-color:#f0f5ff}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.detail-header h2{margin:0;color:#2c3e50}.status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.status-badge[data-status=completed]{background-color:#e6f7ee;color:#00a854}.status-badge[data-status=cancelled]{background-color:#fff2f0;color:#f5222d}.status-badge[data-status=scheduled]{background-color:#e6f7ff;color:#1890ff}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.detail-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.detail-section h3{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px}.detail-item{margin-bottom:12px;line-height:1.5}.detail-item strong{display:inline-block;min-width:100px;color:#666}.mode-tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-left:8px}.mode-tag.online{background-color:#e6f7ff;color:#1890ff}.mode-tag.offline{background-color:#f6ffed;color:#52c41a}.payment-status{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-left:8px}.payment-status.paid{background-color:#e6f7ee;color:#00a854}.payment-status.pending{background-color:#fff7e6;color:#fa8c16}.payment-status.failed{background-color:#fff2f0;color:#f5222d}.text-content{background-color:#f9f9f9;padding:12px;border-radius:4px;margin-top:5px;white-space:pre-wrap}.comment-item{background-color:#f9f9f9;padding:15px;border-radius:6px;margin-bottom:15px}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.comment-date{color:#888}.comment-text{line-height:1.5}:root{--app-detail-primary: #4eccc4;--app-detail-primary-light: rgba(78, 204, 196, .1);--app-detail-success: #10b981;--app-detail-error: #ef4444;--app-detail-warning: #f59e0b;--app-detail-info: #4eccc4;--app-detail-text: #1f2a44;--app-detail-text-light: #6b7280;--app-detail-bg: #f9fafb;--app-detail-card-bg: #ffffff;--app-detail-border: #e5e7eb;--app-detail-radius: 8px;--app-detail-shadow: 0 4px 12px rgba(0, 0, 0, .08)}.app-detail-modern-container{background:var(--app-detail-bg);font-family:Inter Tight,sans-serif;color:var(--app-detail-text);max-width:100%}.app-detail-patient-title-row.swapped-layout .app-detail-back-btn{margin-right:25px;font-size:.95rem;color:var(--app-detail-primary);display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.app-detail-patient-title-row.swapped-layout .app-detail-back-btn:hover{opacity:.8}.app-detail-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:600;color:#fff}.app-detail-tab-nav{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--app-detail-border)}.app-detail-tab-navigation{display:flex;flex-direction:column;gap:8px;background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);padding:16px;box-shadow:var(--app-detail-shadow)}.app-detail-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--app-detail-text);cursor:pointer;border-radius:var(--app-detail-radius);transition:all .3s ease;width:100%;text-align:left}.app-detail-tab:hover{background:var(--app-detail-primary-light)}.app-detail-tab.active{color:var(--app-detail-primary);background:var(--app-detail-primary-light)}.app-detail-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:4px;height:100%;background:var(--app-detail-primary);border-radius:2px}.app-detail-main-container{display:flex;gap:24px}.app-detail-main-container.with-history{flex:1;display:flex;flex-direction:row;gap:24px;overflow:hidden;padding-left:24px}.app-detail-content-area.right-scroll{flex:1;min-height:0;overflow-y:auto}.app-detail-icon-navigation{width:100px;display:flex;flex-direction:column;gap:8px;position:sticky;top:24px;height:fit-content;min-height:calc(100vh - 220px);transition:height .3s ease}.app-detail-medical-history-time{font-size:.85rem;color:var(--app-detail-text-light);min-width:100px}.app-detail-medical-history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--app-detail-border)}.app-detail-medical-history-btn{display:flex;align-items:center;gap:8px;padding:12px;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--app-detail-text);cursor:pointer;border-radius:var(--app-detail-radius);transition:all .3s ease;width:100%;text-align:left}.app-detail-medical-history-btn:hover{background:var(--app-detail-primary-light)}.app-detail-medical-history-list{background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);padding:12px;box-shadow:var(--app-detail-shadow);max-height:400px;overflow-y:auto;margin-top:8px}.app-detail-medical-history-card{padding:12px;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .2s ease}.app-detail-medical-history-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-detail-medical-history-ul.scrollable{flex:1;overflow-y:auto;padding:8px 12px 12px;margin:0}.app-detail-medical-history-ul.scrollable::-webkit-scrollbar{width:8px}.app-detail-medical-history-ul.scrollable::-webkit-scrollbar-track{background:transparent}.app-detail-medical-history-ul.scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--app-detail-primary),#36b4ac);border-radius:8px}.app-detail-medical-history-ul.scrollable::-webkit-scrollbar-thumb:hover{filter:brightness(.95)}.app-detail-medical-history-ul.scrollable{scrollbar-width:thin;scrollbar-color:var(--app-detail-primary) transparent}.app-detail-medical-history-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.app-detail-medical-history-id{font-weight:500;font-size:.9rem;color:var(--app-detail-text);min-width:100px}.app-detail-medical-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.app-detail-medical-history-service-type{display:flex;gap:8px;align-items:center}.app-detail-medical-history-service-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.app-detail-medical-history-service-badge.consultation{background:var(--app-detail-primary-light);color:var(--app-detail-primary)}.app-detail-medical-history-service-badge.procedure{background:#10b9811a;color:var(--app-detail-success)}.app-detail-medical-history-service-badge.follow-up{background:#f59e0b1a;color:var(--app-detail-warning)}.app-detail-medical-history-service-badge.other{background:#ef44441a;color:var(--app-detail-error)}.app-detail-medical-history-mode-indicator{font-size:.8rem;padding:4px 8px;border-radius:6px}.app-detail-medical-history-mode-indicator.online{background:#10b9811a;color:var(--app-detail-success)}.app-detail-medical-history-mode-indicator.offline{background:var(--app-detail-primary-light);color:var(--app-detail-primary)}.app-detail-medical-history-status-tag{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.app-detail-medical-history-status{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;text-align:center;min-width:100px}.app-detail-medical-history-status.completed{background:#10b9811a;color:var(--app-detail-success)}.app-detail-medical-history-status.cancelled{background:#ef44441a;color:var(--app-detail-error)}.app-detail-medical-history-status.scheduled,.app-detail-medical-history-status.unconfirmed{background:#f59e0b1a;color:var(--app-detail-warning)}.app-detail-medical-history-item:hover{background-color:var(--app-detail-primary-light);transition:background-color .2s ease}.app-detail-medical-history-date{font-size:.85rem;color:var(--app-detail-text-light);min-width:120px}.app-detail-nav-icon{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:none;border:none;font-size:.75rem;font-weight:500;color:var(--app-detail-text);cursor:pointer;border-radius:var(--app-detail-radius);transition:all .3s ease}.app-detail-current-appointment-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-bottom:1px solid var(--app-detail-border);background:linear-gradient(180deg,#fff,#fafafa)}.app-detail-ca-header{display:flex;align-items:center;gap:12px}.app-detail-ca-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--app-detail-primary-light);color:var(--app-detail-primary);box-shadow:inset 0 0 0 1px var(--app-detail-primary)}.app-detail-ca-title h4{font-size:1rem;font-weight:700;margin:0;color:var(--app-detail-text)}.app-detail-ca-sub{font-size:.85rem;color:var(--app-detail-text-light)}.app-detail-ca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-detail-ca-item{background:#fff;border:1px solid var(--app-detail-border);border-radius:10px;padding:12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:6px 10px;align-items:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.app-detail-ca-item:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014;border-color:var(--app-detail-primary)}.app-detail-ca-icon{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--app-detail-primary-light);color:var(--app-detail-primary)}.app-detail-ca-label{font-size:.78rem;color:var(--app-detail-text-light)}.app-detail-ca-value{font-size:.92rem;font-weight:600;color:var(--app-detail-text);word-break:break-word}.app-detail-nav-icon:hover{background:var(--app-detail-primary-light);transform:translateY(-2px)}.app-detail-nav-icon.active{background:var(--app-detail-primary-light);color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow)}.app-detail-nav-icon.active:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--app-detail-primary);border-radius:50%}.app-detail-content-area{flex:1;margin-top:0;padding-top:0;min-height:calc(100vh - 180px);overflow:visible}.app-detail-section-container{background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);padding:24px}.app-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-detail-section-header h3{font-size:1.25rem;font-weight:600;color:var(--app-detail-primary)}.app-detail-medical-history-list.dynamic{background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);padding:12px;box-shadow:var(--app-detail-shadow);overflow-y:auto;margin-top:8px;transition:max-height .3s ease}.app-detail-patient-info{flex:1}.app-detail-patient-avatar{background:var(--app-detail-primary-light);border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--app-detail-primary);flex-shrink:0}.app-detail-patient-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--app-detail-text);line-height:1.2}.app-detail-expand-btn{background:none;border:none;cursor:pointer;color:var(--app-detail-primary)}.app-detail-expanded-details{margin-top:16px;padding:16px;background:var(--app-detail-bg);border-radius:var(--app-detail-radius);animation:app-detail-slideDown .3s ease}@keyframes app-detail-slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.app-detail-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.app-detail-overview-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--app-detail-bg);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow)}.app-detail-label{font-size:.85rem;color:var(--app-detail-text-light)}.app-detail-meeting-link{margin-left:8px;padding:4px 8px;background:var(--app-detail-primary);color:#fff;border-radius:6px;font-size:.8rem;text-decoration:none}.app-detail-meeting-link:hover{background:#3cb0a8}.app-detail-meeting-card{background:var(--app-detail-bg);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--app-detail-shadow)}.app-detail-meeting-info{display:flex;flex-direction:column;gap:6px}.app-detail-meeting-url{font-size:.95rem;color:var(--app-detail-text);word-break:break-all}.app-detail-meeting-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-detail-error-text{margin-top:8px;color:var(--app-detail-error);font-size:.9rem}.app-detail-primary-btn{padding:8px 16px;background:var(--app-detail-primary);color:#fff;border:none;border-radius:var(--app-detail-radius);font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.app-detail-primary-btn:hover{background:#3cb0a8}.app-detail-primary-btn:disabled{background:#a0a0a0;cursor:not-allowed}.app-detail-secondary-btn{padding:8px 16px;background:var(--app-detail-bg);border:1px solid var(--app-detail-border);color:var(--app-detail-text);border-radius:var(--app-detail-radius);font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.app-detail-secondary-btn:hover{background:var(--app-detail-primary-light)}.app-detail-icon-btn.danger{background:var(--app-detail-error);color:#fff}.app-detail-icon-btn.danger:hover{background:#d32f2f}.app-detail-textarea{width:100%;padding:12px;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);resize:vertical;min-height:100px;font-family:Inter Tight,sans-serif}.app-detail-edit-container{margin-top:16px}.app-detail-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.app-detail-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-detail-document-card{padding:12px;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);display:flex;align-items:center;gap:12px}.app-detail-document-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--app-detail-radius);background:var(--app-detail-bg);color:var(--app-detail-text);font-weight:600;font-size:.7rem}.app-detail-pdf-icon{color:#d32f2f}.app-detail-image-icon{color:#1976d2}.app-detail-file-icon{color:#6c757d}.app-detail-document-details{flex:1}.app-detail-document-name-row{display:flex;flex-direction:column;gap:4px}.app-detail-document-name{font-weight:500;font-size:.9rem}.app-detail-document-actions{display:flex;gap:8px;margin-top:8px}.app-detail-document-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:500}.app-detail-document-status.verified{color:var(--app-detail-success);background:#10b9811a}.app-detail-document-status.under-review{color:var(--app-detail-warning);background:#f59e0b1a}.app-detail-document-status.disapproved{color:var(--app-detail-error);background:#ef44441a}.app-detail-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-detail-test-card{padding:12px;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);display:flex;flex-direction:column;gap:8px}.app-detail-test-info{display:flex;flex-direction:column;gap:4px}.app-detail-test-date{font-size:.8rem;color:var(--app-detail-text-light)}.app-detail-test-status{padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:500}.app-detail-test-status.ordered,.app-detail-test-status.waiting-for-assign{background:#f59e0b1a;color:var(--app-detail-warning)}.app-detail-test-status.reupload-requested{background:#ef44441a;color:var(--app-detail-error)}.app-detail-test-status.waiting-for-approval{background:#4eccc41a;color:var(--app-detail-info)}.app-detail-test-status.completed{background:#10b9811a;color:var(--app-detail-success)}.app-detail-upload-btn{padding:8px 16px;background:var(--app-detail-primary);color:#fff;border-radius:var(--app-detail-radius);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.app-detail-file-input{display:none}.app-detail-upload-preview{background:var(--app-detail-bg);padding:12px;border-radius:var(--app-detail-radius);display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-detail-file-info{display:flex;flex-direction:column}.app-detail-file-name{font-weight:500}.app-detail-file-size{font-size:.8rem;color:var(--app-detail-text-light)}.app-detail-upload-actions{display:flex;gap:8px}.app-detail-prescription-content,.app-detail-conclusion-content{margin-top:16px}.app-detail-verification-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;cursor:pointer}.app-detail-verification-badge.verified{color:var(--app-detail-success);background:#10b9811a}.app-detail-verification-badge.under-review{color:var(--app-detail-warning);background:#f59e0b1a}.app-detail-verification-badge.disapproved{color:var(--app-detail-error);background:#ef44441a}.app-detail-comment-composer{background:var(--app-detail-card-bg);padding:16px;border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);margin-bottom:16px}.app-detail-composer-header{margin-bottom:8px}.app-detail-user-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;background:var(--app-detail-primary-light);color:var(--app-detail-primary);font-size:.8rem;font-weight:500}.app-detail-composer-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.app-detail-comments-feed{display:flex;flex-direction:column;gap:16px}.app-detail-comment{background:var(--app-detail-card-bg);padding:12px;border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow)}.app-detail-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.app-detail-comment-meta{display:flex;gap:8px;align-items:center}.app-detail-comment-author{font-weight:600;font-size:.9rem}.app-detail-comment-role,.app-detail-comment-time{font-size:.8rem;color:var(--app-detail-text-light)}.app-detail-comment-text{font-size:.9rem}.app-detail-followup-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:16px}.app-detail-followup-comment-box{margin-top:16px}.app-detail-followup-actions{display:flex;justify-content:flex-end;margin-top:12px}.app-detail-followup-summary{padding:12px;background:var(--app-detail-bg);border-radius:var(--app-detail-radius)}.app-detail-followup-link{color:var(--app-detail-primary);text-decoration:none}.app-detail-followup-link:hover{text-decoration:underline}.app-detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--app-detail-text-light)}.app-detail-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.app-detail-loading-spinner{border:4px solid var(--app-detail-primary-light);border-top:4px solid var(--app-detail-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.app-detail-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--app-detail-error)}.app-detail-error-icon{font-size:2rem;margin-bottom:16px}.app-detail-retry-btn{padding:8px 16px;background:var(--app-detail-primary);color:#fff;border-radius:var(--app-detail-radius);border:none;cursor:pointer}.app-detail-modal{background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);padding:24px;max-width:600px;margin:50px auto;box-shadow:var(--app-detail-shadow)}.app-detail-modal-overlay{background:#00000080}.app-detail-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-detail-select-all-btn{background:none;border:none;color:var(--app-detail-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px}.app-detail-tests-list{max-height:400px;overflow-y:auto;margin-bottom:16px}.app-detail-test-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--app-detail-border);cursor:pointer;transition:all .3s ease}.app-detail-test-item:hover,.app-detail-test-item.selected{background:var(--app-detail-primary-light)}.app-detail-test-item.disabled{opacity:.6;cursor:not-allowed}.app-detail-test-checkbox{display:flex;align-items:center}.app-detail-already-added-icon{color:var(--app-detail-success)}.app-detail-test-info{flex:1}.app-detail-test-name{font-weight:500;font-size:.9rem}.app-detail-test-specialty{font-size:.8rem;color:var(--app-detail-text-light)}.app-detail-test-note{font-size:.8rem;color:var(--app-detail-warning)}.app-detail-selected-count{font-size:.9rem;color:var(--app-detail-text-light);margin-bottom:16px}.app-detail-modal-actions{display:flex;gap:8px;justify-content:flex-end}.app-detail-medical-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-detail-medical-history-card{padding:12px;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow)}.app-detail-medical-history-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600}@media (max-width: 768px){.app-detail-modern-container{padding:16px}.app-detail-main-container{flex-direction:column}.app-detail-icon-navigation{flex-direction:row;width:100%;overflow-x:auto;position:static}.app-detail-nav-icon{flex:1;padding:8px;font-size:.7rem}.app-detail-content-area{height:auto}.app-detail-overview-grid,.app-detail-documents-grid,.app-detail-tests-grid,.app-detail-patient-grid,.app-detail-medical-history-grid{grid-template-columns:1fr}}.app-detail-pdf-button-container{margin-top:24px}.app-detail-patient-details-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:16px;background:var(--app-detail-bg);border-radius:var(--app-detail-radius);animation:app-detail-slideDown .3s ease}.app-detail-patient-detail-card{flex:1;min-width:200px;padding:12px;background:var(--app-detail-card-bg);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);display:flex;flex-direction:column;gap:4px}.app-detail-patient-detail-card .app-detail-label{font-size:.85rem;color:var(--app-detail-text-light);font-weight:500}.app-detail-patient-detail-card span:last-child{font-size:.9rem;color:var(--app-detail-text);word-break:break-word}.app-detail-patient-title-row.swapped-layout{display:flex;align-items:center;justify-content:space-between;width:100%}.app-detail-patient-title-row.swapped-layout .app-detail-back-button-wrapper{display:flex;align-items:center}.app-detail-patient-title-row h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--app-detail-text)}.app-detail-patient-avatar{background:var(--app-detail-primary-light);border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--app-detail-primary)}.app-detail-patient-actions{display:flex;align-items:center;gap:8px}.app-detail-custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.app-detail-custom-modal{background:var(--app-detail-card-bg);border-radius:var(--app-detail-radius);padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--app-detail-shadow);animation:app-detail-slideIn .3s ease}@keyframes app-detail-slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.app-detail-medical-history-ul{list-style:none;padding:0;margin:0}.app-detail-medical-history-item{padding:5px 10px;cursor:pointer}.app-detail-medical-history-item:hover{background-color:#f5f5f5}.app-detail-medical-history-list{padding:16px}.app-detail-main-container{flex:1;display:flex;transition:all .3s ease}.app-detail-medical-history-item{padding:12px 8px;border-bottom:1px solid var(--app-detail-border);cursor:pointer;transition:background .3s ease}.app-detail-medical-history-item:hover{background:var(--app-detail-primary-light)}.app-detail-main-body.flex-layout{display:flex;align-items:stretch;height:calc(100vh - 160px);overflow:hidden;margin-top:12px}.app-detail-medical-history-panel{flex:0 0 450px;display:flex;flex-direction:column;background:var(--app-detail-card-bg);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);box-shadow:var(--app-detail-shadow);overflow:hidden}.app-detail-main-container{display:flex;flex-direction:row;align-items:flex-start;gap:24px;flex:1;transition:all .3s ease;margin-left:0}.app-detail-medical-history-toggle-container{position:sticky;top:70px;background:var(--app-detail-card-bg);padding:10px 24px;border-bottom:1px solid var(--app-detail-border);z-index:5}.app-detail-medical-history-toggle-btn{display:flex;align-items:center;gap:8px;background:var(--app-detail-primary);color:#fff;border:none;border-radius:var(--app-detail-radius);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.app-detail-medical-history-toggle-btn:hover{background:#3cb0a8}.app-detail-medical-history-toggle-btn.active{background:var(--app-detail-success)}.app-history-card{list-style:none;background:#fff;border:1px solid var(--app-detail-border);border-radius:12px;padding:12px;margin:8px 4px;cursor:pointer;box-shadow:0 1px #00000005;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.app-history-card:hover{transform:translateY(-1px);border-color:var(--app-detail-primary);box-shadow:0 8px 20px #00000014;background:linear-gradient(180deg,#fff,#fafafa)}.app-history-top,.app-history-datetime,.app-history-bottom{display:flex;align-items:center;gap:8px}.app-history-top{justify-content:space-between;margin-bottom:8px}.app-history-datetime{flex-wrap:wrap;margin:2px 0 8px}.app-history-bottom{justify-content:flex-start;flex-wrap:wrap;gap:8px}.app-history-idchip{font-weight:700;font-size:.9rem;color:var(--app-detail-text);background:var(--app-detail-primary-light);border:1px solid var(--app-detail-primary);padding:4px 10px;border-radius:999px;letter-spacing:.2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.82rem;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.chip-date,.chip-time{background:var(--app-detail-bg);color:var(--app-detail-text);border:1px solid var(--app-detail-border)}.chip-mode{border:1px solid var(--app-detail-border);background:var(--app-detail-bg);color:var(--app-detail-text)}.chip-mode.online{background:#10b98114;color:var(--app-detail-success);border-color:#10b98140}.chip-mode.offline{background:var(--app-detail-primary-light);color:var(--app-detail-primary);border-color:#4eccc459}.chip-service{background:#fff;border:1px dashed var(--app-detail-border);color:var(--app-detail-text)}.chip-status{font-weight:600;border:1px solid transparent}.chip-status.completed{background:#10b9811f;color:var(--app-detail-success);border-color:#10b98159}.chip-status.cancelled{background:#ef44441f;color:var(--app-detail-error);border-color:#ef444459}.chip-status.scheduled,.chip-status.unconfirmed{background:#f59e0b1f;color:var(--app-detail-warning);border-color:#f59e0b59}.app-detail-medical-history-ul.scrollable{padding:8px 10px 12px}.app-detail-medical-history-toggle-container{display:flex;gap:10px;background:var(--app-detail-card-bg);padding:10px 24px;border-bottom:1px solid var(--app-detail-border);position:sticky;top:70px;z-index:5}.app-detail-tab-btn{padding:8px 18px;font-size:.9rem;font-weight:500;border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);background:var(--app-detail-bg);color:var(--app-detail-text);cursor:pointer;transition:all .2s ease}.app-detail-tab-btn:hover:not(:disabled){background:var(--app-detail-primary-light);color:var(--app-detail-primary);border-color:var(--app-detail-primary)}.app-detail-tab-btn.active{background:var(--app-detail-primary);color:#fff;border-color:var(--app-detail-primary);cursor:default}.app-detail-tab-btn:disabled{opacity:.8;cursor:not-allowed}.app-detail-sidebar{width:285px;background:#fff;border-right:1px solid #e5e7eb;padding:20px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:calc(100vh - 90px)}.app-detail-sidebar::-webkit-scrollbar{width:8px}.app-detail-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.app-detail-sidebar-title{font-size:15px;font-weight:600;color:#374151;margin-bottom:4px}.app-sidebar-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px;cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:10px}.app-sidebar-card:hover{background:#eef6ff;border-color:#93c5fd}.app-sidebar-card.active,.app-sidebar-card.current{border-color:#3b82f6;background:#e8f1ff;box-shadow:0 0 0 2px #3b82f640}.app-card-top,.app-card-middle,.app-card-bottom{display:flex;justify-content:space-between;align-items:center}.app-card-middle{gap:8px}.app-card-bottom{gap:6px;flex-wrap:wrap}.app-card-id{background:#eef2f7;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#374151}.status-badge{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.status-badge.completed{background:#16a34a}.status-badge.cancelled{background:#dc2626}.status-badge.upcoming,.status-badge.unconfirmed{background:#f59e0b}.chip.small{background:#eef2f7;padding:3px 7px;border-radius:6px;font-size:11.5px;display:inline-flex;align-items:center;gap:5px;color:#374151}.mode.online{background:#e0f2fe!important;color:#0369a1!important}.mode.offline{background:#fef3c7!important;color:#92400e!important}.chip.service{background:#ede9fe!important;color:#5b21b6!important}.empty-note{color:#6b7280;font-size:14px;padding:12px;text-align:center}.old-header-wrapper{display:flex;flex-direction:column;gap:14px}.old-header-card{background:#fff;padding:18px 22px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 6px 20px #0000000d}.old-header-top{display:flex;align-items:center;justify-content:space-between}.old-back-btn{background:#fff;border:1px solid #e5e7eb;padding:10px;border-radius:12px;cursor:pointer}.old-back-btn:hover{background:#f9fafb}.old-left-block{display:flex;align-items:center;gap:14px}.old-icon-circle{width:46px;height:46px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center}.old-title-stack{display:flex;flex-direction:column}.old-patient-name{margin:0;font-size:22px;font-weight:600;color:#1f2937;line-height:1.1}.old-app-id-pill{margin-top:6px;padding:5px 12px;background:#f3f4f6;border-radius:10px;font-size:13px;border:1px solid #e5e7eb;color:#6b7280}.old-header-right{display:flex;align-items:center;gap:12px}.old-status-badge{padding:6px 14px;border-radius:18px;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase}.old-expand-btn{padding:8px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer}.old-personal-info-card{margin-top:20px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e5e7eb}.old-personal-info-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:18px}.old-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.old-info-box{background:#f8fafc;padding:14px;border:1px solid #e5e7eb;border-radius:12px}.old-info-box label{font-size:12px;font-weight:700;color:#6b7280}.old-info-box p{margin-top:4px;font-size:14px;color:#1f2937}.old-toggle-bar{display:flex;gap:10px;background:#fff;padding:6px 8px;border-radius:10px;border:1px solid #e5e7eb;width:fit-content}.old-toggle-btn{border:none;background:none;padding:8px 16px;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px}.old-toggle-btn.active{background:#2563eb;color:#fff}.old-left-wrap{display:flex;align-items:center;gap:14px}.network-guard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f8f9fa;color:#212529;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999;font-family:Inter Tight,sans-serif;text-align:center;padding:20px}.network-guard-icon{font-size:72px;margin-bottom:20px;color:#6c757d}.network-guard-title{font-size:24px;font-weight:600;margin-bottom:10px}.network-guard-message{font-size:16px;margin-bottom:30px;max-width:500px;line-height:1.5}.network-guard-button{background-color:#0d6efd;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;font-size:16px;display:flex;align-items:center;gap:8px;transition:background-color .2s}.network-guard-button:hover{background-color:#0b5ed7}.network-guard-reconnecting{margin-top:20px;color:#6c757d;display:flex;align-items:center;gap:8px}.network-guard-spinner{animation:spin 1s linear infinite}.progress-bar{margin-bottom:40px}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background-color:#e0e0e0;z-index:1}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-number{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s ease}.step.active .step-number{background-color:#4caf50;color:#fff}.step-label{font-size:14px;color:#666}.step.active .step-label{color:#4caf50;font-weight:500}.step-container{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.selected-patient{text-align:center}.patient-card{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0}.select-patient-btn,.change-patient-btn{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin:10px 0}.patient-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.patient-modal-container{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.patient-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.patient-modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.patient-modal-close{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.patient-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.patient-modal-close:disabled{opacity:.5;cursor:not-allowed}.patient-modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 24px}.patient-tab{display:flex;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-weight:500;transition:all .2s ease}.patient-tab:hover:not(:disabled){color:#4b5563}.patient-tab-active{color:#2563eb;border-bottom-color:#2563eb;background-color:#f5f3f3;font-weight:bolder;border-radius:10px 10px 0 0}.patient-tab:disabled{opacity:.5;cursor:not-allowed}.patient-modal-error{display:flex;align-items:center;justify-content:space-between;background-color:#fef2f2;color:#dc2626;padding:12px 16px;margin:16px 24px;border-radius:6px;border:1px solid #fecaca}.patient-error-dismiss{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px}.patient-error-dismiss:hover{background-color:#dc26261a}.patient-modal-success{display:flex;align-items:center;gap:8px;background-color:#f0fdf4;color:#16a34a;padding:12px 16px;margin:16px 24px;border-radius:6px;border:1px solid #bbf7d0}.patient-modal-loading{display:flex;align-items:center;gap:12px;padding:16px 24px;color:#4b5563}.patient-loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.patient-modal-content{padding:24px;max-height:400px;overflow-y:auto}.patient-search-container{position:relative;margin-bottom:20px}.patient-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.patient-search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.patient-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.patient-search-input:disabled{background-color:#f9fafb;cursor:not-allowed}.patient-list-container{max-height:300px;overflow-y:auto}.patient-list{display:flex;flex-direction:column;gap:8px}.patient-list-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.patient-list-item:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.patient-avatar{width:40px;height:40px;border-radius:50%;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.patient-info{flex:1;min-width:0}.patient-name{font-weight:600;color:#1f2937;margin-bottom:4px}.patient-contact{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#6b7280}.patient-email,.patient-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patient-select-arrow{color:#9ca3af;flex-shrink:0}.patient-empty-state{text-align:center;padding:40px 20px;color:#6b7280}.patient-empty-state svg{margin-bottom:16px;color:#d1d5db}.patient-empty-state p{font-weight:600;margin-bottom:4px;color:#4b5563}.patient-form{display:flex;flex-direction:column;gap:16px}.patient-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.patient-form-group{display:flex;flex-direction:column;gap:6px}.patient-form-label{font-size:14px;font-weight:500;color:#374151}.patient-form-input,.patient-form-select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.patient-form-input:focus,.patient-form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.patient-form-input:disabled,.patient-form-select:disabled{background-color:#f9fafb;cursor:not-allowed}.patient-phone-input{display:flex;gap:8px}.patient-phone-code{width:100px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.patient-phone-number{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.patient-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.patient-form-cancel{padding:12px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease}.patient-form-cancel:hover:not(:disabled){background-color:#f9fafb}.patient-form-submit{padding:12px 24px;border:none;border-radius:8px;background-color:#2563eb;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.patient-form-submit:hover:not(:disabled){background-color:#1d4ed8}.patient-form-submit:disabled{background-color:#93c5fd;cursor:not-allowed}.patient-button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.patient-modal-overlay{padding:10px}.patient-modal-container{max-height:95vh}.patient-modal-header{padding:20px 16px 12px}.patient-modal-tabs{padding:0 16px}.patient-modal-content{padding:16px}.patient-form-row{grid-template-columns:1fr;gap:12px}.patient-form-actions,.patient-phone-input{flex-direction:column}.patient-phone-code{width:100%}}.patient-list-container::-webkit-scrollbar,.patient-modal-content::-webkit-scrollbar{width:6px}.patient-list-container::-webkit-scrollbar-track,.patient-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.patient-list-container::-webkit-scrollbar-thumb,.patient-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.patient-list-container::-webkit-scrollbar-thumb:hover,.patient-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.questions-form{margin-top:20px}.question-group{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.question-label{display:block;font-weight:600;margin-bottom:15px;font-size:16px}.options-group{display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s}.option-label:hover{background:#e8f5e9}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.package-card{border:2px solid #e0e0e0;border-radius:10px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.package-card:hover{border-color:#4caf50;transform:translateY(-2px)}.package-card.selected{border-color:#4caf50;background-color:#e8f5e9}.package-card.recommended{border-color:#ff9800}.recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#ff9800;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700}.package-price{font-size:24px;font-weight:700;color:#4caf50;margin:15px 0}.package-features{list-style:none;padding:0;margin:20px 0;text-align:left}.package-features li{padding:5px 0;border-bottom:1px solid #f0f0f0}.package-features li:last-child{border-bottom:none}.order-summary{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px}.summary-total{display:flex;justify-content:space-between;font-weight:700;font-size:18px;border-top:2px solid #ddd;padding-top:10px;margin-top:10px}.payment-form{margin-top:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.checkbox-group{margin:20px 0}.form-navigation{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.back-btn{background-color:#f8f9fa;color:#333;padding:12px 24px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px}.next-btn,.submit-btn{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px}.next-btn:disabled,.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;border-radius:8px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;position:relative}@media (max-width: 768px){.progress-steps{gap:20px}.progress-steps:before{display:none}.form-row{flex-direction:column;gap:0}.packages-grid{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:10px}.back-btn,.next-btn,.submit-btn{width:100%}}.step-container{padding:24px;font-family:Arial,sans-serif}.step-container h2{font-size:22px;margin-bottom:20px}.selected-patient{margin-bottom:20px;border:1px solid #ccc;padding:16px;border-radius:8px;background-color:#f9f9f9}.patient-card{margin-bottom:12px}.patient-name{font-weight:700;font-size:18px}.patient-email{font-size:14px;color:#555}.change-patient-btn,.next-btn,.select-patient-btn{padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px}.change-patient-btn:hover,.next-btn:hover,.select-patient-btn:hover{background-color:#0056b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:600px;position:relative;box-shadow:0 4px 20px #0003;overflow-y:auto;max-height:90vh}.close-button{position:absolute;top:12px;right:18px;background:transparent;border:none;font-size:24px;cursor:pointer}.modal-tabs{display:flex;gap:10px;margin-bottom:20px}.tab{flex:1;padding:10px;border:1px solid #ccc;background-color:#eee;cursor:pointer;text-align:center;border-radius:6px;transition:background-color .2s ease}.tab.active{background-color:#007bff;color:#fff;font-weight:700}.search-box input{width:100%;padding:10px;margin-bottom:14px;border-radius:6px;border:1px solid #ccc;font-size:14px}.patients-list{max-height:250px;overflow-y:auto;border:1px solid #ddd;border-radius:6px}.patient-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.patient-item:hover{background-color:#f5f5f5}.patient-details{font-size:13px;color:#666}.no-results{text-align:center;color:#999;padding:20px}.create-patient-modal .form-group{margin-bottom:14px}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column}label{font-weight:500;margin-bottom:6px}input[type=text],input[type=email],input[type=tel],input[type=date],select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}input:disabled,select:disabled{background-color:#f0f0f0}.phone-input{display:flex;gap:8px}.phone-input select{flex:0 0 40%}.phone-input input{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.confirm-button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.cancel-button{background-color:#ccc;color:#333}.cancel-button:hover{background-color:#bbb}.confirm-button{background-color:#28a745;color:#fff}.confirm-button:disabled{opacity:.6;cursor:not-allowed}.confirm-button:hover:not(:disabled){background-color:#218838}.error-message,.success-message{margin-bottom:12px;padding:10px 14px;border-radius:6px;font-size:14px}.error-message{background-color:#f8d7da;color:#721c24}.success-message{background-color:#d4edda;color:#155724}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff9;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:5}.spinner{border:4px solid #eee;border-top:4px solid #007bff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px}.early-detect-container{padding:24px;font-family:Inter Tight,sans-serif}.early-detect-heading{font-size:28px;font-weight:700}.early-detect-loading,.early-detect-empty{font-size:16px;color:#6b7280;margin-top:20px}.early-detect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.early-detect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media (max-width: 1024px){.early-detect-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.early-detect-grid{grid-template-columns:1fr}.early-detect-container{padding:10px}.early-detect-heading{font-size:20px;font-weight:700}}.early-detect-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px 25px;margin-bottom:20px;cursor:pointer;transition:box-shadow .2s ease;max-width:400px}.early-detect-card:hover{box-shadow:0 4px 8px #0000000f}.early-detect-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.early-detect-id{font-size:14px;font-weight:700;color:#000}.early-detect-status-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.status-confirmed{background-color:#4e8260;color:#fff}.status-unconfirmed{background-color:#e7b626;color:#fff}.status-cancelled{background-color:#ac5e5e;color:#fff}.status-default{background-color:#f3f4f6;color:#4b5563}.early-detect-card-body{padding-top:16px}.early-detect-patient{display:flex;align-items:center;gap:12px;margin-bottom:16px}.early-detect-avatar{width:40px;height:40px;background-color:#eff6ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.early-detect-patient-name{font-size:16px;font-weight:600;color:#ec4899;margin-bottom:2px}.early-detect-patient-email{font-size:14px;color:#6b7280}.early-detect-details{display:flex;justify-content:space-between;gap:12px}.early-detect-item{display:flex;flex-direction:column;font-size:16px;color:#4b5563}.early-detect-item p{font-weight:700;color:#000;margin-bottom:3px}.assistants-container{max-width:1400px;margin:0 auto;min-height:100vh}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:#64748b;font-size:1rem}.assistants-page-header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.assistant-header-content{flex:1}.assistant-page-title{font-size:1.3rem;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description{font-size:1rem;color:#64748b;margin:0;max-width:600px;line-height:1.6}.assistants-stats{display:flex;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.assistant-stat-number{font-size:2rem;font-weight:700;color:#3b82f6}.stat-label{font-size:.875rem;color:#64748b;text-align:center;margin-top:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;border:1px solid #e2e8f0;margin-top:2rem}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:#64748b;margin-bottom:1.5rem}.empty-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-description{font-size:1rem;color:#64748b;margin:0;max-width:400px;line-height:1.5}.assistants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1rem}.assistant-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.assistant-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a;border-color:#3b82f6}.assistant-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.3rem}.assistant-avatar{position:relative;width:64px;height:64px;flex-shrink:0}.assistant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0}.online-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#10b981;border-radius:50%;border:2px solid white}.assistant-details{flex:1}.assistant-name{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .25rem;line-height:1.4}.assistant-email{font-size:.875rem;color:#64748b;margin:0 0 .75rem}.assistant-meta{display:flex;align-items:center;gap:.5rem}.role-badge{padding:.25rem .75rem;background:#eff6ff;color:#3b82f6;border-radius:12px;font-size:.75rem;font-weight:500}.access-section{background:#f8fafc;border-radius:12px;padding:1rem}.section-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.access-details{display:flex;flex-direction:column;gap:.5rem}.access-row{display:flex;justify-content:space-between;align-items:center}.access-label{font-size:.875rem;color:#64748b;font-weight:500}.access-value{font-size:.875rem;color:#0f172a;font-weight:500}.card-footer{display:flex;justify-content:flex-end;border-top:1px solid #f1f5f9}.view-details{font-size:.875rem;color:#3b82f6;font-weight:500;transition:color .2s ease}.assistant-card:hover .view-details{color:#1d4ed8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.modal-title-section{flex:1}.modal-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.modal-subtitle{font-size:1rem;color:#64748b;margin:0}.assistant-close-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#64748b;border-radius:8px;transition:all .2s ease}.assistant-close-button:hover{background:#f1f5f9;color:#0f172a}.modal-body{flex:1;overflow-y:auto;padding:0}.history-list{display:flex;flex-direction:column;gap:0}.history-entry{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.history-entry:last-child{border-bottom:none}.history-entry:hover{background:#f8fafc}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-granted{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-revoked{background:#fee2e2;color:#991b1b}.status-unknown{background:#f1f5f9;color:#64748b}.edit-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:10px}.edit-button:hover{background:#e2e8f0;color:#0f172a}.entry-content{display:flex;flex-direction:column;gap:1.5rem}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.time-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.875rem;font-weight:600;color:#374151}.time-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-display{padding:.75rem;background:#f8fafc;border-radius:8px;font-size:.875rem;color:#0f172a;border:1px solid #e2e8f0}.entry-actions{display:flex;gap:.75rem;flex-wrap:wrap}.edit-actions,.status-actions{display:flex;gap:.75rem}.save-button,.grant-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover,.grant-button:hover{background:#1d4ed8;transform:translateY(-1px)}.cancel-button,.deny-button{padding:.75rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover,.deny-button:hover{background:#4b5563;transform:translateY(-1px)}.revoke-button{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.revoke-button:hover{background:#dc2626;transform:translateY(-1px)}.no-history{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center}.no-history-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:#64748b;margin-bottom:1rem}.no-history h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.no-history p{font-size:1rem;color:#64748b;margin:0}.export-csv-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.export-csv-button:hover{background-color:#45a049}.assistants-stats{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.assistants-container{padding:.5rem}.assistant-page-header{flex-direction:column;gap:1.5rem}.assistants-grid{grid-template-columns:1fr}.assistant-card{padding:1rem}.time-fields{grid-template-columns:1fr}.modal-container{margin:.5rem;max-height:calc(100vh - 2rem)}.modal-header{padding:10px 15px}.history-entry{padding:10px 20px}.entry-actions{flex-direction:column}.status-actions,.edit-actions{width:100%}.status-actions button,.edit-actions button{flex:1}}@media (max-width: 480px){.page-title{font-size:2rem}.assistant-card-header{flex-direction:column;text-align:center;gap:.75rem}.assistant-avatar{align-self:center}.access-row{flex-direction:column;gap:.25rem;align-items:flex-start}.modal-title{font-size:1.5rem}.entry-header{flex-direction:column;gap:.75rem;align-items:flex-start}}:root{--med-history-primary: #4eccc4;--med-history-primary-light: rgba(78, 204, 196, .1);--med-history-success: #10b981;--med-history-error: #ef4444;--med-history-warning: #f59e0b;--med-history-text: #1f2a44;--med-history-text-light: #6b7280;--med-history-bg: #f9fafb;--med-history-card-bg: #ffffff;--med-history-border: #e5e7eb;--med-history-radius: 8px;--med-history-shadow: 0 4px 12px rgba(0, 0, 0, .08)}.med-history-container{padding:24px;background:var(--med-history-bg);font-family:Inter Tight,sans-serif;color:var(--med-history-text);max-width:1400px;margin:0 auto}.med-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,var(--med-history-primary),#8b5cf6);color:#fff;border-radius:var(--med-history-radius);box-shadow:var(--med-history-shadow);margin-bottom:24px}.med-history-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.med-history-back-btn:hover{opacity:.8}.med-history-header-info h2{font-size:1.5rem;font-weight:600}.med-history-patient-info{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.med-history-tab-nav{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--med-history-border)}.med-history-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;font-size:.9rem;font-weight:500;color:var(--med-history-text);cursor:pointer;position:relative;transition:all .3s ease}.med-history-tab:hover{background:var(--med-history-primary-light)}.med-history-tab.active{color:var(--med-history-primary);background:var(--med-history-primary-light)}.med-history-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--med-history-primary),#8b5cf6)}.med-history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.med-history-card{background:var(--med-history-card-bg);border-radius:var(--med-history-radius);box-shadow:var(--med-history-shadow);border:1px solid var(--med-history-border);overflow:hidden;transition:all .2s ease;cursor:pointer}.med-history-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.med-history-id{font-weight:700;font-size:.9rem;padding:8px 16px;color:var(--med-history-text)}.med-history-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--med-history-border)}.med-history-service-type{display:flex;gap:8px;align-items:center}.med-history-service-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.med-history-service-badge.consultation{background:var(--med-history-primary-light);color:var(--med-history-primary)}.med-history-service-badge.procedure{background:#10b9811a;color:var(--med-history-success)}.med-history-service-badge.follow-up{background:#f59e0b1a;color:var(--med-history-warning)}.med-history-service-badge.other{background:#ef44441a;color:var(--med-history-error)}.med-history-mode-indicator{font-size:.8rem;padding:4px 8px;border-radius:6px}.med-history-mode-indicator.online{background:#10b9811a;color:var(--med-history-success)}.med-history-mode-indicator.offline{background:var(--med-history-primary-light);color:var(--med-history-primary)}.med-history-status-tag{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.med-history-status-tag.completed{background:#10b9811a;color:var(--med-history-success)}.med-history-status-tag.cancelled{background:#ef44441a;color:var(--med-history-error)}.med-history-status-tag.scheduled,.med-history-status-tag.unconfirmed{background:#f59e0b1a;color:var(--med-history-warning)}.med-history-card-body{padding:16px}.med-history-date{display:flex;align-items:center;gap:8px;color:var(--med-history-text-light);font-size:.9rem;margin-bottom:16px}.med-history-doctor-info{display:flex;gap:12px;align-items:center;margin-bottom:16px}.med-history-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--med-history-border);display:flex;align-items:center;justify-content:center;color:var(--med-history-text-light);font-weight:600}.med-history-doctor-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--med-history-text)}.med-history-doctor-info p{margin:4px 0 0;font-size:.85rem;color:var(--med-history-text-light)}.med-history-details p{margin:8px 0;font-size:.85rem;display:flex;align-items:center;gap:8px}.med-history-details strong{color:var(--med-history-text)}.med-history-card-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--med-history-border);background:var(--med-history-bg)}.med-history-details-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--med-history-success);font-size:.85rem;font-weight:500;cursor:pointer}.med-history-details-btn:hover{text-decoration:underline}.med-history-loading,.med-history-error,.med-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.med-history-loading p,.med-history-error p{margin-top:16px;color:var(--med-history-text-light)}.med-history-loading-spinner{width:40px;height:40px;border:4px solid var(--med-history-border);border-top-color:var(--med-history-primary);border-radius:50%;animation:spin 1s linear infinite}.med-history-error svg{margin-bottom:16px}.med-history-empty h4{margin:16px 0 8px;color:var(--med-history-text);font-size:1.1rem}.med-history-empty p{color:var(--med-history-text-light);margin:0}.med-history-retry-btn{padding:8px 16px;background:var(--med-history-primary);color:#fff;border:none;border-radius:var(--med-history-radius);font-size:.85rem;cursor:pointer;margin-top:16px}.med-history-retry-btn:hover{background:#3cb0a8}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.med-history-container{padding:16px}.med-history-list{grid-template-columns:1fr}.med-history-header{flex-direction:column;align-items:flex-start;gap:12px}.med-history-tab-nav{flex-direction:column;gap:8px}.med-history-tab{width:100%;text-align:left}}@media (max-width: 480px){.med-history-header-info h2{font-size:1.2rem}.med-history-card{padding:12px}}.modern-sidebar{width:280px;height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.project-sidebar-header{padding:.8rem 1.3rem;background:#fff;border-bottom:1px solid #f1f5f9}.project-header-main{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:10px}.header-title{display:flex;flex-direction:column}.title-with-badge{display:flex;align-items:center;gap:.75rem}.header-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title h1{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.project-count-badge{background:#3b82f6;color:#fff;padding:.1rem .3rem;border-radius:20px;font-size:.5rem;font-weight:600}.header-subtitle{color:#64748b;font-size:.75rem;margin:0}.modern-primary-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.7rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f633;justify-content:center}.modern-primary-btn.outline{background:transparent;border:2px solid #3b82f6;color:#3b82f6;box-shadow:none}.modern-primary-btn.outline:hover{background:#3b82f6;color:#fff}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#64748b;z-index:1}.search-input{width:100%;padding:.5rem 0rem .5rem 2.5rem;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;font-size:.875rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:.75rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.clear-search:hover{background:#f1f5f9;color:#475569}.filter-tabs{display:flex;gap:.5rem}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-tab:hover:not(.active){border-color:#3b82f6;color:#3b82f6}.projects-container{flex:1;overflow-y:auto;padding:10px;max-height:70vh}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.projects-count{font-size:.75rem;color:#94a3b8;font-weight:500}.project-list{display:flex;flex-direction:column;gap:.25rem}.modern-project-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.modern-project-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.modern-project-card:hover:before{transform:scaleX(1)}.modern-project-card.active{border-color:#3b82f6;background:#f8fafc;box-shadow:0 4px 16px #3b82f626}.modern-project-card.active:before{transform:scaleX(1)}.project-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.project-avatar{width:30px;height:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;position:relative;flex-shrink:0}.active-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.project-info{flex:1;min-width:0}.project-name{font-size:.8rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;line-height:1.2}.project-name-description{font-size:.6rem;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-menu-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;opacity:0}.modern-project-card:hover .project-menu-btn{opacity:1}.project-menu-btn:hover{background:#f1f5f9;color:#475569}.project-progress{margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.75rem;color:#64748b;font-weight:500}.progress-value{font-size:.75rem;color:#3b82f6;font-weight:600}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .5s ease}.project-footer{display:flex;align-items:center;justify-content:space-between}.project-meta{display:flex;gap:.75rem}.meta-item{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.75rem;font-weight:500}.status-badge{padding:.25rem .5rem;background:#dcfce7;color:#166534;border-radius:20px;font-size:.7rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.loading-state{display:flex;flex-direction:column;gap:.75rem}.project-card-skeleton{display:flex;gap:.75rem;padding:1.25rem;background:#fff;border-radius:16px;border:1.5px solid #f1f5f9}.skeleton-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:3rem 2rem}.empty-illustration{position:relative;margin-bottom:1.5rem}.empty-illustration svg{color:#cbd5e1}.empty-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%}.empty-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.empty-description{font-size:.875rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-modern-modal-container{width:90%;max-width:500px;max-height:90vh;overflow:hidden;border-radius:20px}.project-modern-modal-content{background:#fff;box-shadow:0 25px 50px #0003;overflow:hidden}.project-modern-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-title-section{display:flex;align-items:flex-start;gap:1rem}.modal-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-title-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.modal-title-section p{font-size:.875rem;color:#64748b;margin:0}.modern-modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:10px;transition:all .2s ease}.modern-modal-close-btn:hover{background:#f1f5f9;color:#475569}.modern-modal-body{padding:1rem 2rem 2rem}.modern-form-group{margin-bottom:1.5rem}.modern-form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.required-asterisk{color:#ef4444}.optional-label{font-size:.75rem;color:#94a3b8;font-weight:400}.modern-form-input,.modern-form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:.875rem;transition:all .3s ease;font-family:inherit}.modern-form-input:focus,.modern-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-form-textarea{resize:vertical;min-height:80px}.character-count{text-align:right;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.modal-preview{margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1.5px solid #e2e8f0}.preview-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.project-preview{display:flex;align-items:center;gap:.75rem}.preview-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0}.preview-info{flex:1}.preview-name{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.preview-description{font-size:.8rem;color:#64748b;line-height:1.4}.modern-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.popover-close-btn{padding:.3rem;background:#f1f5f9;color:#475569;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.popover-close-btn:hover{background:#e2e8f0}.modern-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f633}.modern-create-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.modern-create-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.projects-container::-webkit-scrollbar{width:6px}.projects-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.projects-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.projects-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.modern-sidebar{width:100%;height:100vh;position:fixed;z-index:100}.modern-modal-container{width:95%;margin:1rem}.modern-modal-header{padding:1.5rem 1.5rem 1rem}.modern-modal-body{padding:1rem 1.5rem 1.5rem}}.view-toggle{display:flex;justify-content:space-between;margin-top:12px;background:#f8fafc;border-radius:10px;padding:4px}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;font-weight:500;font-size:13px;color:#475569;border-radius:8px;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.toggle-btn:hover{background:#e2e8f0}.toggle-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.modern-task-board-container{max-height:80vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px;overflow:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.modern-board-header{background:#fff;border-radius:16px;padding:10px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9}.header-main{display:flex;justify-content:space-between;align-items:center}.header-title-section{display:flex;align-items:center;gap:32px}.modern-board-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.board-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:20px;font-weight:700;color:#1e293b}.stat-number.completed{color:#22c55e}.stat-number.in-progress{color:#06b6d4}.stat-label{font-size:12px;color:#64748b;font-weight:500}.stat-divider{width:1px;height:24px;background:#e2e8f0}.header-actions{display:flex;gap:12px;align-items:center}.modern-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none}.modern-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f633}.modern-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.modern-btn.outline{background:transparent;border:2px solid #3b82f6;color:#3b82f6}.modern-btn.outline:hover{background:#3b82f6;color:#fff}.modern-icon-btn{padding:10px;border:1.5px solid #e2e8f0;background:#fff;border-radius:10px;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modern-icon-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.modern-primary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f633}.modern-primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.modern-task-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;height:calc(100vh - 180px)}.modern-column{background:#fff;border-radius:16px;border:1px solid #f1f5f9;display:flex;flex-direction:column;min-height:100%;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;position:relative;overflow:visible!important}.modern-column:hover{box-shadow:0 4px 12px #00000014}.modern-column-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #f1f5f9;position:relative}.column-title-section{display:flex;align-items:center;flex:1}.column-accent-bar{width:4px;height:32px;border-radius:2px;flex-shrink:0}.column-icon-wrapper{width:40px;height:40px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.column-icon{font-size:18px}.column-info{flex:1}.modern-column-title{font-size:14px;font-weight:600;color:#1e293b}.modern-task-count{font-size:12px;color:#64748b;font-weight:500}.modern-add-task-btn{padding:8px;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modern-add-task-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.modern-task-list{flex:1;padding:12px;overflow-y:auto;min-height:200px}.modern-task-list.dragging-over{background:#f0f9ff;border-radius:12px}.modern-task-card{background:#efeded1a;border:1.5px solid #f1f5f9;box-shadow:0 4px 12px #2e26c133;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .3s ease;position:relative;overflow:visible!important}.modern-task-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.modern-task-card:hover:before{transform:scaleX(1)}.modern-task-card.dragging{transform:rotate(3deg) scale(1.02);box-shadow:0 8px 24px #00000026;border-color:#3b82f6}.modern-task-card.completed{opacity:.7;background:#f8fafc}.modern-task-card.completed .modern-task-title{text-decoration:line-through;color:#94a3b8}.modern-task-card.overdue{border-color:#ef4444;background:#fef2f2}.modern-task-card.overdue:before{background:linear-gradient(90deg,#ef4444,#dc2626);transform:scaleX(1)}.task-card-content{display:flex;flex-direction:column;gap:12px}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-main-info{display:flex;align-items:flex-start;gap:12px;flex:1}.modern-complete-btn{padding:6px;border:none;background:#f1f5f9;color:#cbd5e1;cursor:pointer;border-radius:8px;transition:all .3s ease;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.modern-complete-btn:hover{background:#dcfce7;color:#22c55e;transform:scale(1.1)}.modern-complete-btn.completed{background:#dcfce7;color:#22c55e}.task-text-content{flex:1;min-width:0}.modern-task-title{font-size:14px;font-weight:600;color:#1e293b;margin:0;line-height:1.4;cursor:pointer;word-wrap:break-word}.modern-task-title:hover{color:#3b82f6}.modern-task-description{font-size:12px;color:#64748b;margin:6px 0 0;line-height:1.4}.task-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modern-priority-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid transparent}.modern-assignees-container{position:relative;display:flex;align-items:center;gap:6px}.modern-assignee-avatars{display:flex;align-items:center}.modern-mini-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid white;box-shadow:0 1px 3px #0000001a}.more-count{background:#6b7280!important;font-size:9px}.modern-add-assignee-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1.5px dashed #cbd5e1;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .3s ease;font-size:12px;flex-shrink:0}.modern-add-assignee-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}.modern-menu-container{position:relative}.modern-menu-btn{padding:6px;border:none;background:#f8fafc;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modern-menu-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.modern-task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.meta-item-wrapper{position:relative;display:flex}.modern-meta-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:11px;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.modern-meta-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.modern-meta-btn.date.overdue{background:#fef2f2;color:#dc2626;border-color:#fecaca}.modern-meta-btn.date.today{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.modern-meta-btn.date.tomorrow{background:#f0f9ff;color:#0369a1;border-color:#bae6fd}.popover-wrapper{position:relative;display:inline-block}.modern-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:9999;min-width:260px;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;animation:popoverEnter .2s ease-out;transform-origin:top}@keyframes popoverEnter{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-header{padding:14px 18px;font-weight:700;color:#0f172a;font-size:14px;border-bottom:1px solid #f1f5f9}.popover-actions{background:#f8fafc;border-top:1px solid #f1f5f9;padding:14px 16px;display:flex;justify-content:flex-end;gap:10px}.popover-actions .modern-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 3px 8px #2563eb40}.popover-actions .modern-btn.secondary{background:#f1f5f9;color:#475569}.modern-task-list,.modern-task-columns{overflow:visible!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.priority-popover,.date-popover,.assignees-popover{position:absolute;background:#fff}.modern-column{position:relative;overflow:visible!important}.modern-employee-list{display:flex;flex-direction:column;gap:6px}.modern-employee-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s ease}.modern-employee-item:hover{background:#f8fafc}.checkbox-wrapper{position:relative;display:flex;align-items:center}.checkbox-wrapper input{display:none}.checkmark{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-wrapper input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-wrapper input:checked+.checkmark:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.employee-avatar{width:24px;height:24px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.employee-email{font-size:12px;color:#64748b;flex:1}.modern-add-task-card{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;padding:16px;margin:0 12px 12px}.add-task-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.task-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.modern-task-input{flex:1;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px;background:#fff;transition:all .3s ease;font-family:inherit}.modern-task-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-task-actions{display:flex;gap:8px;justify-content:flex-end}.modern-empty-state{text-align:center;padding:40px 20px;color:#64748b}.empty-illustration{position:relative;margin-bottom:16px}.empty-icon{font-size:40px;margin-bottom:8px;opacity:.5}.empty-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%}.modern-empty-state h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.modern-empty-state p{font-size:13px;margin:0 0 16px;line-height:1.4}.modern-no-project{display:flex;align-items:center;justify-content:center;height:100%}.modern-empty-board{text-align:center;color:#64748b;padding:60px 40px}.empty-board-illustration{position:relative;margin-bottom:24px}.board-icon{font-size:64px;margin-bottom:16px;opacity:.5}.board-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%}.modern-empty-board h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.modern-empty-board p{font-size:15px;margin:0;line-height:1.5}.loading-state{display:flex;align-items:center;gap:8px;padding:12px;color:#64748b;font-size:12px}.loading-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.modern-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:13px;color:#64748b;transition:all .2s ease}.modern-menu-item:hover{background:#f8fafc;color:#1e293b}.modern-priority-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:13px;transition:background .2s ease}.modern-priority-option:hover{background:#f8fafc}.modern-date-input{width:100%;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:13px;background:#fff;transition:all .3s ease;font-family:inherit}.modern-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-task-list::-webkit-scrollbar{width:6px}.modern-task-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modern-task-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-task-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.modern-task-columns{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.modern-task-columns{grid-template-columns:1fr}.modern-board-header{padding:20px}.header-main{flex-direction:column;gap:16px;align-items:flex-start}.header-title-section{flex-direction:column;align-items:flex-start;gap:16px}.board-stats{width:100%;justify-content:space-between}.header-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.modern-task-board-container,.modern-column-header{padding:16px}.modern-task-card{padding:12px}.task-header{flex-direction:column;align-items:flex-start;gap:12px}.task-actions{width:100%;justify-content:space-between}}.workspace-container{display:flex;max-height:88vh;overflow:hidden;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.workspace-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.workspace-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:0;position:relative;box-shadow:0 1px 3px #0000000d}.workspace-header-content{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;margin:0 auto}.project-info{flex:1}.project-title{font-size:1.2rem;font-weight:700;color:#1e293b;line-height:1.2}.project-description{color:#64748b;font-size:.95rem;margin:0;line-height:1.4}.modern-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:none;border-radius:12px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.modern-btn.primary{background:#3b82f6;color:#fff}.modern-btn.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modern-btn.primary:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.modern-btn.secondary{background:#f1f5f9;color:#475569}.modern-btn.secondary:hover{background:#e2e8f0}.add-member-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f633}.add-member-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.modern-popover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-modern-popover{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.popover-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #f1f5f9}.popover-title{display:flex;align-items:center;gap:.75rem;color:#1e293b}.popover-title h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#475569}.popover-content{padding:.5rem .75rem;flex:1;overflow-y:auto;max-height:400px}.employee-list{display:flex;flex-direction:column;gap:.75rem}.employee-item{display:flex;align-items:fl;gap:1rem;padding:.5rem;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.employee-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.employee-item.already-assigned{background:#f8fafc;border-color:#e2e8f0}.employee-checkbox{display:flex;align-items:center;cursor:pointer}.employee-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.employee-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.employee-checkbox input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.employee-info{flex:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.employee-name{font-weight:600;color:#1e293b;font-size:.9rem}.employee-email{color:#64748b;font-size:.8rem}.assigned-badge{display:flex;align-items:center;gap:.25rem;margin:auto;height:fit-content;background:#dcfce7;color:#166534;padding:.375rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.popover-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem;border-top:1px solid #f1f5f9}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#64748b}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;color:#64748b}.empty-state svg{color:#cbd5e1}.workspace-empty{display:flex;align-items:center;justify-content:center;flex:1;background:#fff;margin:1rem;border-radius:16px;border:2px dashed #e2e8f0}.workspace-empty .empty-state h2{color:#1e293b;margin:0;font-size:1.5rem}.workspace-empty .empty-state p{margin:0;font-size:1rem}@media (max-width: 768px){.workspace-content{margin-left:0}.header-content{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.modern-popover{width:95%;margin:1rem}.popover-header,.popover-content,.popover-actions{padding:1rem}}.popover-content::-webkit-scrollbar{width:6px}.popover-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.popover-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.popover-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.meeting-shell{min-height:90vh;overflow:hidden;background:radial-gradient(circle at 20% 20%,#1e293b,#0b1220 55%),radial-gradient(circle at 80% 30%,#172554,transparent 40%),#0b1220;color:#e2e8f0;padding:16px;box-sizing:border-box}.meeting-header-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meeting-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem}.meeting-role-chip{background:#1d4ed8;color:#fff;padding:4px 10px;border-radius:999px;font-size:.85rem}.meeting-actions{margin-left:auto;display:flex;gap:8px}.meeting-icon-button{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .2s}.meeting-icon-button:hover{background:#ffffff1f;transform:translateY(-1px)}.meeting-primary,.meeting-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:600;transition:all .2s}.meeting-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 10px 25px #2563eb59}.meeting-primary:hover{transform:translateY(-1px)}.meeting-secondary{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.meeting-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}.meeting-frame-wrapper{margin-top:16px;display:grid;gap:12px}.meeting-link-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.link-label{color:#cbd5e1;font-size:.9rem}.link-value{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;word-break:break-all;color:#e2e8f0}.link-actions{display:flex;gap:8px;margin-top:8px}.meeting-frame-card{min-height:75vh;border-radius:14px;overflow:hidden;background:#0f172a;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px #00000059;position:relative}.meeting-frame-card iframe{border:none;width:100%;height:100%}.meeting-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a99;color:#e2e8f0;font-weight:600;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.meeting-link-footer{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:6px;align-items:center;font-size:.85rem;color:#cbd5e1;background:#0f172a99;padding:6px 8px;border-radius:8px;word-break:break-all}.meeting-link-footer a{color:#60a5fa;text-decoration:underline}.meeting-room-empty{min-height:100vh;display:grid;place-items:center;background:#0b1220;color:#e2e8f0;text-align:center;gap:8px}@media (max-width: 1024px){.meeting-actions{flex-wrap:wrap}}