@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";.appointments-page{margin:0 auto;padding:32px 16px;font-family:Inter Tight,sans-serif;box-sizing:border-box;background-color:#fff;border-radius:10px}.page-header{background-color:#fff;display:flex;flex-direction:column;gap:24px;margin-bottom:16px}.page-header h2{font-size:28px;font-weight:700;color:#1f2937}.controls-container{display:flex;flex-direction:column;gap:24px}.search-container{width:100%;max-width:250px}.filter-controls{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;background-color:#fff;color:#374151;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#f3f4f6}.filter-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.filter-dropdown{padding:6px 10px;border-radius:6px;border:1px solid #ccc}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.appointment-box-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:box-shadow .2s ease;padding:10px 20px}.appointment-card:hover{box-shadow:0 4px 6px #0000001a}.appointment-box-body{padding:16px}.appointment-card-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.appointment-id{font-size:14px;color:#000;font-weight:700}.appointment-period{display:flex;justify-content:space-between}.status-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.status-upcoming{background-color:#7aa0d1;color:#1d4ed8}.status-completed{background-color:#4e8260;color:#0c391d}.status-cancelled{background-color:#ac5e5e;color:#b91c1c}.status-unconfirmed{background-color:#e7b626}.status-confirmed{background-color:#4e8260}.appointment-patient-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.patient-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#eff6ff;color:#3b82f6}.appointment-patient-info h3{font-size:16px;font-weight:600;color:#ec4899;margin-bottom:2px}.patient-email{font-size:14px;color:#6b7280}.appointment-card-details{display:flex;justify-content:space-between;flex-direction:row;gap:12px;margin-top:10px}.appointment-detail-item{display:flex;flex-direction:column;color:#4b5563;font-size:16px}.appointment-detail-item svg{color:#9ca3af;width:16px;height:16px}.appointment-detail-item p{font-weight:700;color:#000;margin-bottom:3px}.appointment-detail-item span{margin-bottom:5px}.appointment-detail-item span:first-child{font-weight:500;color:#6b7280}.mode-tag{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.mode-tag.virtual{background-color:#f3e8ff;color:#7e22ce}.mode-tag.in-person{background-color:#e5e7eb;color:#4b5563}.card-footer{padding:16px 20px;border-top:1px solid #f3f4f6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;text-align:center}.error-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#ef4444}.error-icon svg{width:32px;height:32px}.error-message{font-size:16px;color:#b91c1c;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#9ca3af}.empty-icon svg{width:32px;height:32px}.empty-state h3{font-size:18px;font-weight:600;color:#111827}.empty-state p{color:#6b7280;max-width:384px}.no-results{padding:32px;text-align:center;color:#6b7280;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.clear-filters-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;background-color:#fff;color:#374151;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;margin-top:16px}.clear-filters-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.clear-filters-button:active{background-color:#e5e7eb}.clear-filters-button.prominent{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.clear-filters-button.prominent:hover{background-color:#fee2e2}@media (max-width: 768px){.controls-container{gap:20px}.appointments-grid{grid-template-columns:1fr}.appointments-page{padding:0}.page-header h2{font-size:20px;font-weight:700;color:#1f2937}.appointment-box-card{padding:5px 10px}.filter-btn{padding:5px 10px;font-weight:500}}@media (min-width: 769px){.controls-container{flex-direction:row;justify-content:space-between;align-items:center}}.appointments-header{display:flex;align-items:center;gap:20px}.appointments-header .filter-options-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;width:140px;background-color:#fff;color:#374151;border:1px solid #cbcdd2;cursor:pointer;transition:all .2s ease;position:relative}.appointments-header .appointment-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;background-image:none;border:none;outline:none;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}.appointments-header .appointment-filter-select option{font-weight:500;color:#374151;border:none;outline:none}.doctor-filter-container select{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;width:140px;background-color:#fff;color:#374151;border:1px solid #cbcdd2;cursor:pointer;transition:all .2s ease}.results-count{font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.pagination-button{padding:8px 14px;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#f3f3f3;border-color:#aaa}.pagination-button.active{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:600}.pagination-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 480px){.pagination-button{padding:6px 10px;font-size:13px}}.appointments-table-container{margin-top:20px;overflow-x:auto;background-color:#fff}.appointments-table-container table{width:100%;border-collapse:collapse}.appointments-table-container table thead{vertical-align:bottom;height:60px;border-top:1px solid #cbdaea;border-bottom:1px solid #ccdbea}.appointments-table-container th,.appointments-table-container td{padding:12px 15px}.appointments-table-container td{vertical-align:text-top;border-bottom:1px solid #eee;line-height:1.5rem}.appointments-table-container th{background-color:#f8f9fa;color:#4a5568;text-align:left}.appointments-table-container th svg{color:#6c757d;margin-right:10px}.appointments-table-container tr:nth-child(2n){background-color:#f9f9f9}.appointments-table-container tr:hover{background-color:#f1f1f1}.appointments-table-container .main-txt{font-size:14px;font-weight:700;color:#2563eb}.appointments-table-container .appointment-id{font-size:14px;font-weight:700;color:#2563eb;margin-left:0!important}.appointments-table-container .appointment-id span{text-align:center;padding:4px 5px;border-radius:5px;background-color:#edf2f7;color:#4a5568;margin-left:5px}.appointments-table-container .appointment-id span svg{vertical-align:middle}.appointments-table-container .appointment-date-time{font-size:13px;color:#4a5568}.appointments-table-container .patient-name{font-size:15px}.appointments-table-container .patient-name svg{margin-right:5px}.appointments-table-container .consultation-details .doctor-name{font-size:15px}.appointments-table-container .consultation-details .doctor-name svg{margin-right:5px}.appointments-table-container .consultation-details .specialty{font-size:14px;font-style:italic;color:#6c757d;font-weight:500}.appointments-table-container .consultation-details .mode-tag{padding:0rem .5rem;border-radius:5px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background-color:#edf2f7;color:#4a5568;margin-left:0!important}.appointments-table-container .consultation-details .mode-tag.online{background-color:#dbeafe;color:#2563eb}.appointments-table-container .status-badge{padding:0rem .5rem;border-radius:5px;font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.02em}.appointments-table-container .status-badge.status-confirmed{background-color:#c6f6d5;color:#276749}.appointments-table-container .status-badge.status-cancelled{background-color:#f8d7da;color:#721c24}.appointments-table-container .status-badge.status-unconfirmed{background-color:#fff3cd;color:#856404}.appointments-table-container .status-badge.status-upcoming{background-color:#cce5ff;color:#004085}: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)}}.patients-grid-container{padding:24px;background-color:#f8f9fa;width:100%;box-sizing:border-box;font-family:Inter Tight,sans-serif}.patients-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:24px}.header-left{flex:1 1 100%}.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}}: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}}.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}: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;flex-direction:column;align-items:flex-end}.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{flex-direction:column}.day-actions{flex-direction:column;align-items:center;margin-top:.5rem}.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-unread-badge{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px}.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}}.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;gap:.4rem}.title-with-badge{display:flex;align-items:center;gap:.75rem}.title-with-badge .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;padding-left:40px!important;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:#1f6feb;border-radius:8px;color:#fff;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:#fff;border:1.5px solid #f1f5f9;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}.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}.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}.header-logo{display:flex;align-items:center;gap:14px;color:#60a5fa}.logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.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:14px;margin-top:10px;margin-bottom:8px;position:relative}.sub-items:before{content:"";position:absolute;left:14px;top:0;bottom:25px;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:0;top:0;width:14px;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:14px;height:2px;background:linear-gradient(90deg,#f9fcffcc,#96989a99);border-radius:0 2px 2px 0;pointer-events:none}.sub-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 6px 10px 18px;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;white-space:nowrap;overflow:hidden}.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:relative!important;left:0!important;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,.sidebar-closed .logo-text{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}.layout-main{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;margin-left:10px}.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}.layout-main{margin-left:0!important}}.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}.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}.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}.document-name-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.document-name{font-weight:500;font-size:1rem;flex:1;word-break:break-word}.document-status{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;padding:4px 8px;border-radius:8px;white-space:nowrap;text-transform:capitalize}: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{--primary: #4eccc4;--primary-light: #e0e7ff;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #4eccc4;--text: #374151;--text-light: #6b7280;--bg: #f9fafb;--card-bg: #ffffff;--border: #e5e7eb}.appointment-details-container{padding:24px;background:var(--bg);font-family:Inter Tight,sans-serif;color:var(--text);display:flex;flex-direction:column;gap:24px}.appointment-back-button{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:500;font-size:.95rem;background:none;border:none;cursor:pointer}.header{display:flex;align-items:center;justify-content:space-between}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:.85rem;font-weight:600;color:#fff}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.detail-item{display:flex;align-items:flex-start;gap:10px}.appointment-detail-icon{flex-shrink:0;font-size:40px;padding:10px;background:var(--primary-light);color:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.detail-label{font-size:.8rem;color:var(--text-light)}.detail-value{font-size:1rem;font-weight:500}.meeting-link{margin-left:8px;padding:2px 8px;background:var(--primary);color:#fff;border-radius:6px;font-size:.8rem;text-decoration:none}.meeting-link:hover{background:#4eccc4}.info-card{background:var(--card-bg);border-radius:12px;box-shadow:#959da533 0 8px 24px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:var(--primary);font-weight:600;background-color:#4eccc4}.card-content{padding:16px 20px}.edit-container textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;resize:vertical;min-height:100px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.text-button{padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:500;border:none;cursor:pointer;background:none;font-weight:700;box-shadow:#959da580 0 8px 24px}.text-button.primary{color:var(--primary)}.text-button.primary:hover{background:#29d3c8;color:#000}.text-button.secondary{color:var(--text-light)}.text-button.secondary:hover{background:#f3f4f6}.icon-button:hover{background:var(--primary-light)}.download-button-container{display:flex;justify-content:flex-end}.comments-panel{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000a}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.comment-composer{padding:16px 20px;background:var(--bg)}.composer-textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;resize:vertical}.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.comments-feed{max-height:400px;overflow-y:auto}.comment{padding:12px 20px;border-bottom:1px solid var(--border)}.comment-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-light)}.comment-text{margin-top:4px;font-size:.9rem}.loading-container,.error-container,.empty-state{padding:40px;text-align:center}.loading-spinner{width:36px;height:36px;border:4px solid var(--primary-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.dlt-btn{color:#cb1717;border:none;padding:5px;background-color:#ffe2e2;border-radius:5px;cursor:pointer}.dlt-btn:hover{background-color:#f8c5c5;color:#7c2e2e}.retry-button{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer}.retry-button:hover{background:#3a56d4}.documents-section{margin-bottom:2rem}.upload-button{padding:.5rem 1rem;background-color:#fff;color:#000;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:.9rem;display:inline-block}.upload-button:hover{background-color:#e0e0e0}.upload-preview{background-color:#f8f9fa;border-radius:6px;padding:1rem;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.file-info{display:flex;flex-direction:column}.file-name{font-weight:500;margin-bottom:.25rem}.file-size{font-size:.8rem;color:#6c757d}.upload-actions{display:flex;gap:.5rem}.cancel-button{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dc3545;color:#dc3545;border-radius:4px;cursor:pointer}.confirm-button{padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.confirm-button:disabled{background-color:#6c757d;cursor:not-allowed}.documents-list{margin-top:1rem}.document-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #eee;transition:background-color .2s}.document-item:hover{background-color:#f8f9fa}.document-icon{margin-right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:#e9ecef;color:#495057;font-weight:700;font-size:.7rem}.pdf-icon{color:#d32f2f}.image-icon{color:#1976d2}.file-icon{color:#6c757d}.document-details{flex:1}.document-name{display:block;margin-bottom:.25rem;font-weight:500}.document-actions{display:flex;gap:.5rem}.view-button,.download-button{padding:.25rem .5rem;font-size:.8rem;border-radius:3px;text-decoration:none}.view-button{background-color:#e3f2fd;color:#1976d2}.download-button{background-color:#e8f5e9;color:#388e3c}.no-documents{padding:2rem;text-align:center;color:#6c757d}.document-name-row,.test-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.document-name{font-weight:500;font-size:1rem;flex:1;max-width:20ch;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-name.multiline{font-weight:500;font-size:1rem;flex:1;max-width:20ch;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-status{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;padding:4px 8px;border-radius:8px;white-space:nowrap;text-transform:capitalize;border:none}.document-status.verified{color:#28a745;background-color:#28a7451a}.document-status.under-review{color:#ffc107;background-color:#ffc10726}.document-status.disapproved{color:#dc3545;background-color:#dc35451f}.status-icon{font-size:1rem;vertical-align:middle}.badge-container{display:flex;justify-content:flex-end;margin-bottom:.5rem}.verification-badge{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff;text-transform:capitalize}.verification-badge.verified{color:#28a745;background-color:#28a7451a}.verification-badge.under-review{color:#ffc107;background-color:#ffc10726}.verification-badge.disapproved{color:#dc3545;background-color:#dc35451f}.verification-button,.verification-status{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;border-radius:20px;border:none;cursor:default;color:#28a745;background-color:#28a7451a}.verification-button{background-color:#fff8e1;color:#b58100;border:1px solid #ffe082;cursor:pointer;transition:all .3s ease}.verification-button:hover{background-color:#ffe082;color:#6b4e00}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.select-all-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem}.select-all-button:hover{text-decoration:underline}.tests-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1rem}.test-item{display:flex;align-items:center;padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0}.test-item:last-child{border-bottom:none}.test-item:hover{background-color:#f8f9fa}.test-item.selected{background-color:#e3f2fd}.test-checkbox{margin-right:.75rem;color:#007bff}.test-info{display:flex;flex-direction:column}.test-name{font-weight:500}.test-specialty{font-size:.8rem;color:#666}.selected-count{text-align:center;margin-bottom:1rem;font-weight:500;color:#007bff}.test-row{margin-bottom:10px;padding:10px 5px;box-shadow:#0000000a 0 3px 5px}.test-upload-button{background-color:#f4f4f4;font-size:16px;padding:5px 10px;border-radius:10px}.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{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: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}.followup-checkbox{display:flex;align-items:center;gap:8px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500;color:#1a355a;margin-bottom:12px;cursor:pointer}.followup-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6bd0d1}.followup-comment-box{background:#f9fafc;border:1px solid #d6dee8;border-radius:8px;padding:12px;margin-top:10px;box-shadow:0 1px 3px #0000000d}.followup-textarea{width:100%;border:1px solid #d6dee8;border-radius:6px;padding:10px;font-family:Quicksand,sans-serif;font-size:14px;resize:none;outline:none;transition:border-color .2s}.followup-textarea:focus{border-color:#6bd0d1;box-shadow:0 0 0 2px #6bd0d133}.followup-actions{margin-top:10px;display:flex;justify-content:flex-end}.followup-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .2s,opacity .2s}.followup-btn.primary{background-color:#1a355a;color:#fff}.followup-btn.primary:hover:not(:disabled){background-color:#142846}.followup-btn:disabled{opacity:.6;cursor:not-allowed}@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}.appointment-details-container{padding:5px;gap:15px}}.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}:root{--auth-backdrop: rgba(171, 57, 184, .2)}.auth-container{height:100vh;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;font-family:Inter Tight,sans-serif;overflow:hidden}.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}}.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}}html,body{margin:0;padding:0;font-family:Inter Tight,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:center;align-items:center}.profile-popup{background:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 10px 30px #00000040;text-align:center;max-width:400px}.profile-popup h2{margin-bottom:1rem;font-size:1.5rem}.profile-popup p{margin-bottom:1.5rem;font-size:1rem}.profile-popup button{background-color:#007bff;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.profile-popup button:hover{background-color:#0056b3}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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;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;cursor:pointer}.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}.card-content{cursor:pointer}.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,.grant-access{padding:5px 10px;background-color:#fff;border:none;outline:none;cursor:pointer;font-size:.875rem;color:#3b82f6;font-weight:500;transition:color .2s ease}.view-details:hover,.grant-access:hover{color:#1d4ed8;transition:color .2s ease}.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}.entry-header .doctor-name{padding:.375rem .875rem .375rem 0}.entry-header .doctor-name .doctor-name-text{font-weight:600}.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}}.myspace{padding:20px}.myspace__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.myspace__title{margin:0}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;cursor:pointer;border:1px solid transparent;font:inherit}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--primary{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.btn--success{color:#fff;background:#10b981;border-color:#10b981}.btn--ghost{background:#f8fafc;border:1px solid #e5e7eb;color:#111827}.icon-left{margin-right:4px}.myspace__actions{display:flex;gap:20px}.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 2px #0000000a}.card--error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.emptystate{border:1px dashed #cbd5e1;padding:24px;border-radius:12px;text-align:center;background:#f8fafc;color:#475569}.emptystate__title{font-weight:600;margin-bottom:6px}.emptystate__subtitle{font-size:14px;color:#64748b}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary__label{font-size:14px;color:#64748b}.summary__value{font-size:16px}.summary__value--strong{font-size:18px;font-weight:600}.summary__muted{font-size:14px;color:#64748b}.section-title{margin:16px 0 8px}.history{display:grid;gap:10px}.history__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.history__doctor{font-weight:600}.history__dates{font-size:13px;color:#64748b}.history__actions{display:flex;align-items:center;gap:10px}.history__details{margin-top:12px;font-size:14px;color:#475569}.badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid transparent}.badge--success{background:#16a34a14;color:#16a34a;border-color:#16a34a54}.badge--danger{background:#dc262614;color:#dc2626;border-color:#dc262654}.badge--warning{background:#d9770614;color:#d97706;border-color:#d9770654}.badge--neutral{background:#64748b14;color:#64748b;border-color:#64748b54}.assistant__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.modal__content{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(92vw,600px);height:fit-content;background:#fff;border-radius:16px;box-shadow:0 10px 32px #0000002e;overflow:hidden;padding:20px}.modal__header{padding:14px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal__title{margin:0;font-size:18px}.modal__close{background:transparent;border:none;cursor:pointer;padding:6px;line-height:0}.modal__body{padding:16px}.modal__footer{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.field{display:grid;gap:6px}.field__label{font-size:14px}.field__select{display:block;width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;outline:none;background:#fff}.field{display:flex;flex-direction:column;margin-bottom:1.25rem}.field__label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#444}.field__input{padding:.5rem .75rem;font-size:.95rem;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;transition:border-color .2s ease}.field__input:focus{border-color:#007aff;outline:none;box-shadow:0 0 0 2px #007aff26}.form-msg{margin-top:8px;font-size:14px}.form-msg--success{color:#16a34a}.form-msg--error{color:#dc2626}@media (max-width: 768px){.myspace__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:14px;gap:10px}.myspace__actions{display:flex;gap:10px}.myspace{padding:0}}.inventoryTab-container{padding:0;background:#f8fafc}.inventoryTab-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;margin-bottom:0}.inventoryTab-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.inventoryTab-titleSection{display:flex;align-items:center;gap:1rem}.inventoryTab-iconWrapper{background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem;border-radius:12px;color:#fff}.inventoryTab-titleSection h1{margin:0;font-size:1.3rem;font-weight:700;color:#1a202c}.inventoryTab-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.inventoryTab-searchSection{background:#fff;padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center}.inventoryTab-searchBox{position:relative;flex:1;max-width:400px}.inventoryTab-searchIcon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.inventoryTab-searchBox input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s}.inventoryTab-searchBox input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.inventoryTab-categoryFilter{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;min-width:150px}.inventoryTab-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.inventoryTab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.inventoryTab-modalHeader{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.inventoryTab-modalHeader h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.inventoryTab-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.inventoryTab-closeBtn:hover{background:#f7fafc;color:#4a5568}.inventoryTab-form{padding:2rem}.inventoryTab-formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.inventoryTab-formGroup{display:flex;flex-direction:column;gap:.5rem}.inventoryTab-fullWidth{grid-column:1 / -1}.inventoryTab-formGroup label{font-weight:600;color:#4a5568;font-size:.9rem}.inventoryTab-formGroup input,.inventoryTab-formGroup select,.inventoryTab-formGroup textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s;font-family:inherit}.inventoryTab-formGroup input:focus,.inventoryTab-formGroup select:focus,.inventoryTab-formGroup textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.inventoryTab-formActions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.inventoryTab-addBtn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;text-decoration:none}.inventoryTab-addBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.inventoryTab-primaryBtn{background:linear-gradient(135deg,#667eea,#764ba2)}.inventoryTab-saveBtn{background:#48bb78;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.inventoryTab-saveBtn:hover{background:#38a169;transform:translateY(-1px)}.inventoryTab-cancelBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.inventoryTab-cancelBtn:hover{background:#cbd5e0}.inventoryTab-productsSection{padding:2rem;margin:0 auto}.inventoryTab-sectionHeader{margin-bottom:1.5rem}.inventoryTab-sectionHeader h3{margin:0 0 .25rem;color:#1a202c;font-size:1.5rem}.inventoryTab-subtitle{color:#718096;font-size:.9rem}.inventoryTab-tableContainer{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.inventoryTab-table{width:100%;border-collapse:collapse}.inventoryTab-table th{background:#f7fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.inventoryTab-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.inventoryTab-tableRow:hover{background:#f7fafc}.inventoryTab-categoryBadge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.inventoryTab-category-medicine{background:#fed7d7;color:#c53030}.inventoryTab-category-consumable{background:#feebc8;color:#d69e2e}.inventoryTab-category-equipment{background:#c6f6d5;color:#276749}.inventoryTab-category-lab-supply{background:#bee3f8;color:#2c5aa0}.inventoryTab-category-other{background:#e9d8fd;color:#6b46c1}.inventoryTab-unitBadge{background:#edf2f7;color:#4a5568;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.inventoryTab-productName{display:flex;flex-direction:column;gap:.25rem}.inventoryTab-productName strong{color:#1a202c}.inventoryTab-productDescription{font-size:.8rem;color:#718096;line-height:1.3}.inventoryTab-actionButtons{display:flex;gap:.5rem}.inventoryTab-editBtn,.inventoryTab-deleteBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.inventoryTab-editBtn{background:#ebf8ff;color:#3182ce}.inventoryTab-editBtn:hover{background:#bee3f8;transform:translateY(-1px)}.inventoryTab-deleteBtn{background:#fff5f5;color:#e53e3e}.inventoryTab-deleteBtn:hover{background:#fed7d7;transform:translateY(-1px)}.inventoryTab-emptyState{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.inventoryTab-emptyState h4{margin:1rem 0 .5rem;color:#1a202c}.inventoryTab-emptyState p{color:#718096;margin-bottom:2rem}.inventoryTab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.inventoryTab-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #667eea;border-radius:50%;animation:inventoryTab-spin 1s linear infinite;margin-bottom:1rem}@keyframes inventoryTab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.inventoryTab-header,.inventoryTab-searchSection,.inventoryTab-productsSection{padding:1rem}.inventoryTab-headerContent{flex-direction:column;gap:1rem;align-items:stretch}.inventoryTab-searchSection{flex-direction:column}.inventoryTab-searchBox{max-width:none}.inventoryTab-formGrid{grid-template-columns:1fr}.inventoryTab-modal{margin:1rem;width:calc(100% - 2rem)}.inventoryTab-form{padding:1rem}.inventoryTab-tableContainer{overflow-x:auto}.inventoryTab-table{min-width:800px}.inventoryTab-modalHeader{padding:1rem 1.5rem}}.suppliersTab-container{padding:0;background:#f8fafc}.suppliersTab-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;margin-bottom:0}.suppliersTab-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.suppliersTab-titleSection{display:flex;align-items:center;gap:1rem}.suppliersTab-iconWrapper{background:linear-gradient(135deg,#ed8936,#dd6b20);padding:.75rem;border-radius:12px;color:#fff}.suppliersTab-titleSection h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.suppliersTab-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.suppliersTab-content{padding:1.5rem;margin:0 auto}.suppliersTab-sectionHeader{margin-bottom:1.5rem}.suppliersTab-sectionHeader h3{margin:0 0 .25rem;color:#1a202c;font-size:1.5rem}.suppliersTab-subtitle{color:#718096;font-size:.9rem}.suppliersTab-tableContainer{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.suppliersTab-table{width:100%;border-collapse:collapse}.suppliersTab-table th{background:#f7fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.suppliersTab-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.suppliersTab-tableRow:hover{background:#f7fafc}.suppliersTab-supplierName{display:flex;flex-direction:column;gap:.25rem}.suppliersTab-supplierName strong{color:#1a202c}.suppliersTab-addressLine{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#718096}.suppliersTab-phone,.suppliersTab-email{display:flex;align-items:center;gap:.5rem;color:#4a5568}.suppliersTab-productsCount{display:flex;align-items:center}.suppliersTab-countBadge{background:#edf2f7;color:#4a5568;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0}.suppliersTab-actionButtons{display:flex;gap:.5rem}.suppliersTab-viewBtn,.suppliersTab-editBtn,.suppliersTab-deleteBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.suppliersTab-viewBtn{background:#f0fff4;color:#38a169}.suppliersTab-viewBtn:hover:not(:disabled){background:#c6f6d5;transform:translateY(-1px)}.suppliersTab-viewBtn:disabled{background:#f7fafc;color:#cbd5e0;cursor:not-allowed;opacity:.6}.suppliersTab-editBtn{background:#ebf8ff;color:#3182ce}.suppliersTab-editBtn:hover{background:#bee3f8;transform:translateY(-1px)}.suppliersTab-deleteBtn{background:#fff5f5;color:#e53e3e}.suppliersTab-deleteBtn:hover{background:#fed7d7;transform:translateY(-1px)}.suppliersTab-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.suppliersTab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.suppliersTab-productsModal{max-width:800px}.suppliersTab-modalHeader{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.suppliersTab-modalHeader h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.suppliersTab-modalIcon{color:#ed8936}.suppliersTab-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.suppliersTab-closeBtn:hover{background:#f7fafc;color:#4a5568}.suppliersTab-modalContent{padding:0}.suppliersTab-addProductSection{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.suppliersTab-addProductSection h4{margin:0 0 1rem;color:#1a202c;font-size:1.1rem}.suppliersTab-addProductForm{width:100%}.suppliersTab-addProductGrid{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.suppliersTab-noItemsText{color:#718096;font-size:.9rem;margin:.5rem 0 0;font-style:italic}.suppliersTab-productsList{padding:1.5rem 2rem}.suppliersTab-productsList h4{margin:0 0 1rem;color:#1a202c;font-size:1.1rem}.suppliersTab-emptyProducts{text-align:center;padding:2rem;color:#718096}.suppliersTab-emptyProducts p{margin:.5rem 0 0}.suppliersTab-productsTable{background:#f7fafc;border-radius:8px;overflow:hidden}.suppliersTab-productsTable table{width:100%;border-collapse:collapse}.suppliersTab-productsTable th{background:#edf2f7;padding:.75rem 1rem;text-align:left;font-weight:600;color:#4a5568;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.suppliersTab-productsTable td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff}.suppliersTab-productRow:hover{background:#f7fafc}.suppliersTab-productName{display:flex;flex-direction:column;gap:.25rem}.suppliersTab-productName strong{color:#1a202c;font-size:.9rem}.suppliersTab-productDescription{font-size:.8rem;color:#718096;line-height:1.3}.suppliersTab-productPrice{font-weight:600;color:#2d3748}.suppliersTab-categoryBadge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.suppliersTab-category-medicine{background:#fed7d7;color:#c53030}.suppliersTab-category-consumable{background:#feebc8;color:#d69e2e}.suppliersTab-category-equipment{background:#c6f6d5;color:#276749}.suppliersTab-category-lab-supply{background:#bee3f8;color:#2c5aa0}.suppliersTab-category-other{background:#e9d8fd;color:#6b46c1}.suppliersTab-form{padding:2rem}.suppliersTab-formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.suppliersTab-formGroup{display:flex;flex-direction:column;gap:.5rem}.suppliersTab-fullWidth{grid-column:1 / -1}.suppliersTab-formGroup label{font-weight:600;color:#4a5568;font-size:.9rem}.suppliersTab-formGroup input,.suppliersTab-formGroup select,.suppliersTab-formGroup textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s;font-family:inherit}.suppliersTab-formGroup input:focus,.suppliersTab-formGroup select:focus,.suppliersTab-formGroup textarea:focus{outline:none;border-color:#ed8936;box-shadow:0 0 0 3px #ed89361a}.suppliersTab-formActions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.suppliersTab-addBtn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.suppliersTab-addBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed89364d}.suppliersTab-primaryBtn{background:linear-gradient(135deg,#ed8936,#dd6b20)}.suppliersTab-saveBtn{background:#48bb78;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.suppliersTab-saveBtn:hover{background:#38a169;transform:translateY(-1px)}.suppliersTab-smallBtn{padding:.75rem 1rem;font-size:.85rem}.suppliersTab-cancelBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.suppliersTab-cancelBtn:hover{background:#cbd5e0}.suppliersTab-emptyState{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.suppliersTab-emptyState h4{margin:1rem 0 .5rem;color:#1a202c}.suppliersTab-emptyState p{color:#718096;margin-bottom:2rem}.suppliersTab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.suppliersTab-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #ed8936;border-radius:50%;animation:suppliersTab-spin 1s linear infinite;margin-bottom:1rem}@keyframes suppliersTab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suppliersTab-productRow{transition:all .2s}.suppliersTab-productRow:hover{background-color:#f8fafc}.suppliersTab-productPrice{font-weight:600;color:#059669}.suppliersTab-editPrice{position:relative;display:flex;align-items:center}.suppliersTab-priceInput{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:120px;padding:.5rem .5rem .5rem 1.5rem}.suppliersTab-currency{position:absolute;left:.5rem;color:#6b7280;font-weight:600}.suppliersTab-actionButtons{display:flex;gap:.25rem;justify-content:center}.suppliersTab-smallBtn{padding:.4rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.suppliersTab-editBtn{background:#dbeafe;color:#1e40af}.suppliersTab-editBtn:hover{background:#bfdbfe;transform:translateY(-1px)}.suppliersTab-saveBtn.suppliersTab-smallBtn{background:#d1fae5;color:#065f46}.suppliersTab-saveBtn.suppliersTab-smallBtn:hover{background:#a7f3d0;transform:translateY(-1px)}.suppliersTab-cancelBtn.suppliersTab-smallBtn{background:#f3f4f6;color:#6b7280}.suppliersTab-cancelBtn.suppliersTab-smallBtn:hover{background:#e5e7eb;transform:translateY(-1px)}.suppliersTab-deleteBtn{background:#fef2f2;color:#dc2626}.suppliersTab-deleteBtn:hover{background:#fecaca;transform:translateY(-1px)}@media (max-width: 768px){.suppliersTab-actionButtons{flex-direction:column;gap:.5rem}.suppliersTab-smallBtn{width:100%;height:36px}.suppliersTab-priceInput{width:100px}}@media (max-width: 768px){.suppliersTab-header,.suppliersTab-content{padding:1rem}.suppliersTab-headerContent{flex-direction:column;gap:1rem;align-items:stretch}.suppliersTab-addProductGrid,.suppliersTab-formGrid{grid-template-columns:1fr}.suppliersTab-modal{margin:1rem;width:calc(100% - 2rem)}.suppliersTab-form{padding:1rem}.suppliersTab-modalHeader,.suppliersTab-addProductSection,.suppliersTab-productsList{padding:1rem 1.5rem}.suppliersTab-tableContainer{overflow-x:auto}.suppliersTab-table{min-width:800px}.suppliersTab-actionButtons{flex-direction:column}}.ordersTab-container{padding:0;background:#f8fafc}.ordersTab-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;margin-bottom:0}.ordersTab-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.ordersTab-titleSection{display:flex;align-items:center;gap:1rem}.ordersTab-iconWrapper{background:linear-gradient(135deg,#9f7aea,#805ad5);padding:.75rem;border-radius:12px;color:#fff}.ordersTab-titleSection h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.ordersTab-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.ordersTab-stats{padding:1rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ordersTab-statCard{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:all .2s}.ordersTab-statCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ordersTab-statIcon{padding:.75rem;border-radius:10px;color:#fff}.ordersTab-statTotal{background:linear-gradient(135deg,#9f7aea,#805ad5)}.ordersTab-statPending{background:linear-gradient(135deg,#ed8936,#dd6b20)}.ordersTab-statReceived{background:linear-gradient(135deg,#48bb78,#38a169)}.ordersTab-statInfo{display:flex;flex-direction:column}.ordersTab-statNumber{font-size:1.5rem;font-weight:700;color:#1a202c}.ordersTab-statLabel{font-size:.9rem;color:#718096}.ordersTab-content{padding:0 2rem 2rem;margin:0 auto}.ordersTab-sectionHeader{margin-bottom:1.5rem}.ordersTab-sectionHeader h3{margin:0 0 .25rem;color:#1a202c;font-size:1.5rem}.ordersTab-subtitle{color:#718096;font-size:.9rem}.ordersTab-tableContainer{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.ordersTab-table{width:100%;border-collapse:collapse}.ordersTab-table th{background:#f7fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.ordersTab-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.ordersTab-tableRow:hover{background:#f7fafc}.ordersTab-supplierCell strong{color:#1a202c}.ordersTab-dateCell,.ordersTab-totalCell{color:#4a5568}.ordersTab-date,.ordersTab-total{display:flex;align-items:center;gap:.5rem}.ordersTab-status{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ordersTab-status-pending{background:#feebc8;color:#d69e2e}.ordersTab-status-received{background:#c6f6d5;color:#276749}.ordersTab-itemsCell{max-width:200px}.ordersTab-itemsList{display:flex;flex-direction:column;gap:.25rem}.ordersTab-item{font-size:.85rem;color:#4a5568}.ordersTab-moreItems{font-size:.8rem;color:#718096;font-style:italic}.ordersTab-actionButtons{display:flex;gap:.5rem}.ordersTab-receiveBtn,.ordersTab-deleteBtn,.ordersTab-viewItemsBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ordersTab-receiveBtn{background:#f0fff4;color:#38a169}.ordersTab-receiveBtn:hover{background:#c6f6d5;transform:translateY(-1px)}.ordersTab-deleteBtn{background:#fff5f5;color:#e53e3e}.ordersTab-deleteBtn:hover{background:#fed7d7;transform:translateY(-1px)}.ordersTab-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ordersTab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto}.ordersTab-modalHeader{padding:.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.ordersTab-modalHeader h3{margin:0;color:#1a202c;font-size:1rem;font-weight:600}.ordersTab-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.ordersTab-closeBtn:hover{background:#f7fafc;color:#4a5568}.ordersTab-form{padding:.8rem}.ordersTab-formSection{display:flex;gap:.5rem;align-items:end;margin-bottom:1rem}.ordersTab-formGroup{display:flex;flex-direction:column;gap:.4rem;flex:1}.ordersTab-formGroup label{font-weight:600;color:#4a5568;font-size:.75rem}.ordersTab-formGroup input,.ordersTab-formGroup select{padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.75rem;transition:all .2s;font-family:inherit}.ordersTab-itemsSection{margin-bottom:1rem}.ordersTab-itemsSection h4{margin:0 0 .5rem;color:#1a202c;font-size:1.1rem}.ordersTab-noItems{text-align:center;padding:1rem;color:#718096;background:#f7fafc;border-radius:8px;border:2px dashed #e2e8f0}.ordersTab-noItems p{margin:.5rem 0 .25rem;font-weight:600}.ordersTab-noItems span{font-size:.75rem}.ordersTab-itemRow{display:flex;gap:.5rem;align-items:start;padding:.5rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.ordersTab-itemForm{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;flex:1}.ordersTab-removeItemBtn{background:#fff5f5;color:#e53e3e;border:none;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ordersTab-removeItemBtn:hover{background:#fed7d7;transform:translateY(-1px)}.ordersTab-formActions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e2e8f0}.ordersTab-orderSummary{font-size:1.1rem;color:#1a202c}.ordersTab-actionButtons{display:flex;gap:1rem}.ordersTab-addBtn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.ordersTab-addBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9f7aea4d}.ordersTab-primaryBtn{background:linear-gradient(135deg,#9f7aea,#805ad5)}.ordersTab-addItemBtn{background:#edf2f7;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap}.ordersTab-addItemBtn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.ordersTab-addItemBtn:disabled{opacity:.6;cursor:not-allowed}.ordersTab-saveBtn{background:#48bb78;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.ordersTab-saveBtn:hover{background:#38a169;transform:translateY(-1px)}.ordersTab-cancelBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.ordersTab-cancelBtn:hover{background:#cbd5e0}.ordersTab-emptyState{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.ordersTab-emptyState h4{margin:1rem 0 .5rem;color:#1a202c}.ordersTab-emptyState p{color:#718096;margin-bottom:2rem}.ordersTab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.ordersTab-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #9f7aea;border-radius:50%;animation:ordersTab-spin 1s linear infinite;margin-bottom:1rem}@keyframes ordersTab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ordersTab-itemRow{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:center;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.ordersTab-formGroup{display:flex;flex-direction:column;gap:.25rem}.ordersTab-subtotal{font-weight:600;color:#059669;font-size:.9rem;text-align:center;padding:.5rem;background:#f0fdf4;border-radius:4px}.ordersTab-removeItemBtn{background:#fef2f2;color:#dc2626;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.ordersTab-globalSupplier{padding:1rem;background:#f0f9ff;border-radius:8px;margin-bottom:1rem;border:1px solid #bae6fd}.ordersTab-globalSupplier label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0369a1;cursor:pointer}.ordersTab-globalSupplier input[type=checkbox]{width:16px;height:16px}.ordersTab-itemsList{display:flex;flex-direction:column;gap:.5rem}.ordersTab-itemHeader{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr auto;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px;font-weight:600;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.ordersTab-itemRow{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:start;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.ordersTab-itemRow:hover{border-color:#9f7aea;box-shadow:0 2px 4px #9f7aea1a}.ordersTab-formGroup{display:flex;flex-direction:column;gap:.25rem;position:relative}.ordersTab-formGroup label{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.ordersTab-formGroup input,.ordersTab-formGroup select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;width:100%}.ordersTab-formGroup input:focus,.ordersTab-formGroup select:focus{outline:none;border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea1a}.ordersTab-autoPrice{background:#f0fdf4;border-color:#bbf7d0}.ordersTab-priceNote{font-size:.7rem;color:#059669;position:absolute;bottom:-16px;left:0}.ordersTab-noSupplierWarning{font-size:.7rem;color:#dc2626;margin-top:.25rem}.ordersTab-subtotal{font-weight:600;color:#059669;font-size:.9rem;text-align:center;padding:.5rem;background:#f0fdf4;border-radius:4px;display:flex;align-items:center;justify-content:center}.ordersTab-removeItemBtn{background:#fef2f2;color:#dc2626;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;align-self:center}.ordersTab-removeItemBtn:hover{background:#fecaca;transform:scale(1.05)}.ordersTab-emptyState{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0;min-height:300px}.ordersTab-emptyContent{text-align:center;max-width:300px}.ordersTab-emptyIcon{color:#9ca3af;margin-bottom:1rem}.ordersTab-emptyState h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.ordersTab-emptyState p{margin:0 0 1.5rem;color:#6b7280;font-size:.9rem}.ordersTab-addFirstBtn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;margin:0 auto}.ordersTab-addFirstBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9f7aea4d}.ordersTab-addItemBtn{background:#edf2f7;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap;width:fit-content;margin:1rem 0}.ordersTab-addItemBtn:hover{background:#e2e8f0;transform:translateY(-1px)}.ordersTab-confirmationModal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:ordersTab-modalAppear .2s ease-out}.ordersTab-confirmationHeader{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fef3f2}.ordersTab-confirmationIcon{color:#dc2626;background:#fee2e2;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.ordersTab-confirmationHeader h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600;flex:1}.ordersTab-confirmationContent{padding:1.5rem}.ordersTab-confirmationContent p{margin:0 0 1.5rem;color:#4b5563;line-height:1.6;font-size:.95rem}.ordersTab-confirmationDetails{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.ordersTab-confirmationDetails div{margin-bottom:.5rem;color:#4b5563;font-size:.9rem}.ordersTab-confirmationDetails div:last-child{margin-bottom:0}.ordersTab-confirmationDetails strong{color:#374151}.ordersTab-confirmationActions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.ordersTab-cancelConfirmBtn{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.ordersTab-cancelConfirmBtn:hover{background:#e5e7eb}.ordersTab-confirmReceiveBtn{background:#059669;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.ordersTab-confirmReceiveBtn:hover{background:#047857;transform:translateY(-1px)}.ordersTab-confirmDeleteBtn{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.ordersTab-confirmDeleteBtn:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes ordersTab-modalAppear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.ordersTab-confirmationModal{width:95%;margin:1rem}.ordersTab-confirmationHeader,.ordersTab-confirmationContent{padding:1rem}.ordersTab-confirmationActions{padding:1rem;flex-direction:column}.ordersTab-cancelConfirmBtn,.ordersTab-confirmReceiveBtn,.ordersTab-confirmDeleteBtn{width:100%;text-align:center}}@media (max-width: 768px){.ordersTab-itemHeader{display:none}.ordersTab-itemRow{grid-template-columns:1fr;gap:.75rem;padding:1rem}.ordersTab-formGroup{width:100%}.ordersTab-subtotal{text-align:left;padding:.75rem;justify-content:flex-start}.ordersTab-removeItemBtn{align-self:end;margin-top:.5rem}.ordersTab-priceNote{position:static;margin-top:.25rem}}@media (max-width: 768px){.ordersTab-itemHeader{display:none}.ordersTab-itemRow{grid-template-columns:1fr;gap:.75rem;padding:1rem}.ordersTab-formGroup{width:100%}.ordersTab-subtotal{text-align:left;padding:.75rem}.ordersTab-removeItemBtn{align-self:end;margin-top:.5rem}}@media (max-width: 768px){.ordersTab-modal{width:95%;max-height:95vh}.ordersTab-modalHeader{flex-direction:column;gap:16px}.ordersTab-popupSummary{flex-direction:column;gap:12px;align-items:flex-start}.ordersTab-popupTable{font-size:.875rem}.ordersTab-popupTable th,.ordersTab-popupTable td{padding:12px 8px}.ordersTab-supplierDetails{flex-wrap:wrap}}@media (max-width: 768px){.ordersTab-header,.ordersTab-stats,.ordersTab-content{padding:1rem}.ordersTab-headerContent{flex-direction:column;gap:1rem;align-items:stretch}.ordersTab-stats{grid-template-columns:1fr}.ordersTab-formSection{flex-direction:column;align-items:stretch}.ordersTab-itemForm{grid-template-columns:1fr}.ordersTab-itemRow{flex-direction:column}.ordersTab-modal{margin:1rem;width:calc(100% - 2rem)}.ordersTab-form{padding:1rem}.ordersTab-modalHeader{padding:1rem 1.5rem}.ordersTab-formActions{flex-direction:column;gap:1rem;align-items:stretch}.ordersTab-actionButtons{justify-content:space-between}.ordersTab-tableContainer{overflow-x:auto}.ordersTab-table{min-width:800px}}.ordersTab-hospitalReceipt{max-width:800px;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;position:relative;overflow:hidden;overflow-y:auto;padding:70px 50px}.ordersTab-receiptContainer{padding:0;box-shadow:0 20px 40px #00000026}.ordersTab-receiptHeader{display:flex;justify-content:space-between;background:linear-gradient(135deg,#962c96,#721f72);color:#fff;padding:1rem;align-items:center}.ordersTab-hospitalLogo{display:flex;gap:1rem}.hospitalLogo{width:auto;height:30px}.ordersTab-hospitalInfo h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.5px}.ordersTab-hospitalTagline{margin:.5rem 0 0;font-size:1.1rem;opacity:.9;font-weight:300}.ordersTab-hospitalContact{font-size:.9rem;opacity:.8;line-height:1.6}.ordersTab-hospitalContact p{margin:.1rem 0}.ordersTab-receiptTitle{padding:1rem;background:#f8fafc;border-bottom:2px solid #e2e8f0;text-align:center}.ordersTab-receiptTitle h2{margin:0 0 .5rem;color:#962c96;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.ordersTab-receiptMeta{display:flex;justify-content:center;gap:2rem;font-size:.9rem;color:#64748b;font-weight:500}.ordersTab-receiptBody{padding:2rem}.ordersTab-supplierSection{margin-bottom:1rem;padding:1rem;background:#f1f5f9;border-radius:8px;border-left:4px solid #962c96}.ordersTab-supplierSection h3{margin:0 0 .5rem;color:#1e40af;font-size:1rem;font-weight:600}.ordersTab-supplierName{font-size:1.1rem;color:#1e293b;margin-bottom:.3rem}.ordersTab-contactPerson{color:#64748b;font-size:.95rem}.ordersTab-supplierContact{display:flex;flex-direction:column;gap:.5rem}.ordersTab-contactItem{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.9rem}.ordersTab-itemsSection h3{margin:0 0 1rem;color:#1e40af;font-size:1.1rem;font-weight:600}.ordersTab-itemsTable{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ordersTab-receiptTable{width:100%;border-collapse:collapse}.ordersTab-receiptTable th{background:#962c96;color:#fff;padding:.75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:left;border:none}.ordersTab-receiptTable td{padding:.75rem;border-bottom:1px solid #f1f5f9;font-size:.9rem}.ordersTab-tableRow:hover{background:#f8fafc}.ordersTab-itemIndex{text-align:center;color:#64748b;font-weight:600}.ordersTab-itemName{display:flex;flex-direction:column;gap:.25rem}.ordersTab-itemDesc{font-size:.8rem;color:#64748b;font-style:italic}.ordersTab-itemCategory{color:#475569}.ordersTab-itemQty{text-align:center;font-weight:600;color:#1e293b}.ordersTab-itemPrice{text-align:right;color:#1e293b}.ordersTab-itemTotal{text-align:right;color:#059669;font-weight:600}.ordersTab-summarySection{margin:1rem 0;display:flex;justify-content:flex-end}.ordersTab-summaryCard{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;width:300px;box-shadow:0 2px 8px #0000001a}.ordersTab-summaryRow{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid #f1f5f9;color:#475569}.ordersTab-grandTotal{border-top:2px solid #e2e8f0;margin-top:.5rem;padding-top:1rem;font-size:1.1rem;color:#1e40af}.ordersTab-receiptFooter{margin-top:2rem;padding:1.5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.ordersTab-footerNotes p{margin:0 0 1rem;font-size:.85rem;color:#0369a1;line-height:1.5}.ordersTab-footerNotes p:last-child{margin-bottom:0}.ordersTab-receiptNavigation{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background:#f8fafc;border-top:1px solid #e2e8f0}.ordersTab-navArrow{width:60px;height:60px;border:2px solid #1e40af;background:#fff;color:#1e40af;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ordersTab-navArrow:hover:not(:disabled){background:#1e40af;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #1e40af4d}.ordersTab-navArrow:disabled{opacity:.3;cursor:not-allowed;border-color:#cbd5e1;color:#cbd5e1}.ordersTab-navInfo{background:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;color:#1e40af;border:2px solid #e2e8f0;min-width:150px;text-align:center}.ordersTab-confirmationSection{padding:2rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.ordersTab-confirmLabel{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:#475569}.ordersTab-checkboxText{font-weight:500}.ordersTab-confirmButton{display:flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #05966933}.ordersTab-confirmButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.ordersTab-confirmButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ordersTab-closeReceiptBtn{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;box-shadow:0 2px 8px #0000001a}.ordersTab-closeReceiptBtn:hover{background:#fff;color:#dc2626;transform:scale(1.1)}@media (max-width: 768px){.ordersTab-hospitalReceipt{margin:1rem;max-width:calc(100vw - 2rem)}.ordersTab-receiptHeader{padding:1.5rem 1rem}.ordersTab-hospitalLogo{flex-direction:column;text-align:center}.ordersTab-hospitalInfo h1{font-size:2rem}.ordersTab-receiptMeta{flex-direction:column;gap:.5rem}.ordersTab-receiptBody{padding:1rem}.ordersTab-supplierDetails{grid-template-columns:1fr;gap:1rem}.ordersTab-summaryCard{width:100%}.ordersTab-receiptNavigation{gap:1rem;padding:1.5rem}.ordersTab-navArrow{width:50px;height:50px;font-size:1.25rem}.ordersTab-confirmationSection{padding:1.5rem}.ordersTab-confirmLabel{text-align:center}}.ordersTab-orderSummary{margin-bottom:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.ordersTab-orderSummary h4{margin:0 0 1rem;color:#1e40af;font-size:1.1rem}.ordersTab-supplierList{display:flex;flex-direction:column;gap:.75rem}.ordersTab-supplierSummary{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.9rem}.ordersTab-supplierSummary span:first-child{font-weight:600;color:#1e293b}.ordersTab-supplierSummary span:nth-child(2){color:#64748b;text-align:center}.ordersTab-supplierSummary span:nth-child(3){color:#059669;font-weight:600;text-align:right}.ordersTab-supplierSummary span:last-child{text-align:center;font-size:1.1rem}.ordersTab-modernModal{max-width:1200px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow-y:auto}.modern-headerMeta{display:flex;gap:24px;margin:auto}.modern-status-received{background:#d1fae5;color:#059669}.modern-checkmark{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-th-quantity,.modern-td-quantity{width:8%;text-align:center}.modern-th-price,.modern-td-price{width:10%;text-align:right}.modern-productDesc{font-size:.8rem;color:#64748b}.modern-status-received .modern-statusDot{background:#10b981}.modern-summaryContent{display:flex;justify-content:space-between;align-items:center;max-width:300px;margin-left:auto}.ordersTab-smartOrderBtn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:160px}.ordersTab-smartOrderBtn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.ordersTab-smartOrderBtn:active{transform:translateY(0)}.ordersTab-btnContent{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.ordersTab-btnIcon{display:flex;align-items:center;justify-content:center;background:#fff3;padding:8px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ordersTab-btnText{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.ordersTab-btnTitle{font-size:1rem;font-weight:600;line-height:1.2}.ordersTab-btnSubtitle{font-size:.75rem;opacity:.9;font-weight:400;margin-top:2px;line-height:1.2}.ordersTab-smartBadge{position:relative;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;margin-left:auto;animation:badgeBounce .6s ease}.ordersTab-badgeCount{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.ordersTab-badgePulse{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #ff6b6b;border-radius:14px;animation:badgePulse 2s infinite}@keyframes badgeBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes badgePulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.3);opacity:0}to{transform:scale(1.3);opacity:0}}.stocksTab-container{padding:0;background:#f8fafc}.stocksTab-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;margin-bottom:0}.stocksTab-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.stocksTab-titleSection{display:flex;align-items:center;gap:1rem}.stocksTab-iconWrapper{background:linear-gradient(135deg,#4299e1,#3182ce);padding:.75rem;border-radius:12px;color:#fff}.stocksTab-titleSection h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.stocksTab-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.stocksTab-stats{padding:1rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stocksTab-statCard{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:all .2s}.stocksTab-statCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stocksTab-statIcon{padding:.75rem;border-radius:10px;color:#fff}.stocksTab-statTotal{background:linear-gradient(135deg,#4299e1,#3182ce)}.stocksTab-statQuantity{background:linear-gradient(135deg,#48bb78,#38a169)}.stocksTab-statLow{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stocksTab-statInfo{display:flex;flex-direction:column}.stocksTab-statNumber{font-size:1.5rem;font-weight:700;color:#1a202c}.stocksTab-statLabel{font-size:.9rem;color:#718096}.stocksTab-controls{background:#fff;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center}.stocksTab-searchBox{flex:1;max-width:400px}.stocksTab-searchBox input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s}.stocksTab-searchBox input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.stocksTab-locationFilter{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;min-width:150px}.stocksTab-content{padding:2rem;margin:0 auto}.stocksTab-sectionHeader{margin-bottom:1.5rem}.stocksTab-sectionHeader h3{margin:0 0 .25rem;color:#1a202c;font-size:1.5rem}.stocksTab-subtitle{color:#718096;font-size:.9rem}.stocksTab-tableContainer{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.stocksTab-table{width:100%;border-collapse:collapse}.stocksTab-table th{background:#f7fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.stocksTab-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.stocksTab-tableRow:hover{background:#f7fafc}.stocksTab-itemCell{display:flex;flex-direction:column;gap:.25rem}.stocksTab-itemCell strong{color:#1a202c}.stocksTab-itemCategory{font-size:.8rem;color:#718096;background:#f7fafc;padding:.25rem .5rem;border-radius:12px;align-self:flex-start}.stocksTab-batch{font-family:Courier New,monospace;background:#f7fafc;padding:.25rem .5rem;border-radius:6px;font-size:.85rem}.stocksTab-expiryCell{min-width:120px}.stocksTab-expiry{display:flex;align-items:center;gap:.5rem;color:#4a5568}.stocksTab-expiry.stocksTab-expired{color:#e53e3e}.stocksTab-expiryBadge{background:#fed7d7;color:#c53030;padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:.5rem}.stocksTab-quantityCell{min-width:100px}.stocksTab-quantity{display:flex;align-items:center;gap:.5rem}.stocksTab-qtyNumber{font-weight:600;color:#1a202c}.stocksTab-quantity.stocksTab-lowStock{color:#dd6b20}.stocksTab-lowStockBadge{background:#feebc8;color:#d69e2e;padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.stocksTab-location,.stocksTab-supplier{display:flex;align-items:center;gap:.5rem;color:#4a5568}.stocksTab-actionButtons{display:flex;gap:.5rem}.stocksTab-editBtn,.stocksTab-deleteBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.stocksTab-editBtn{background:#ebf8ff;color:#3182ce}.stocksTab-editBtn:hover{background:#bee3f8;transform:translateY(-1px)}.stocksTab-deleteBtn{background:#fff5f5;color:#e53e3e}.stocksTab-deleteBtn:hover{background:#fed7d7;transform:translateY(-1px)}.stocksTab-refreshBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.stocksTab-refreshBtn:hover{background:#cbd5e0;transform:translateY(-1px)}.stocksTab-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.stocksTab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.stocksTab-modalHeader{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.stocksTab-modalHeader h3{margin:0;color:#1a202c;font-size:1.25rem;font-weight:600}.stocksTab-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.stocksTab-closeBtn:hover{background:#f7fafc;color:#4a5568}.stocksTab-modalContent{padding:2rem}.stocksTab-adjustForm{margin-bottom:2rem}.stocksTab-formGroup{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stocksTab-formGroup label{font-weight:600;color:#4a5568;font-size:.9rem}.stocksTab-adjustType,.stocksTab-quantityInput{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s;font-family:inherit}.stocksTab-adjustType:focus,.stocksTab-quantityInput:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.stocksTab-preview{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.stocksTab-previewLabel{font-size:.9rem;color:#718096}.stocksTab-previewValue{font-weight:600;color:#1a202c}.stocksTab-formActions{display:flex;gap:1rem;justify-content:flex-end}.stocksTab-saveBtn{background:#48bb78;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.stocksTab-saveBtn:hover{background:#38a169;transform:translateY(-1px)}.stocksTab-cancelBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.stocksTab-cancelBtn:hover{background:#cbd5e0}.stocksTab-emptyState{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.stocksTab-emptyState h4{margin:1rem 0 .5rem;color:#1a202c}.stocksTab-emptyState p{color:#718096;margin-bottom:2rem}.stocksTab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.stocksTab-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #4299e1;border-radius:50%;animation:stocksTab-spin 1s linear infinite;margin-bottom:1rem}@keyframes stocksTab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stocksTab-header,.stocksTab-stats,.stocksTab-controls,.stocksTab-content{padding:1rem}.stocksTab-headerContent{flex-direction:column;gap:1rem;align-items:stretch}.stocksTab-stats{grid-template-columns:1fr}.stocksTab-controls{flex-direction:column}.stocksTab-searchBox{max-width:none}.stocksTab-modal{margin:1rem;width:calc(100% - 2rem)}.stocksTab-modalContent{padding:1rem}.stocksTab-modalHeader{padding:1rem 1.5rem}.stocksTab-formActions{flex-direction:column}.stocksTab-tableContainer{overflow-x:auto}.stocksTab-table{min-width:800px}}.inventory-container{padding:20px;border-radius:12px}.inventory-header{margin-bottom:16px;font-size:1.5rem;font-weight:600}.inventory-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.inventory-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.inventory-tab.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #60a5fa4d}.inventory-tab:hover{border-color:#cbd5e1;background:#f8fafc}.inventory-content{border-top:1px solid #eee;padding-top:15px}.requestsTab-container{padding:0;background:#f8fafc}.requestsTab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.requestsTab-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #667eea;border-radius:50%;animation:requestsTab-spin 1s linear infinite;margin-bottom:1rem}@keyframes requestsTab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.requestsTab-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.requestsTab-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto}.requestsTab-modalHeader{padding:.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.requestsTab-modalHeader h3{margin:0;color:#1a202c;font-size:1rem;font-weight:600}.requestsTab-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.requestsTab-closeBtn:hover{background:#f7fafc;color:#4a5568}.requestsTab-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;margin-bottom:0}.requestsTab-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.requestsTab-titleSection{display:flex;align-items:center;gap:1rem}.requestsTab-iconWrapper{background:linear-gradient(135deg,#38b2ac,#319795);padding:.75rem;border-radius:12px;color:#fff}.requestsTab-titleSection h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.requestsTab-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.requestsTab-refreshBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.requestsTab-refreshBtn:hover{background:#cbd5e0;transform:translateY(-1px)}.requestsTab-searchSection{background:#fff;padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center}.requestsTab-searchBox{position:relative;flex:1;max-width:400px}.requestsTab-searchIcon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.requestsTab-searchBox input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s}.requestsTab-searchBox input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.requestsTab-categoryFilter{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;min-width:150px}.requestsTab-requestsSection{padding:2rem;margin:0 auto}.requestsTab-sectionHeader{margin-bottom:1.5rem}.requestsTab-sectionHeader h3{margin:0 0 .25rem;color:#1a202c;font-size:1.5rem}.requestsTab-subtitle{color:#718096;font-size:.9rem}.requestsTab-tableContainer{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.requestsTab-table{width:100%;border-collapse:collapse}.requestsTab-table th{background:#f7fafc;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4a5568;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.requestsTab-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.requestsTab-tableRow:hover{background:#f7fafc}.requestsTab-categoryBadge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.requestsTab-category-rejected{background:#fed7d7;color:#c53030}.requestsTab-category-pending{background:#feebc8;color:#d69e2e}.requestsTab-category-approved{background:#c6f6d5;color:#276749}.requestsTab-category-completed{background:#bee3f8;color:#2c5aa0}.requestsTab-category-partially-approved{background:#e9d8fd;color:#6b46c1}.requestsTab-unitBadge{background:#edf2f7;color:#4a5568;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.requestsTab-productName strong{color:#1a202c}.requestsTab-productDescription{font-size:.8rem;color:#718096;line-height:1.3}.requestsTab-actionButtons{display:flex;gap:.5rem}.requestsTab-receiveBtn,.requestsTab-deleteBtn,.requestsTab-viewItemsBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.requestsTab-receiveBtn{background:#f0fff4;color:#38a169}.requestsTab-receiveBtn:hover{background:#c6f6d5;transform:translateY(-1px)}.requestsTab-deleteBtn{background:#fff5f5;color:#e53e3e}.requestsTab-deleteBtn:hover{background:#fed7d7;transform:translateY(-1px)}.requestsTab-emptyState{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.requestsTab-emptyState h4{margin:1rem 0 .5rem;color:#1a202c}.requestsTab-emptyState p{color:#718096;margin-bottom:2rem}.requestsTab-modernModal{max-width:1200px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow-y:auto}.modern-header{color:#000;padding:15px;position:relative;background:#fbfafae6}.modern-headerContent{display:flex;flex-direction:column;gap:24px}.modern-headerData{display:flex;flex-direction:column;gap:10px}.modern-headerMain{display:flex;align-items:flex-start;gap:16px;flex:1}.modern-orderBadge{background:#fff3;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-headerText h3{margin:0 0 8px;font-size:1.3rem;font-weight:700}.modern-orderSupplier{margin:0;opacity:.9;font-size:.95rem}.modern-supplierName{font-weight:600;color:#2563eb}.modern-headerMeta{display:flex;margin-left:0;gap:24px}.modern-metaItem{display:flex;gap:5px}.modern-metaLabel{font-size:.8rem;opacity:.8}.modern-metaValue{font-weight:600;font-size:.9rem}.modern-closeBtn{position:absolute;top:20px;right:20px;background:#e4e3e399;color:#151313;border:none;border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.modern-closeBtn:hover{background:#bdbbbb4d;transform:scale(1.05)}.modern-supplierCard{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.modern-supplierInfo{display:flex;gap:24px}.modern-contactItem{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.9rem}.modern-statusBadge{padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modern-status-pending{background:#fef3c7;color:#d97706}.modern-status-received,.modern-status-approved{background:#d1fae5;color:#059669}.modern-itemsSection{padding:0}.modern-controls{padding:10px 32px;border-bottom:1px solid #f1f5f9}.modern-completeNotice{display:flex;align-items:center;gap:12px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.modern-completeIcon{color:#16a34a}.modern-completeText{display:flex;flex-direction:column}.modern-completeTitle{font-weight:600;color:#15803d}.modern-completeSubtitle{font-size:.9rem;color:#65a30d}.modern-actionControls{display:flex;justify-content:space-between;align-items:center}.modern-selectAll{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#475569}.modern-checkbox{position:relative;display:inline-block}.modern-checkbox input{opacity:0;position:absolute}.modern-checkbox input:hover{cursor:pointer}.modern-checkmark{width:18px;height:18px;border-radius:4px;border:1px solid black;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-checkbox input:checked+.modern-checkmark{background:#3b82f6;border-color:#3b82f6}.modern-checkbox input:checked+.modern-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.modern-markReceivedBtn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.modern-markReceivedBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.modern-badge{background:#fff3;padding:2px 8px;border-radius:12px;font-size:.8rem}.modern-tableContainer{padding:0 32px;max-height:400px;overflow-y:auto}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background:#f8fafc;padding:16px 12px;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #e2e8f0}.modern-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9}.modern-tableRow:hover{background:#f8fafc}.modern-rowReceived{background:#f0fdf4!important}.modern-rowReceived:hover{background:#ecfdf5!important}.modern-rowLowStock{background:#fffbeb!important}.modern-rowLowStock:hover{background:#fef3c7!important}.modern-th-checkbox,.modern-td-checkbox{width:40px}.modern-th-number,.modern-td-number{width:50px}.modern-th-product,.modern-td-product{width:25%}.modern-th-category,.modern-td-category{width:12%}.modern-th-quantity,.modern-td-quantity,.modern-th-approved-quantity,.modern-td-approved-quantity{width:8%;text-align:center}.modern-td-approved-quantity-editBtn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:#f0fff4;color:#38a169}modern-status .modern-th-price,.modern-td-price{width:10%;text-align:right}.modern-th-total,.modern-td-total{width:12%;text-align:right}.modern-th-status,.modern-td-status,.modern-th-actions,.modern-td-actions{width:12%}.modern-itemNumber{color:#94a3b8;font-weight:600}.modern-productInfo{display:flex;flex-direction:column;gap:4px}.modern-productName{font-weight:600;color:#1e293b}.modern-error-text{font-size:.8rem;color:#d97706}.modern-categoryBadge{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:.8rem;color:#475569}.modern-quantity{font-weight:600;color:#1e293b}.modern-price,.modern-total{font-weight:600;color:#059669}.modern-statusIndicator{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;padding:5px 15px;border-radius:20px;width:fit-content}.modern-statusDot{width:8px;height:8px;border-radius:50%}.modern-status-pending .modern-statusDot{background:#f59e0b}.modern-status-received .modern-statusDot,.modern-status-approved .modern-statusDot{background:#10b981}.modern-receiveItemBtn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.modern-receiveItemBtn:hover{background:#2563eb;transform:translateY(-1px)}.modern-receivedIndicator{display:flex;align-items:center;gap:6px;color:#059669;font-size:.8rem;font-weight:500}.modern-summary{padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0}.modern-summaryContent{display:flex;justify-content:flex-end;padding-right:20px;align-items:center;max-width:300px;margin-left:auto}.modern-summaryItem{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.modern-summaryLabel{font-size:.9rem;color:#64748b}.modern-summaryValue{font-weight:600;color:#475569}.modern-summaryTotal{font-size:1.2rem;font-weight:700;color:#1e293b}.modern-tableContainer::-webkit-scrollbar{width:6px}.modern-tableContainer::-webkit-scrollbar-track{background:#f1f5f9}.modern-tableContainer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-tableContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8}.requestsTab-confirmationSection{padding:2rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.requestsTab-confirmLabel{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:#475569}.requestsTab-checkboxText{font-weight:500}.requestsTab-confirmButton{display:flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #05966933}.requestsTab-confirmButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.requestsTab-confirmButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.requestsTab-confirmationModal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:requestsTab-modalAppear .2s ease-out}.requestsTab-confirmationHeader{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fef3f2}.requestsTab-confirmationIcon{color:#dc2626;background:#fee2e2;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.requestsTab-confirmationHeader h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600;flex:1}.requestsTab-confirmationContent{padding:1.5rem}.requestsTab-confirmationContent p{margin:0 0 1.5rem;color:#4b5563;line-height:1.6;font-size:.95rem}.requestsTab-confirmationDetails{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.requestsTab-confirmationDetails div{margin-bottom:.5rem;color:#4b5563;font-size:.9rem}.requestsTab-confirmationDetails div:last-child{margin-bottom:0}.requestsTab-confirmationDetails strong{color:#374151}.requestsTab-confirmationActions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.requestsTab-cancelConfirmBtn{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.requestsTab-cancelConfirmBtn:hover{background:#e5e7eb}.requestsTab-confirmReceiveBtn{background:#059669;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.requestsTab-confirmReceiveBtn:hover{background:#047857;transform:translateY(-1px)}.requestsTab-confirmDeleteBtn{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.requestsTab-confirmDeleteBtn:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes requestsTab-modalAppear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.requestsTab-confirmationModal{width:95%;margin:1rem}.requestsTab-confirmationHeader,.requestsTab-confirmationContent{padding:1rem}.requestsTab-confirmationActions{padding:1rem;flex-direction:column}.requestsTab-cancelConfirmBtn,.requestsTab-confirmReceiveBtn,.requestsTab-confirmDeleteBtn{width:100%;text-align:center}}@media (max-width: 768px){.requestsTab-itemHeader{display:none}.requestsTab-itemRow{grid-template-columns:1fr;gap:.75rem;padding:1rem}.requestsTab-formGroup{width:100%}.requestsTab-subtotal{text-align:left;padding:.75rem;justify-content:flex-start}.requestsTab-removeItemBtn{align-self:end;margin-top:.5rem}.requestsTab-priceNote{position:static;margin-top:.25rem}}@media (max-width: 768px){.requestsTab-itemHeader{display:none}.requestsTab-itemRow{grid-template-columns:1fr;gap:.75rem;padding:1rem}.requestsTab-formGroup{width:100%}.requestsTab-subtotal{text-align:left;padding:.75rem}.requestsTab-removeItemBtn{align-self:end;margin-top:.5rem}}@media (max-width: 768px){.requestsTab-modal{width:95%;max-height:95vh}.requestsTab-modalHeader{flex-direction:column;gap:16px}.requestsTab-popupSummary{flex-direction:column;gap:12px;align-items:flex-start}.requestsTab-popupTable{font-size:.875rem}.requestsTab-popupTable th,.requestsTab-popupTable td{padding:12px 8px}.requestsTab-supplierDetails{flex-wrap:wrap}}@media (max-width: 768px){.requestsTab-header,.requestsTab-stats,.requestsTab-content{padding:1rem}.requestsTab-headerContent{flex-direction:column;gap:1rem;align-items:stretch}.requestsTab-stats{grid-template-columns:1fr}.requestsTab-formSection{flex-direction:column;align-items:stretch}.requestsTab-itemForm{grid-template-columns:1fr}.requestsTab-itemRow{flex-direction:column}.requestsTab-modal{margin:1rem;width:calc(100% - 2rem)}.requestsTab-form{padding:1rem}.requestsTab-modalHeader{padding:1rem 1.5rem}.requestsTab-formActions{flex-direction:column;gap:1rem;align-items:stretch}.requestsTab-actionButtons{justify-content:space-between}.requestsTab-tableContainer{overflow-x:auto}.requestsTab-table{min-width:800px}}.stock-request-container{padding:0 20px 20px;border-radius:12px}.stock-request-content{border-top:1px solid #eee;padding:0;background:#f8fafc}.stock-request-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem}.stock-request-headerContent{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.stock-request-titleSection{display:flex;align-items:center;gap:1rem}.stock-request-iconWrapper{background:linear-gradient(135deg,#9f7aea,#805ad5);padding:.75rem;border-radius:12px;color:#fff}.stock-request-titleSection h1{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.stock-request-titleSection p{margin:.25rem 0 0;color:#718096;font-size:.9rem}.stock-request-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;text-decoration:none}.stock-request-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.stock-request-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.stock-request-modalHeader{padding:.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.stock-request-modalHeader h3{margin:0;color:#1a202c;font-size:1rem;font-weight:600}.stock-request-closeBtn{background:none;border:none;color:#718096;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.stock-request-closeBtn:hover{background:#f7fafc;color:#4a5568}.stock-request-itemsSection{margin-bottom:1rem}.stock-request-itemsSection h4{margin:0 0 .5rem 1rem;color:#1a202c;font-size:1.1rem}.stock-request-noItems{text-align:center;padding:1rem;color:#718096;background:#f7fafc;border-radius:8px;border:2px dashed #e2e8f0}.stock-request-noItems p{margin:.5rem 0 .25rem;font-weight:600}.stock-request-noItems span{font-size:.75rem}.stock-request-itemForm{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;flex:1}.stock-request-formActions{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem;border-top:1px solid #e2e8f0}.stock-request-actionButtons{display:flex;gap:1rem}.stock-request-addBtn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.stock-request-addBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9f7aea4d}.stock-request-primaryBtn{background:linear-gradient(135deg,#9f7aea,#805ad5)}.stock-request-addItemBtn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.stock-request-addItemBtn:disabled{opacity:.6;cursor:not-allowed}.stock-request-saveBtn{background:#48bb78;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.stock-request-saveBtn:hover{background:#38a169;transform:translateY(-1px)}.stock-request-cancelBtn{background:#e2e8f0;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.stock-request-cancelBtn:hover{background:#cbd5e0}.stock-request-itemsList{display:flex;flex-direction:column;gap:.5rem}.stock-request-itemHeader{display:grid;grid-template-columns:6fr 4fr 1fr;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px;font-weight:600;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.stock-request-itemRow{display:grid;grid-template-columns:6fr 4fr 1fr;gap:.5rem;align-items:start;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.stock-request-itemRow:hover{border-color:#9f7aea;box-shadow:0 2px 4px #9f7aea1a}.stock-request-formGroup{display:flex;flex-direction:column;gap:.25rem;position:relative}.stock-request-formGroup label{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.stock-request-formGroup input,.stock-request-formGroup select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;width:100%}.stock-request-formGroup input:focus,.stock-request-formGroup select:focus{outline:none;border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea1a}.stock-request-autoPrice{background:#f0fdf4;border-color:#bbf7d0}.stock-request-priceNote{font-size:.7rem;color:#059669;position:absolute;bottom:-16px;left:0}.stock-request-noSupplierWarning{font-size:.7rem;color:#dc2626;margin-top:.25rem}.stock-request-subtotal{font-weight:600;color:#059669;font-size:.9rem;text-align:center;padding:.5rem;background:#f0fdf4;border-radius:4px;display:flex;align-items:center;justify-content:center}.stock-request-removeItemBtn{background:#fef2f2;color:#dc2626;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;align-self:center}.stock-request-removeItemBtn:hover{background:#fecaca;transform:scale(1.05)}.stock-request-emptyState{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0;min-height:300px}.stock-request-emptyContent{text-align:center;max-width:300px}.stock-request-emptyIcon{color:#9ca3af;margin-bottom:1rem}.stock-request-emptyState h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.stock-request-emptyState p{margin:0 0 1.5rem;color:#6b7280;font-size:.9rem}.stock-request-addFirstBtn{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;margin:0 auto}.stock-request-addFirstBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9f7aea4d}.stock-request-addItemBtn{background:#edf2f7;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap;width:fit-content;margin:1rem 0 1rem 1rem}.stock-request-addItemBtn:hover{background:#e2e8f0;transform:translateY(-1px)}.modern-header{margin-bottom:0}.modern-supplierCard{justify-content:flex-end}.modern-th-product{width:30%}.modern-th-quantity{text-align:center!important;width:12%}:root{--app-detail-primary: #3b82f6;--app-detail-primary-dark: #2563eb;--app-detail-primary-light: #dbeafe;--app-detail-secondary: #64748b;--app-detail-success: #10b981;--app-detail-warning: #f59e0b;--app-detail-error: #ef4444;--app-detail-neutral: #6b7280;--app-detail-background: #f8fafc;--app-detail-surface: #ffffff;--app-detail-border: #e2e8f0;--app-border: #e5e7eb;--app-detail-text-primary: #1e293b;--app-detail-text-secondary: #64748b;--app-detail-text-muted: #94a3b8;--app-detail-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--app-detail-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--app-detail-radius: 12px;--app-detail-radius-lg: 16px;--app-detail-spacing: 24px;--app-detail-spacing-sm: 16px;--app-detail-spacing-xs: 12px}.app-detail-modern-container{max-height:80vh;display:flex;flex-direction:column;background:var(--app-detail-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;padding:10px}.app-detail-header{background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014;border-bottom:1px solid #e2e8f0;transition:all .3s ease-in-out;max-height:180px;display:flex;justify-content:space-between;flex-direction:column;border-radius:10px}.app-detail-heading{display:flex;justify-content:space-between}.app-detail-header.expanded{max-height:450px}.application-detail-header-left{flex:1;display:flex}.app-detail-header-top{padding:10px;display:flex;justify-content:space-between;align-items:flex-start}.app-detail-back-btn{display:flex;gap:8px;padding:10px;background:#fff;border-radius:8px;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #c8cbcc;box-shadow:0 1px 3px #0000001a}.app-detail-back-btn:hover{background:#f1f5f9;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f626}.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-error-status{background:#fee2e2;color:#991b1b}.status-neutral-status{background:#f3f4f6;color:#374151}.app-detail-patient-header{display:flex;align-items:flex-start;gap:10px;padding:10px}.app-detail-patient-avatar{flex-shrink:0}.app-detail-avatar-circle{width:30px;height:30px;background:linear-gradient(135deg,#5984ca,#394ec8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633}.app-detail-avatar-circle:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f64d}.app-detail-patient-info{flex:1;display:flex;flex-direction:column;gap:12px}.app-detail-patient-main{display:flex;gap:8px}.app-detail-patient-name{font-size:20px;font-weight:700;margin:0;color:#1e293b;line-height:1.2}.app-detail-patient-details{display:flex;flex-wrap:wrap;gap:16px}.app-detail-detail-item-compact{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:500;padding:6px 12px;background:#f8fafc;border-radius:6px;border:1px solid #c8cbcc}.app-detail-app-id{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f9ff;border-radius:8px}.app-detail-app-id .app-detail-label{font-size:12px;font-weight:600;color:#0369a1;text-transform:uppercase;letter-spacing:.5px}.app-detail-app-id .app-detail-value{font-size:12px;font-weight:700;color:#075985}.application-detail-app-status{display:flex;gap:12px;padding:20px 24px}.app-detail-status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 6px #0000001a}.app-detail-dropdown-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.app-detail-dropdown-btn:hover{background:#f1f5f9;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f626}.app-detail-expanded-details{padding:0 24px 20px;animation:app-detail-slideDown .3s ease-out;margin-top:8px;width:100%}@keyframes app-detail-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-detail-detail-section{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.app-detail-detail-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#475569;display:flex;align-items:center;gap:8px;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.app-detail-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.app-detail-detail-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.app-detail-detail-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.app-detail-detail-value{font-size:13px;font-weight:500;color:#1e293b;word-break:break-word}@media (max-width: 768px){.app-detail-header{flex-direction:column;max-height:200px}.app-detail-header.expanded{max-height:600px}.app-detail-app-status{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.app-detail-patient-header{padding:12px 16px}.app-detail-header-top{padding:12px 16px 0}.app-detail-expanded-details{padding:0 16px 16px}.app-detail-patient-name{font-size:20px}.app-detail-avatar-circle{width:56px;height:56px}}@media (max-width: 640px){.app-detail-patient-details{flex-direction:column;gap:8px}.app-detail-expanded-grid,.app-detail-detail-grid{grid-template-columns:1fr}}.app-detail-tab-nav{display:flex}.app-detail-tab{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--app-detail-text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;padding:10px 15px;margin:10px 0 0 10px;border-radius:10px}.app-detail-tab:hover{color:var(--app-detail-primary);background:var(--app-detail-primary-light)}.app-detail-tab.active{color:var(--app-detail-primary);border-bottom-color:var(--app-detail-primary);background:var(--app-detail-primary-light)}.app-detail-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--app-detail-primary),#8b5cf6);border-radius:2px 2px 0 0}.app-detail-content-area{display:grid;grid-template-columns:.9fr 2.1fr;overflow-y:auto;padding:10px}.app-detail-content-card{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--app-detail-surface);border-radius:var(--app-detail-radius-lg);box-shadow:var(--app-detail-shadow);border:1px solid var(--app-detail-border);height:100%;margin-right:10px;overflow-y:auto;scroll-behavior:smooth}.app-detail-content-card::-webkit-scrollbar{width:6px}.app-detail-content-card::-webkit-scrollbar-track{background:transparent}.app-detail-content-card::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px;transition:background-color .3s}.app-detail-content-card::-webkit-scrollbar-thumb:hover{background-color:#00000059}.app-detail-content-card{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.app-detail-details-content{display:flex;gap:var(--app-detail-spacing);gap:10px;max-width:1200px}.app-detail-icon-navigation{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--app-detail-surface);border-radius:var(--app-detail-radius-lg);box-shadow:var(--app-detail-shadow);border:1px solid var(--app-detail-border);height:100%;position:sticky;top:0}.app-detail-nav-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:none;border:none;border-radius:var(--app-detail-radius);color:var(--app-detail-text-secondary);cursor:pointer;transition:all .3s ease;min-width:80px;position:relative}.app-detail-nav-icon:hover{color:var(--app-detail-primary);background:var(--app-detail-primary-light);transform:translateY(-2px)}.app-detail-nav-icon.active{color:var(--app-detail-primary);background:var(--app-detail-primary-light);box-shadow:var(--app-detail-shadow)}.app-detail-nav-icon.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--app-detail-primary);border-radius:50%}.app-detail-nav-icon span{font-size:12px;font-weight:500;text-align:center}.app-detail-section-container{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--app-detail-surface);border-radius:var(--app-detail-radius-lg);box-shadow:var(--app-detail-shadow);border:1px solid var(--app-detail-border);overflow:hidden}.app-detail-section-content{flex:1;height:calc(100vh - 220px);overflow-y:auto;padding:var(--app-detail-spacing)}.app-detail-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--app-detail-spacing-sm)}.app-detail-overview-item{display:flex;align-items:center;gap:var(--app-detail-spacing-sm);padding:var(--app-detail-spacing-sm);background:var(--app-detail-background);border-radius:var(--app-detail-radius);border:1px solid var(--app-detail-border);transition:all .3s ease}.app-detail-overview-item:hover{border-color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow);transform:translateY(-2px)}.app-detail-item-icon{font-size:40px;padding:10px;background:linear-gradient(135deg,var(--app-detail-primary),#8b5cf6);border-radius:var(--app-detail-radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-detail-item-content{display:flex;flex-direction:column;gap:4px}.app-detail-item-label{font-size:12px;font-weight:500;color:var(--app-detail-text-secondary);text-transform:uppercase;letter-spacing:.5px}.app-detail-item-value{font-size:16px;font-weight:600;color:var(--app-detail-text-primary);display:flex;align-items:center;gap:8px}.app-detail-meeting-link{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:var(--app-detail-primary);text-decoration:none;font-size:12px;padding:4px 8px;background:var(--app-detail-primary-light);border-radius:6px;transition:all .3s ease}.app-detail-meeting-link:hover{background:var(--app-detail-primary);color:#fff;transform:translateY(-1px)}.app-detail-upload-controls{display:flex;align-items:center;gap:var(--app-detail-spacing-xs);margin-bottom:var(--app-detail-spacing);flex-wrap:wrap}.app-detail-upload-toggle{display:flex;background:var(--app-detail-background);border-radius:8px;padding:2px;border:1px solid var(--app-detail-border)}.app-detail-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:var(--app-detail-text-secondary);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease}.app-detail-toggle-btn.active{background:var(--app-detail-surface);color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow)}.app-detail-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--app-detail-primary);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;border:none}.app-detail-upload-btn:hover{background:var(--app-detail-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.app-detail-file-input{display:none}.app-detail-url-input{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--app-detail-border);border-radius:8px;font-size:14px;transition:all .3s ease}.app-detail-url-input:focus{outline:none;border-color:var(--app-detail-primary);box-shadow:0 0 0 3px #3b82f61a}.app-detail-confirm-btn{padding:10px 16px;background:var(--app-detail-success);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.app-detail-confirm-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.app-detail-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.app-detail-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--app-detail-spacing-sm)}.app-detail-document-card{display:flex;align-items:center;gap:var(--app-detail-spacing-sm);padding:var(--app-detail-spacing-sm);background:var(--app-detail-background);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);transition:all .3s ease}.app-detail-document-card:hover{border-color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow);transform:translateY(-2px)}.app-detail-document-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--app-detail-warning),#d97706);border-radius:var(--app-detail-radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-detail-document-info{flex:1;display:flex;flex-direction:column;gap:8px}.app-detail-document-name{font-weight:500;color:var(--app-detail-text-primary);font-size:14px}.app-detail-document-actions{display:flex;gap:8px}.app-detail-document-actions button{border:none;outline:none;cursor:pointer}.app-detail-doc-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s ease}.app-detail-doc-action-btn.app-detail-view{background:var(--app-detail-primary-light);color:var(--app-detail-primary)}.app-detail-doc-action-btn.app-detail-view:hover{background:var(--app-detail-primary);color:#fff}.app-detail-doc-action-btn.app-detail-download{background:#f0fdf4;color:var(--app-detail-success)}.app-detail-doc-action-btn.app-detail-download:hover{background:var(--app-detail-success);color:#fff}.app-detail-tests-header{display:flex;gap:var(--app-detail-spacing-xs);margin-bottom:var(--app-detail-spacing)}.app-detail-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.appdetail-test-card{background:var(--app-detail-background);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);transition:all .3s ease;padding:10px}.appdetail-test-card:hover{border-color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow);transform:translateY(-2px)}.app-detail-test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--app-detail-spacing-xs)}.app-detail-test-name{font-size:16px;font-weight:600;color:var(--app-detail-text-primary);margin:0 0 4px}.app-detail-test-id{font-size:12px;color:var(--app-detail-text-secondary)}.app-detail-test-checkbox{margin-right:.75rem;color:#4eccc4;width:18px;height:18px;accent-color:var(--app-detail-primary)}.app-detail-test-body{display:flex;flex-direction:column;gap:var(--app-detail-spacing-xs)}.app-detail-test-status{padding:4px 8px;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.app-detail-test-actions{display:flex;gap:8px}.app-detail-test-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s ease}.app-detail-test-action-btn.app-detail-view{background:var(--app-detail-primary-light);color:var(--app-detail-primary)}.app-detail-test-action-btn.app-detail-view:hover{background:var(--app-detail-primary);color:#fff}.app-detail-test-action-btn.app-detail-download{background:#f0fdf4;color:var(--app-detail-success)}.app-detail-test-action-btn.app-detail-download:hover{background:var(--app-detail-success);color:#fff}.app-detail-no-results{font-size:12px;color:var(--app-detail-text-muted);font-style:italic}.app-detail-prescription-header,.app-detail-conclusion-header{display:flex;justify-content:flex-end;margin-bottom:var(--app-detail-spacing)}.app-detail-edit-section{display:flex;flex-direction:column;gap:var(--app-detail-spacing-sm)}.app-detail-textarea{width:100%;padding:var(--app-detail-spacing-sm);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius);font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:all .3s ease}.app-detail-textarea:focus{outline:none;border-color:var(--app-detail-primary);box-shadow:0 0 0 3px #3b82f61a}.app-detail-edit-actions{display:flex;gap:var(--app-detail-spacing-xs)}.app-detail-content-display{white-space:pre-wrap;line-height:1.6;color:var(--app-detail-text-primary);font-size:14px;padding:var(--app-detail-spacing-sm);background:var(--app-detail-background);border-radius:var(--app-detail-radius);border:1px solid var(--app-detail-border)}.app-detail-content-display p{margin:0 0 12px}.app-detail-content-display p:last-child{margin-bottom:0}.app-detail-history-content{max-width:1400px;margin:0 auto}.app-detail-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:5px}.app-detail-history-card{background:var(--app-detail-surface);border:1px solid var(--app-detail-border);border-radius:var(--app-detail-radius-lg);padding:10px 15px;cursor:pointer;transition:all .3s ease;box-shadow:var(--app-detail-shadow)}.app-detail-history-card.selected{opacity:.5}.app-detail-history-card:hover{border-color:var(--app-detail-primary);box-shadow:var(--app-detail-shadow-lg);transform:translateY(-4px)}.app-detail-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.app-detail-history-id{font-size:14px;font-weight:600;color:var(--app-detail-primary)}.app-detail-history-status{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.app-detail-history-body{display:flex;flex-direction:column;gap:5px}.app-detail-history-date,.app-detail-history-doctor,.app-detail-history-service{display:flex;align-items:center;gap:8px;color:var(--app-detail-text-secondary);font-size:12px}.app-detail-history-footer{display:flex;justify-content:flex-end}.app-detail-view-details{display:flex;align-items:center;gap:4px;color:var(--app-detail-primary);font-size:14px;font-weight:500}.app-detail-primary-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--app-detail-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.app-detail-primary-btn:hover:not(:disabled){background:var(--app-detail-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.app-detail-primary-btn:disabled{opacity:.5;cursor:not-allowed}.app-detail-secondary-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--app-detail-surface);color:var(--app-detail-text-secondary);border:1px solid var(--app-detail-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.app-detail-secondary-btn:hover:not(:disabled){background:var(--app-detail-background);border-color:var(--app-detail-primary);color:var(--app-detail-primary);transform:translateY(-2px)}.app-detail-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.app-detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--app-detail-text-secondary)}.app-detail-empty-state svg{margin-bottom:var(--app-detail-spacing-sm);color:var(--app-detail-text-muted)}.app-detail-empty-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--app-detail-text-primary)}.app-detail-empty-state p{margin:0;font-size:14px;color:var(--app-detail-text-secondary)}.app-detail-loading-container,.app-detail-error-container,.app-detail-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:100%}.app-detail-loading-spinner{width:40px;height:40px;border:4px solid var(--app-detail-border);border-top:4px solid var(--app-detail-primary);border-radius:50%;animation:app-detail-spin 1s linear infinite;margin-bottom:var(--app-detail-spacing-sm)}@keyframes app-detail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-detail-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--app-detail-text-secondary)}.app-detail-error-icon{font-size:48px;margin-bottom:var(--app-detail-spacing-sm)}.app-detail-retry-btn{padding:12px 24px;background:var(--app-detail-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:var(--app-detail-spacing-sm)}.app-detail-retry-btn:hover{background:var(--app-detail-primary-dark);transform:translateY(-2px)}.app-detail-modal{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:90%;max-height:80vh;overflow-y:auto;outline:none;background:#fff;border-radius:12px;max-width:500px;margin:50px auto;padding:20px;box-shadow:0 4px 12px #0000001a}.app-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-detail-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:var(--app-detail-spacing);border-bottom:1px solid var(--app-detail-border);background:var(--app-detail-background)}.app-detail-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--app-detail-text-primary)}.app-detail-select-all-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:8px 14px;border-radius:8px;font-size:.9rem;cursor:pointer;color:#4eccc4;transition:all .3s ease}.app-detail-select-all-btn:hover{background:var(--app-detail-primary-light);border-color:var(--app-detail-primary)}.app-detail-tests-list{max-height:300px;overflow-y:auto;border:1px solid var(--app-border);border-radius:8px;margin-bottom:1rem;padding:var(--app-detail-spacing)}.app-detail-test-item{display:flex;align-items:center;padding:.75rem;gap:var(--app-detail-spacing-xs);border-radius:var(--app-detail-radius);border-bottom:1px solid var(--app-border);cursor:pointer;transition:all .3s ease;margin-bottom:8px;border:1px solid transparent;background:var(--app-detail-background)}.app-detail-test-item:hover:not(.disabled){background:var(--app-detail-background);border-color:var(--app-detail-border)}.app-detail-test-item.selected{background:var(--app-detail-primary-light);border-color:var(--app-detail-primary)}.app-detail-test-item.disabled{opacity:.6;cursor:not-allowed;background:var(--app-detail-background)}.app-detail-test-info{display:flex;flex:1;flex-direction:column;align-items:center;gap:.75rem}.app-detail-test-name{font-size:1rem;font-weight:500;color:var(--app-detail-text-primary)}.app-detail-test-specialty{font-size:.8rem;color:#6b7280}.app-detail-test-note{font-size:.8rem;color:#f59e0b;font-style:italic}.app-detail-already-added-icon{color:var(--app-detail-success)}.app-detail-selected-count{padding:var(--app-detail-spacing-sm) var(--app-detail-spacing);background:var(--app-detail-background);border-top:1px solid var(--app-detail-border);font-size:14px;text-align:center;margin-bottom:1rem;font-weight:500;color:#4eccc4}.app-detail-modal-actions{display:flex;gap:var(--app-detail-spacing-xs);padding:var(--app-detail-spacing);border-top:1px solid var(--app-detail-border);background:var(--app-detail-background)}.app-detail-modal-actions .app-detail-primary-btn,.app-detail-modal-actions .app-detail-secondary-btn{flex:1}.app-detail-vendor-assignments{padding:var(--app-detail-spacing);max-height:400px;overflow-y:auto}.app-detail-vendor-assignment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--app-detail-spacing-sm);background:var(--app-detail-background);border-radius:var(--app-detail-radius);margin-bottom:var(--app-detail-spacing-xs);border:1px solid var(--app-detail-border)}.app-detail-vendor-assignment-test{font-weight:500;color:var(--app-detail-text-primary);flex:1;margin-right:var(--app-detail-spacing-xs)}.app-detail-vendor-select{padding:8px 12px;border:1px solid var(--app-detail-border);border-radius:8px;font-size:14px;min-width:180px;transition:all .3s ease}.app-detail-vendor-select:focus{outline:none;border-color:var(--app-detail-primary);box-shadow:0 0 0 3px #3b82f61a}.app-detail-no-vendors{font-size:12px;color:var(--app-detail-error);font-style:italic}@media (max-width: 1024px){.app-detail-overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--app-detail-spacing-sm)}.app-detail-patient-header{flex-direction:column;align-items:flex-start;gap:var(--app-detail-spacing-sm)}.app-detail-application-meta{align-items:flex-start}.app-detail-icon-navigation{gap:var(--app-detail-spacing-sm)}.app-detail-nav-icon{min-width:70px}}@media (max-width: 768px){.app-detail-content-area,.app-detail-patient-header{padding:var(--app-detail-spacing-sm)}.app-detail-header-top{padding:var(--app-detail-spacing-xs) var(--app-detail-spacing-sm)}.app-detail-patient-name{font-size:24px}.app-detail-patient-details{flex-direction:column;gap:8px}.app-detail-tab-nav{padding:0 var(--app-detail-spacing-sm)}.app-detail-icon-navigation{flex-wrap:wrap;gap:var(--app-detail-spacing-xs)}.app-detail-nav-icon{min-width:60px;padding:var(--app-detail-spacing-xs)}.app-detail-nav-icon span{font-size:11px}.app-detail-overview-grid,.app-detail-documents-grid,.app-detail-tests-grid,.app-detail-history-grid{grid-template-columns:1fr}.app-detail-modal{width:95%;margin:20px}.app-detail-upload-controls{flex-direction:column;align-items:stretch;gap:8px}}@media (max-width: 640px){.app-detail-avatar-circle{width:60px;height:60px}.app-detail-patient-name{font-size:20px}.app-detail-primary-btn,.app-detail-secondary-btn{padding:8px 12px;font-size:12px}.app-detail-overview-item{padding:var(--app-detail-spacing-xs)}.app-detail-item-icon{width:40px;height:40px}.app-detail-icon-navigation{padding:var(--app-detail-spacing-sm)}.app-detail-nav-icon{flex-direction:column;min-width:50px;padding:8px}.app-detail-nav-icon svg{width:20px;height:20px}}.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}}