.navbar{background:linear-gradient(90deg,#1565c0,#0d47a1);height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;z-index:100;color:#fff;position:relative}.navbar-left{display:flex;align-items:center;min-width:280px}.brand-logo{display:flex;align-items:center;gap:12px}.logo-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-size:18px;font-weight:800;letter-spacing:.5px;color:#e3f2fd}.hospital-name{font-size:11px;font-weight:600;text-transform:uppercase;color:#bbdefb;letter-spacing:.5px}.navbar-center{flex:1;display:flex;justify-content:center}.department-selector{background:#ffffff1a;padding:6px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.department-selector:hover{background:#fff3}.dept-label{font-size:13px;color:#bbdefb}.dept-value{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.navbar-right{display:flex;align-items:center;gap:24px;min-width:280px;justify-content:flex-end}.action-buttons{display:flex;gap:8px}.icon-btn{background:transparent;border:none;color:#e3f2fd;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.icon-btn:hover{background:#ffffff26;color:#fff}.badge{position:absolute;top:4px;right:4px;background:#f44336;color:#fff;font-size:10px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid white}.user-profile{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid rgba(255,255,255,.15);cursor:pointer;transition:opacity .2s}.user-profile:hover{opacity:.9}.avatar{width:36px;height:36px;background:#e3f2fd;color:#0d47a1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:2px solid white;box-shadow:0 2px 4px #0000001a}.user-info{display:flex;flex-direction:column;line-height:1.3;text-align:right}.navbar .user-name{font-size:14px;font-weight:700;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.navbar .user-role{font-size:11px;color:#ffecb3!important;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sidebar{background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;height:calc(100vh - 64px);width:260px;flex-shrink:0;font-family:Inter,sans-serif}.sidebar-content{flex:1;overflow-y:auto;padding:24px 16px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.menu-group{margin-bottom:24px}.menu-group-title{padding:0 12px;margin-bottom:8px;font-size:11px;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em}.menu-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:4px;border-radius:8px;color:#4b5563;text-decoration:none;transition:all .2s ease-in-out;font-size:14px;font-weight:500;position:relative}.menu-item:hover{background-color:#f3f4f6;color:#111827}.menu-item.active{background-color:#eff6ff;color:#1d4ed8;font-weight:600}.menu-icon{margin-right:12px;color:#6b7280;transition:color .2s}.menu-item:hover .menu-icon{color:#374151}.menu-item.active .menu-icon{color:#2563eb}.menu-label{flex:1}.menu-arrow{opacity:0;color:#9ca3af;transition:all .2s;transform:translate(-5px)}.menu-item:hover .menu-arrow{opacity:1;transform:translate(0)}.menu-item.active .menu-arrow{opacity:1;color:#2563eb;transform:translate(0)}.sidebar-footer{padding:16px;border-top:1px solid #E5E7EB;background:#f9fafb}.user-mini-profile{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:#dbeafe;color:#1e40af;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-info{flex:1}.user-name{font-size:14px;font-weight:600;color:#111827}.user-role{font-size:12px;color:#6b7280}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-container{display:flex;flex:1;overflow:hidden}.content{flex:1;padding:32px;overflow-y:auto;background:#f9fafb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f5f7fa;color:#1a1a1a}#root{min-height:100vh}