*{font-family:Nunito,sans-serif}.swal-custom{z-index:2000!important}.feather-13{width:13px;height:13px}.feather-16{width:17px;height:17px}.feather-30{width:30px;height:30px}.swal2-container{z-index:999999!important}.lang-i:hover{cursor:pointer;color:#a0a0a0}.table-primary-btn{color:#004cae;cursor:pointer}.table-danger-btn{color:#b50000;cursor:pointer}.table-success-btn{color:green;cursor:pointer}.sidebar-header{padding-top:0}.sidebar-link,a.sidebar-link{font-size:13px;padding:6px 11px 11px 20px}.min-btn{min-width:120px}.el-button{margin-top:0}.el-tabs__content{padding:0!important}.el-card__body{padding:5px!important}.el-collapse-item__header.is-active{background:#0066ff0d!important}.el-collapse-item__content .el-card__header{padding:10px!important}.el-collapse-item__header{margin-top:0!important;background:#f7f7f7!important}.el-collapse-item__content{padding-bottom:0!important}.custom-collapse-item .el-collapse-item__header{background-color:#409eff!important;padding:10px!important;border-radius:0!important;color:#fff!important}.custom-collapse-item .el-card__header{background:#409eff38}.custom-collapse-item .el-card__body{padding:0!important}.sidebar{max-width:80px!important;min-width:80px!important}.sidebar-nav{background:#22486c}.sidebar-link,a.sidebar-link{background:#22486c;color:#000}.sidebar-item.active .sidebar-link:hover,.sidebar-item.active>.sidebar-link{background:#22486c;color:#000}.sidebar-nav .align-middle{color:#000!important}.sidebar-link:hover,.sidebar-link:hover i{background:unset!important}.sidebar-item.active .sidebar-link:hover,.sidebar-item.active>.sidebar-link{border-left-color:transparent!important}.sidebar-item{border-top:1px solid #ffffff40;border-right:0px}.sidebar-nav .align-middle{color:#fff!important}.sidebar-link,a.sidebar-link{padding:11px;font-size:13px;padding-left:unset!important;padding-top:unset!important;padding-right:unset!important;padding-bottom:unset!important;text-align:center}.nv-icon{margin-left:10px!important}.simplebar-content{background:#f6f6f6!important}.active .men-div,.active .sidebar-link{background:#00213f!important}.current-row td{background:#23486c!important;color:#fff}.vuecal__view-btn{font-size:15px!important;background:#419eff!important;border-radius:5px!important;color:#fff!important}.vuecal__view-btn--active{border-bottom-width:0px!important;background:#004d9c!important}.calendar-wrapper{padding:0!important}.vuecal__flex .vuecal__title{font-size:18px}.vuecal__view-btn{margin-right:5px!important;margin-bottom:10px!important}.vuecal .clickable{font-weight:700;cursor:pointer;background:#f2f7ff!important;border:1px solid #daebff!important;color:#004d9c!important}.vuecal__time-column{background:#f2f7ff!important;padding:.5rem;border:1px solid #daebff!important;font-weight:700}.vuecal__time-cell-label{color:#004d9c!important}.vuecal__time-column .vuecal__time-cell{margin-left:-4px!important;font-size:14px!important}.appointment-container{padding:24px;height:calc(100vh - 100px);display:flex;flex-direction:column;gap:24px;background:#f8fafc}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.toolbar-left{display:flex;align-items:center;gap:24px}.content-wrapper{display:flex;gap:24px;flex:1;min-height:0}.today-panel{width:320px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:20px;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.panel-header h3{margin:0;color:#1a1f36;font-size:1.1rem;font-weight:600}.appointment-list{padding:20px;display:flex;flex-direction:column;gap:16px}.appointment-card{padding:16px;border-radius:12px;background:#fff;border:1px solid #edf2f7;transition:all .3s ease;box-shadow:0 2px 8px #00000005}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.appointment-card.active{border-left:4px solid #10b981;background:linear-gradient(to right,#f0fdf4,#fff)}.appointment-card.completed{border-left:4px solid #3b82f6;background:linear-gradient(to right,#eff6ff,#fff)}.appointment-card.cancelled{border-left:4px solid #ef4444;background:linear-gradient(to right,#fef2f2,#fff)}.time-badge{display:inline-block;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-weight:600;font-size:.9rem;color:#475569;margin-bottom:12px}.patient-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.patient-name{font-weight:600;color:#1e293b;font-size:1rem}.appointment-meta{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;margin-bottom:12px}.appointment-type{color:#64748b;font-size:.9rem}.appointment-details{display:flex;flex-direction:column}.appointment-actions{display:flex;justify-content:flex-end;margin-top:12px}.calendar-wrapper{flex:1;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;overflow:hidden}:deep(.el-input__wrapper),:deep(.el-select__wrapper){border-radius:10px;box-shadow:0 2px 8px #0000000a}:deep(.el-button){border-radius:10px;padding:12px;transition:all .2s ease}:deep(.el-button--primary){background:#3b82f6}:deep(.el-button--primary:hover){background:#2563eb;transform:translateY(-1px)}:deep(.el-button--danger){background:#ef4444}:deep(.el-button--danger:hover){background:#dc2626;transform:translateY(-1px)}:deep(.el-avatar){background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f633}:deep(.el-tag){border-radius:8px;padding:0 12px;height:28px;line-height:28px;font-weight:500}:deep(.el-scrollbar__wrap){overflow-x:hidden}.appointment-list::-webkit-scrollbar{width:6px}.appointment-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.appointment-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.appointment-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.content-wrapper{flex-direction:column}.today-panel{width:100%}}.patient-selection{width:100%}.patient-select-empty{text-align:center;padding:20px;border:2px dashed #e4e7ed;border-radius:8px;background-color:#f8fafc}.select-patient-btn{width:100%;height:40px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.helper-text{margin-top:12px;color:#909399;font-size:14px}.patient-selected{padding:12px;border:1px solid #e4e7ed;border-radius:8px;background-color:#fff}.selected-patient-info{display:flex;align-items:center;gap:16px}.patient-details{flex:1}.patient-details h4{margin:0;font-size:16px;color:#303133}.patient-id{margin:4px 0 0;font-size:13px;color:#909399}.remove-patient{padding:8px}:deep(.vuecal__title-bar){background:transparent;padding:0;margin-bottom:1rem}:deep(.vuecal__arrow){background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:.75rem;color:#475569;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}:deep(.vuecal__cell){min-height:60px;padding:.5rem;transition:all .2s ease;background:#fff;position:relative}:deep(.vuecal__cell:hover){background:#f9fafb;z-index:1}:deep(.vuecal__cell--today){background:#f3f4f6;border-bottom:1px solid #3b82f6}:deep(.vuecal__cell-content){font-size:.875rem;color:#4b5563;position:relative;z-index:2}:deep(.vuecal__time-column){background:#f9fafb;border-right:1px solid #e5e7eb;padding:.5rem;position:relative}:deep(.vuecal__time-column-cell){font-size:.875rem;color:#6b7280;padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:center;height:60px;display:flex;align-items:center;justify-content:center;position:relative}:deep(.vuecal__event){padding:.5rem;margin:.25rem 0;transition:all .2s ease;border:none;position:relative;z-index:3}:deep(.vuecal__event.active){background:#eff6ff;border-left:3px solid #93c5fd;color:#1e40af}:deep(.vuecal__event.completed){background:#f0fdf4;border-left:3px solid #86efac;color:#166534}:deep(.vuecal__event.cancelled){background:#fef2f2;border-left:3px solid #fca5a5;color:#991b1b}:deep(.vuecal__event:hover){transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}:deep(.vuecal__event-title){font-weight:600;font-size:.875rem;margin-bottom:.25rem}:deep(.vuecal__event-content){font-size:.75rem;opacity:.9;margin-top:.25rem}:deep(.vuecal__no-event){font-size:.75rem;color:#9ca3af;font-style:italic;padding:.5rem}:deep(.vuecal__cell--has-events){background:#f9fafb}:deep(.vuecal__cell--current){background:#f3f4f6;border-bottom:1px solid #3b82f6}:deep(.vuecal__cell--selected){background:#f3f4f6;border-bottom:1px solid #3b82f6}:deep(.vuecal__cell--clickable:hover){background:#f9fafb;cursor:pointer;z-index:1}:deep(.vuecal__cell--clickable:active){background:#f3f4f6}:deep(.vuecal__menu){background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:.25rem}:deep(.vuecal__menu-item){padding:.5rem .75rem;transition:all .2s ease;font-size:.875rem}:deep(.vuecal__menu-item:hover){background:#f9fafb}:deep(.vuecal__menu-item.active){background:#f3f4f6;color:#111827;font-weight:500}.header-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;position:relative;height:100%}.header-date{font-weight:600;color:#111827;font-size:.9rem;padding-bottom:4px;width:100%;text-align:center}.header-time{color:#6b7280;font-size:.8rem;opacity:.8;margin-top:4px;width:100%;text-align:center}.tooltip-header{width:350px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(226,232,240,.8);position:relative;gap:1rem}.tooltip-header strong{font-size:1.2rem;color:#1e293b;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-status{padding:.35rem .9rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;white-space:nowrap}.tooltip-status:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.tooltip-status.active{background:linear-gradient(to right,#eff6ff,#dbeafe);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.tooltip-status.completed{background:linear-gradient(to right,#f0fdf4,#dcfce7);color:#10b981;border:1px solid rgba(16,185,129,.2)}.tooltip-status.cancelled{background:linear-gradient(to right,#fef2f2,#fee2e2);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.tooltip-body{font-size:1rem;display:flex;flex-direction:column;gap:1rem}.tooltip-body p{margin:0;display:flex;align-items:center;gap:1rem;color:#475569;padding:1rem;border-radius:12px;transition:all .3s ease;background:#f8fafc80;border:1px solid rgba(226,232,240,.5)}.tooltip-body p span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.tooltip-body .el-icon{color:#3b82f6;font-size:1.2rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:.5rem;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 4px #3b82f61a;flex-shrink:0}.tooltip-body p:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tooltip-body p:hover .el-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 6px #3b82f633}:deep(.el-tooltip__popper){background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}:deep(.el-tooltip__popper .el-popper__arrow::before){background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:-2px -2px 5px #0000000a!important}.background-task-notification{position:fixed;z-index:9999;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;width:300px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notification-header{cursor:move;padding:12px;background:#f5f7fa;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#303133}.header-title i{color:#409eff}.close-button{padding:4px;color:#909399;transition:all .3s}.close-button:hover{color:#303133;transform:scale(1.1)}.notification-content{padding:16px}.process-info{display:flex;align-items:center;gap:16px;margin-bottom:16px}.spinner-container{flex-shrink:0}.info-text{flex-grow:1}.task-name{font-size:14px;color:#303133;margin-bottom:8px;font-weight:500}.task-status{display:flex;align-items:center;gap:8px}.task-status i{margin-right:4px}.time-details{background:#f8f9fa;border-radius:6px;padding:12px}.time-item{display:flex;align-items:center;gap:12px;padding:8px 0}.time-item:first-child{padding-top:0}.time-item:last-child{padding-bottom:0}.time-item i{color:#909399;font-size:18px}.time-info{display:flex;flex-direction:column}.time-label{font-size:12px;color:#909399;margin-bottom:2px}.time-value{font-size:13px;color:#303133;font-weight:500}.lang-button-container{margin:0 1rem;display:flex;align-items:center}.lang-button{display:inline-flex;align-items:center;padding:8px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.lang-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.lang-icon{width:18px;height:18px;color:#fff}.lang-text{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}.lang-switcher{position:absolute;top:20px;left:20px;cursor:pointer;padding:8px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}.lang-switcher:hover{transform:scale(1.1)}.login-content{display:flex;width:90%;max-width:1200px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.login-left{flex:1;padding:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.login-illustration{max-width:100%;height:auto}.login-right{flex:1;padding:40px}.login-form-container{max-width:400px;margin:0 auto}.login-header{text-align:center;margin-bottom:40px}.login-header h2{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:#64748b;font-size:16px;line-height:1.5}.form-group{margin-bottom:24px;position:relative}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:14px;transition:all .3s ease}:deep(.el-input){--el-input-hover-border-color: #6C63FF !important;--el-input-focus-border-color: #6C63FF !important}:deep(.el-input__wrapper){background-color:#f8fafc!important;border:2px solid #eef2f7!important;border-radius:12px!important;box-shadow:none!important;transition:all .3s ease!important}:deep(.el-input__wrapper:hover){border-color:#cbd5e1!important;background-color:#f1f5f9!important}:deep(.el-input__wrapper.is-focus){border-color:#6c63ff!important;background-color:#fff!important;box-shadow:0 0 0 4px #6c63ff1a!important}:deep(.el-input__inner){height:50px!important;font-size:15px!important;color:#1e293b!important}:deep(.el-input__inner::-moz-placeholder){color:#94a3b8!important;font-size:14px!important}:deep(.el-input__inner::placeholder){color:#94a3b8!important;font-size:14px!important}:deep(.el-input__prefix){left:15px!important;color:#94a3b8!important;font-size:18px!important;transition:all .3s ease!important}:deep(.el-input__prefix-inner i){font-size:18px!important}:deep(.el-input__wrapper.is-focus) .el-input__prefix{color:#6c63ff!important}:deep(.el-input__suffix){right:15px!important}:deep(.el-input__suffix-inner){color:#94a3b8!important}:deep(.el-input__suffix-inner:hover){color:#6c63ff!important}:deep(.el-input.is-disabled .el-input__wrapper){background-color:#f1f5f9!important;border-color:#e2e8f0!important}:deep(.el-input.is-disabled .el-input__inner){color:#94a3b8!important}:deep(.el-input.is-disabled .el-input__prefix){color:#94a3b8!important}.remember-me{margin-bottom:24px;display:flex;align-items:center}:deep(.el-checkbox__input.is-checked .el-checkbox__inner){background-color:#6c63ff;border-color:#6c63ff}:deep(.el-checkbox__inner){border-radius:6px;border:2px solid #eef2f7;width:18px;height:18px;transition:all .3s ease}:deep(.el-checkbox__inner:hover){border-color:#6c63ff}:deep(.el-checkbox__label){color:#64748b;font-size:14px}.login-button{width:100%;height:50px;font-size:16px;font-weight:600;border-radius:12px;margin-bottom:24px;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;transition:all .3s ease;box-shadow:0 4px 15px #6c63ff33}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c63ff4d}.login-button:active{transform:translateY(0)}.login-footer{text-align:center;color:#64748b;font-size:14px;margin-top:20px;padding-top:20px;border-top:1px solid #eef2f7}.login-footer a{color:#6c63ff;text-decoration:none;font-weight:600;transition:all .3s ease}.login-footer a:hover{color:#5a52d5;text-decoration:none}@media (max-width: 768px){.login-content{flex-direction:column}.login-left{display:none}.login-right{padding:20px}}.general-report{padding:0}.card{margin-bottom:0;box-shadow:0 2px 12px #00000014;border-radius:8px!important;overflow:hidden;transition:all .3s ease}.card-header{padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;font-weight:600;font-size:16px;color:#262626}.card-body{padding:0}.el-table{margin-top:0;border:none}.el-table:before{display:none}.el-table th{background-color:#fafafa;font-weight:600;color:#262626;padding:12px 0}.el-table td{padding:12px 0}.el-tag{margin:0;border-radius:4px;padding:4px 8px}.patient-info,.user-info{display:flex;align-items:center;gap:8px}.patient-name{font-weight:500;color:#262626}.date-info{color:#595959}.user-info i{color:#8c8c8c}.status-tag{text-align:center;font-weight:500}