.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:var(--gradient-dark);color:var(--color-text-white);z-index:var(--z-sidebar);display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{padding:var(--space-6);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid rgba(255,255,255,0.08);min-height:var(--header-height)}.sidebar-logo-icon{width:44px;height:44px;min-width:44px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(124,58,237,0.4)}.sidebar-logo-text{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.sidebar-logo-text h1{font-size:var(--text-xl);font-weight:var(--font-bold);color:white;letter-spacing:-0.5px}.sidebar-logo-text span{font-size:var(--text-xs);color:var(--gray-400);font-weight:var(--font-regular)}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:var(--space-4)}.sidebar-toggle{position:absolute;left:-14px;top:24px;width:28px;height:28px;background:var(--primary-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:14px;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:3px solid var(--color-bg);z-index:10}.sidebar-toggle:hover{background:var(--primary-600);transform:scale(1.1)}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar.collapsed .sidebar-toggle:hover{transform:rotate(180deg) scale(1.1)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;overflow-x:hidden}.sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;color:var(--gray-500);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);letter-spacing:1px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-title{text-align:center;font-size:0}.sidebar.collapsed .sidebar-section-title::after{content:'•••';font-size:var(--text-xs);color:var(--gray-600)}.sidebar-menu{margin-bottom:var(--space-4)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--gray-300);transition:all var(--transition-fast);cursor:pointer;margin-bottom:var(--space-1);position:relative;white-space:nowrap}.sidebar-item:hover{background:rgba(255,255,255,0.08);color:white}.sidebar-item.active{background:var(--primary-500);color:white;box-shadow:0 4px 12px rgba(124,58,237,0.3)}.sidebar-item.active::before{content:'';position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:white;border-radius:var(--radius-full)}.sidebar.collapsed .sidebar-item.active::before{display:none}.sidebar-item-icon{font-size:var(--text-xl);width:24px;min-width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.sidebar-item-text{font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden}.sidebar.collapsed .sidebar-item-text{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:var(--space-3)}.sidebar-badge{margin-right:auto;margin-left:0;background:var(--red-500);color:white;font-size:10px;padding:2px 7px;border-radius:var(--radius-full);font-weight:var(--font-bold);min-width:20px;text-align:center}.sidebar.collapsed .sidebar-badge{position:absolute;top:4px;left:4px;margin:0;width:16px;height:16px;min-width:16px;padding:0;display:flex;align-items:center;justify-content:center;font-size:8px}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid rgba(255,255,255,0.08)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);cursor:pointer}.sidebar-user:hover{background:rgba(255,255,255,0.08)}.sidebar-user-avatar{width:38px;height:38px;min-width:38px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.sidebar-user-role{font-size:var(--text-xs);color:var(--gray-400);white-space:nowrap}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-user{justify-content:center}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:var(--space-6);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--navy-700)}.card-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.stat-card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 var(--radius-xl) var(--radius-xl) 0;transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card.blue::after{background:var(--primary-500)}.stat-card.teal::after{background:var(--teal-500)}.stat-card.green::after{background:var(--green-500)}.stat-card.orange::after{background:var(--orange-500)}.stat-icon{width:52px;height:52px;min-width:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.blue{background:var(--primary-50);color:var(--primary-500)}.stat-icon.teal{background:var(--teal-50);color:var(--teal-500)}.stat-icon.green{background:var(--green-50);color:var(--green-500)}.stat-icon.orange{background:var(--orange-50);color:var(--orange-500)}.stat-info{flex:1}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--navy-700);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--gray-500);font-weight:var(--font-medium)}.stat-trend{font-size:var(--text-xs);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.stat-trend.up{color:var(--green-500)}.stat-trend.down{color:var(--red-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}.btn:active::after{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 2px 8px rgba(124,58,237,0.3)}.btn-primary:hover{box-shadow:0 4px 16px rgba(124,58,237,0.4);transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--navy-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-outline{background:transparent;color:var(--primary-500);border-color:var(--primary-300)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500)}.btn-success{background:var(--gradient-success);color:white;box-shadow:0 2px 8px rgba(16,185,129,0.3)}.btn-success:hover{box-shadow:0 4px 16px rgba(16,185,129,0.4);transform:translateY(-1px)}.btn-danger{background:var(--red-500);color:white;box-shadow:0 2px 8px rgba(239,68,68,0.3)}.btn-danger:hover{background:var(--red-600);box-shadow:0 4px 16px rgba(239,68,68,0.4);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--navy-700)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-full{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg);font-size:var(--text-lg)}.btn-icon.sm{width:32px;height:32px;font-size:var(--text-sm)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--navy-700);margin-bottom:var(--space-2)}.form-required{color:var(--red-500);margin-right:var(--space-1)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:white;color:var(--navy-700);transition:all var(--transition-fast);font-size:var(--text-sm)}.form-input:focus,.form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px rgba(124,58,237,0.1)}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--red-400);box-shadow:0 0 0 4px rgba(239,68,68,0.1)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:white;color:var(--navy-700);transition:all var(--transition-fast);font-size:var(--text-sm);resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px rgba(124,58,237,0.1)}.form-hint{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-1)}.form-error-text{font-size:var(--text-xs);color:var(--red-500);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.table-container{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:white}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--gray-50);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);text-align:right;border-bottom:2px solid var(--color-border);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--navy-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.data-table tr:hover td{background:var(--gray-50)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap}.badge-success{background:var(--green-50);color:var(--green-700)}.badge-warning{background:var(--orange-50);color:var(--orange-700)}.badge-danger{background:var(--red-50);color:var(--red-700)}.badge-info{background:var(--primary-50);color:var(--primary-700)}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--green-500)}.status-dot.pending{background:var(--orange-500)}.status-dot.cancelled{background:var(--red-500)}.status-dot.info{background:var(--primary-500)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.5);backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:90%;max-width:600px;max-height:85vh;overflow-y:auto;transform:scale(0.9) translateY(20px);transition:transform var(--transition-base)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--navy-700)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--gray-500);transition:all var(--transition-fast);cursor:pointer;font-size:var(--text-xl)}.modal-close:hover{background:var(--gray-100);color:var(--red-500)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--gray-50);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.toast-container{position:fixed;top:var(--space-6);left:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:white;box-shadow:var(--shadow-xl);min-width:320px;max-width:450px;animation:slideInRight var(--transition-base) ease forwards;border-right:4px solid}.toast.success{border-right-color:var(--green-500)}.toast.error{border-right-color:var(--red-500)}.toast.warning{border-right-color:var(--orange-500)}.toast.info{border-right-color:var(--primary-500)}.toast-icon{font-size:var(--text-xl);min-width:24px}.toast.success .toast-icon{color:var(--green-500)}.toast.error .toast-icon{color:var(--red-500)}.toast.warning .toast-icon{color:var(--orange-500)}.toast.info .toast-icon{color:var(--primary-500)}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--navy-700)}.toast-message{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.toast-close{color:var(--gray-400);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);padding:var(--space-1)}.toast-close:hover{color:var(--gray-700)}.toast.hiding{animation:fadeOut 0.3s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateX(-30px)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.empty-state-icon{font-size:64px;margin-bottom:var(--space-4);opacity:0.3}.empty-state h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--navy-700);margin-bottom:var(--space-2)}.empty-state p{color:var(--gray-500);font-size:var(--text-sm);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:white;border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:center}.quick-action-btn:hover{border-color:var(--primary-300);background:var(--primary-50);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.quick-action-btn .icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:26px;transition:all var(--transition-fast)}.quick-action-btn:hover .icon{transform:scale(1.1)}.quick-action-btn .icon.blue{background:var(--primary-50);color:var(--primary-500)}.quick-action-btn .icon.teal{background:var(--teal-50);color:var(--teal-500)}.quick-action-btn .icon.green{background:var(--green-50);color:var(--green-500)}.quick-action-btn .icon.orange{background:var(--orange-50);color:var(--orange-500)}.quick-action-btn .label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--navy-700)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:calc(var(--z-sidebar) - 1);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width:1024px){.sidebar{transform:translateX(100%);transition:transform var(--transition-base)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{display:block}.sidebar-toggle{display:none}.mobile-menu-btn{display:flex !important}}.mobile-menu-btn{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--gray-50);color:var(--navy-700);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--gray-100)}@media (max-width:768px){.patients-table-wrapper,table{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal{width:100% !important;max-width:100% !important;height:100vh !important;max-height:100vh !important;border-radius:0 !important;margin:0 !important}.page-content{padding:16px !important}.page-title-section{flex-direction:column;gap:12px;align-items:stretch !important}.page-title-section .btn{text-align:center}input,select,textarea,.form-input,.filter-select{min-height:44px !important;font-size:16px !important}.btn,button,.action-btn,.btn-save{min-height:44px}#chartsSection{grid-template-columns:1fr !important}.header-search{display:none !important}.header-user-info{display:none}.header-user-avatar{width:36px;height:36px;font-size:12px}.stats-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr !important}.modal-body{padding:16px !important}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:120px}}